Vue2.x 的筆記:第一次的感受 Vue 開篇

来源:https://www.cnblogs.com/beevesnoodles/archive/2018/09/19/9678265.html
-Advertisement-
Play Games

在互聯網高速發現的今天,可以說每天都在變化著一不留神你就會錯過一個億,所以你不得不時刻的保持著高度的專註。 互聯網的信息是多元的,大量的,在海量的信息中很容易就會迷失自己,沉浸在互聯網給我們帶來的快樂當中。 所以不管你做的什麼行業,時刻都要保持關註,因為我是做技術的,所以我們今天就來說說技術把。 談 ...


在互聯網高速發現的今天,可以說每天都在變化著一不留神你就會錯過一個億,所以你不得不時刻的保持著高度的專註。

互聯網的信息是多元的,大量的,在海量的信息中很容易就會迷失自己,沉浸在互聯網給我們帶來的快樂當中。

所以不管你做的什麼行業,時刻都要保持關註,因為我是做技術的,所以我們今天就來說說技術把。

談談我的愚見

我的主業是做前端開發,然而如今的前端開發與前些年的傳統的前端開發相比已經發生來翻天覆地的變化。由於互聯網的高速發展,我們的需求變得越來越複雜,項目變的越來越難以維護,我們不得不尋求新的技術點與思維去適應當下我們發展。

我們的新技術在這幾年得到了快速到發展,每天都有新的東西涌現,如果你沒有時刻專註著技術的發展分分鐘就落在的後面。因此也有人吵著我已經學不動了。

我們之前在《Javascript 簡史》這篇文章中提到 Javascript 的發展歷程,一開始它只是用來校驗表單的,一經發佈就取得了巨大的成功,所以 Javascript 發展的越來越複雜,越來越全面,已經成為了一門完整的語言,如果你對更多細節感興趣可移至到文章去觀看。

如今的前端已經不在是以前的那個前端,我們關註的東西越來越複雜,邏輯越來越多,處理的事情越來越多,單靠我們如何如何操作DOM已經顯的力不從心。因此前端涌現了大批的框架。
如今為代表的Angualr、React、Vue三個框架已然成為了主流成為統治者,呈現了三分天下的局面。

三個框架都是為瞭解決相同的問題存在的,那就是狀態與UI 的同步,但是每個框架又都有各自的特點和實現方式。

有人說如今是框架的時代,只要會一個框架就能開始幹活了。

因為三大框架的出現與統治地位,如今的項目開發無疑都是通過這些技術去構建,這些問題也導致了每一個技術人員不得不去做出選擇,選擇一個框架去學習,因此每個技術人員的技術棧會略有所不同,公司的招聘也是必須要要求技術人員擁有相應的技術棧,有些人會 Vue,有些人會 React,有些人每個框架都會有所涉獵。

我本人是用 Angular 做項目開發,為了更加適應技術的發展與進步,增加自己的競爭力,讓自己的技能更多一點。

我們應該適應變化,然後去擁抱變化,而不是去抱怨,抱怨是解決不了問題的,努力去實現才是我們應該去做的。

前面說的有點多了,本文主要是用來說說我學 Vue 的時候與其他技術相比給我的感受的,有點扯遠了我們回歸主題。

我們進入 Vue 的官網,首先我們可以看到它是一個漸進式到 Javascript 框架,它是一個關註視圖層(UI)的一個框架,非常容易上手。它是一個基於聲明式,組件化的一個框架。

Vue 的三大特點,簡單、靈活、高效

  • 簡單 只要開發者有HTML、CSS、JavaScript三個的基礎我們就可以使用它去完成項目的開發,不用像 Angular 需要對 Typescript、RxJS 等等一些東西做一個新的學習,這一點上來說 Vue 的上手難度來的更低一些。

  • 靈活 我們可以單獨引入 Vue.js 文件配合項目的其他配置使用,我們也可以用 vue/cli 一整套的框架使用。給我們帶來了更加靈活的使用方式,我們可以根據自己的情況去做出選擇。

  • 高效 Vue 借鑒了 AngularJs 的一些優點,去其性能上的缺點,採用非常高效的虛擬 DOM 的渲染方式,讓其在渲染性能上有很大的優勢,在代碼的體積上一個包含了 Vuex + Vue Router 的 Vue 項目 (gzip 之後 30kB)
    這個對於 Angular 最終的代碼的體積上有相對的優勢。

總結

最近開始在學習 Vue 所以準備把學習過程中的一些東西給總結記錄下來,今天算是一個開始吧,穩重也說了一些個人對前端框架的簡單認識,都是些個人愚見。
如果你有學習 Vue 的打算,不妨跟著一起把它拿下來吧,加油!

本文原創文章發佈於微信公眾號:Modeng。關註並回覆 「前端書籍」百本經典技術書籍免費領取,你懂的!


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • // image 分類 - (UIImage *)circleImage{ // NO 代表透明 UIGraphicsBeginImageContextWithOptions(self.size, NO, 1); // 獲得上下文 CGContextRef ctx = UIGraphicsGetCu ...
  • 在Xcode 10開發中, 報錯:library not found for -lstdc++.6.0.9 解決方案:將Xcode9的libstdc++6.0.9.tbd拷貝到Xcode10中使用 Xcode10中libstdc++相關的3個庫(libstdc++、libstdc++.6、libst ...
  • Flutter 裡面有2種庫一樣的東西, Package -creating a pure Dart component. like a new Widget. 這種是純Dart,相當於你自己寫的組件。 Plugin- exposing an android or ios API for devel ...
  • // // BLElib.h // BLElib // // Created by szbosk on 16/8/16. // Copyright © 2016年 szbosk. All rights reserved. // #import @interface BLElib : NSObject... ...
  • package com.bosk.bledoor.sdk; //sdk包的開門服務類,AndroidManifest.xml 必須註冊 // // //AppUserWX必須位於package com.bosk.bledoor.sdk; //這個AppUserWX類的數組就是多張卡的卡包,一個App... ...
  • 1、過渡 transition 過渡屬性用法: transition :ransition-property transition-duration transition-timing-function transition-delay 可以一起指定也可以分別單獨指定 transition-prop ...
  • <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> .box{ width: 100px; height: 100px; position: absolute; left:300.5 ...
  • Cookie主要屬性 Cookie主要屬性: path domain max age expires:是expires的補充,現階段有相容性問題:IE低版本不支持,所以一般不單獨使用 secure httponly JS不能讀寫HttpOnly Cookie 屬性之間使用英文分號和空格("; ")連 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...