㈠ Javascript前端框架和類庫不一樣嗎
一個注重整體,一個注重細節,框架幫助你解決「代碼如何組織」顫枝的問攜洞腔辯衫題,類庫幫助你解決「如何把代碼寫得更少/巧/強壯」的問題;它們解決的是不同層面的問題。對於小型應用來說,因為業務邏輯簡單,代碼總量不會太大,組織不會是太大得問題,所以用類庫就夠了;而面對中/大型項目,特別是需要多人共同參與的項目,選擇一個合適的框架有助於寫出規范的,易於理解的,易於回復的,低耦合的……等等的代碼,在此基礎上再使用各種類庫來增加具體代碼的健壯性與功能性則更好。
㈡ 認識Vue.js+Vue.js的優缺點+和與其他前端框架的區別
認識Vue.js+Vue.js的優缺點+和與其他前端框架的區別
首先,我們先了解什麼是MVX框架模式?MVX框架模式:MVC+MVP+MVVM1.MVC:Model(模型)+View(檢視)+controller(控制器),主要是基於分層的目的,讓彼此的職責分開。View通過Controller來和Model聯絡,Controller是View和Model的協調者,View和Model不直接聯絡,基本聯絡都是單向的。使用者User通過控制器Controller來操作模板Model從而達到檢視View的變化。2.MVP:是從MVC模式演變而來的,都是通過Controller/Presenter負責邏輯的處理+Model提供資料+View負責顯示。在MVP中,Presenter完全把View和Model進行了分離,主要的程式邏輯在Presenter里實現。並且,Presenter和View是沒有直接關聯的,是通過定義好的介面進行互動,從而使得在變更View的時候可以保持Presenter不變。MVP模式的框架:Riot,js。3.MVVM:MVVM是把MVC里的Controller和MVP里的Presenter改成了ViewModel。Model+View+ViewModel。View的變化會自動更新到ViewModel,ViewModel的變化也會自動同步到View上顯示。這種自動同步是因為ViewModel中的屬性實現了Observer,當屬性變更時都能觸發對應的操作。MVVM模式的框架有:AngularJS+Vue.js和Knockout+Ember.js後兩種知名度較低以及是早起的框架模式。Vue.js是什麼?看到了上面的框架模式介紹,我們可以知道它是屬於MVVM模式的框架。那它有哪些特性呢?其實Vue.js不是一個框架,因為它只聚焦檢視層,是一個構建資料驅動的Web介面的庫。Vue.js通過簡單的API(應用程式程式設計介面)提供高效的資料系結和靈活的元件系統。Vue.js的特性如下:1.輕量級的框架2.雙向資料系結3.指令4.外掛化Vue.js與其他框架的區別?1.與AngularJS的區別相同點:都支援指令:內建指令和自定義指令。都支援過濾器:內建過濾器和自定義過濾器。都支援雙向資料系結。都不支援低端瀏覽器。不同點:1.AngularJS的學習成本高,比如增加了DependencyInjection特性,而Vue.js本身提供的API都比較簡單、直觀。2.在效能上,AngularJS依賴對資料做臟檢查,所以Watcher越多越慢。Vue.js使用基於依賴追蹤的觀察並且使用非同步佇列更新。所有的資料都是獨立觸發的。對於龐大的應用來說,這個優化差異還是比較明顯的。2.與React的區別相同點:React採用特殊的JSX語法,Vue.js在元件開發中也推崇編寫.vue特殊檔案格式,對檔案內容都有一些約定,兩者都需要編譯後使用。中心思想相同:一切都是元件,元件例項之間可以巢狀。都提供合理的鉤子函式,可以讓開發者定製化地去處理需求。都不內建列數AJAX,Route等功能到核心包,而是以外掛的方式載入。在元件開發中都支援mixins的特性。不同點:React依賴VirtualDOM,而Vue.js使用的是DOM模板。React採用的VirtualDOM會對渲染出來的結果做臟檢查。Vue.js在模板中提供了指令,過濾器等,可以非常方便,快捷地操作DOM。如何使用Vue.js?1.安裝(1)script如果專案直接通過script載入CDN檔案,程式碼示例如下:(2)npm如果專案給予npm管理依賴,則可以使用npm來安裝Vue,執行如下命令:$npmivue--save-dev(3)bower如果專案基於bower管理依賴,則可以使用bower來安裝Vue,執行如下命令:$bowerivue--save-dev
Vue.js與其他框架的區別:
1.與AngularJS的區別
相同點:
都支援指令:內建指令和自定義指令。
都支援過濾器:內建過濾器和自定義過濾器。
都支援雙向資料系結。
都不支援低端瀏覽器。
不同點:
1.AngularJS的學習成本高,比如增加了Dependency Injection特性,而Vue.js本身提供的API都比較簡單、直觀。
2.在效能上,AngularJS依賴對資料做臟檢查,所以Watcher越多越慢。
Vue.js使用基於依賴追蹤的觀察並且使用非同步佇列更新。所有的資料都是獨立觸發的。
對於龐大的應用來說,這個優化差異還是比較明顯的。
2.與React的區別
相同點:
React採用特殊的JSX語法,Vue.js在元件開發中也推崇編寫.vue特殊檔案格式,對檔案內容都有一些約定,兩者都需要編譯後使用。
中心思想相同:一切都是元件,元件例項之間可以巢狀。
都提供合理的鉤子函式,可以讓開發者定製化地去處理需求。
都不內建列數AJAX,Route等功能到核心包,而是以外掛的方式載入。
在元件開發中都支援mixins的特性。
不同點:
React依賴Virtual DOM,而Vue.js使用的是DOM模板。React採用的Virtual DOM會對渲染出來的結果做臟檢查。
Vue.js在模板中提供了指令,過濾器等,可以非常方便,快捷地操作DOM。
我知道vue2.0和angularJS的區別,這兩個框架非常的像,但是在vue2.0後可以將js+css寫成一個元件,你想在什麼頁面用引入這個元件就可以用了。這很變態。
比如你在一個專案中自己寫了個帶搜尋框的input ,你把他寫成了一個元件,xxx.vue
直接把xxx.vue移到另一個專案,只要在另一個專案中需要 帶搜尋框的input ,直接引用就可以了。
現在大多數框架都是以一個元件的形式搭建一個專案
vue是什麼 vue特點 vue和其他前端框架區別
vue是什麼
Vue.js (讀音 /vju?/,類似於 view) 是一套基於javascript的用於構建使用者介面的漸進式框架。與其他重量級框架不同的是,Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注檢視層,它不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與單檔案元件和 Vue 生態系統支援的庫結合使用時,Vue 也完全能夠為復雜的單頁應用程式提供驅動。
vue特點
簡潔、輕量、元件化、快速、資料驅動、模組友好
vue和其他前端框架區別
1.與AngularJS的區別
相同點:
都支援指令:內建指令和自定義指令。
都支援過濾器:內建過濾器和自定義過濾器。
都支援雙向資料系結。
都不支援低端瀏覽器。
不同點:
1>AngularJS的學習成本高,比如增加了Dependency Injection(依賴注入)特性,而Vue.js本身提供的API都比較簡單、直觀。
2>在效能上,AngularJS依賴對資料做臟檢查,所以Watcher越多越慢。
Vue.js使用基於依賴追蹤的觀察並且使用非同步佇列更新。所有的資料都是獨立觸發的。
對於龐大的應用來說,這個優化差異還是比較明顯的。
手機渲染速度:angular1 300ms * vue 200ms * react 100ms
2.與React的區別
相同點:
React採用特殊的JSX語法,Vue.js在元件開發中也推崇編寫.vue特殊檔案格式,對檔案內容都有一些約定,兩者都需要編譯後使用。
中心思想相同:一切都是元件,元件例項之間可以巢狀。
都提供合理的鉤子函式,可以讓開發者定製化地去處理需求。
都不內建列數AJAX,Route等功能到核心包,而是以外掛的方式載入。
在元件開發中都支援mixins的特性。
不同點:
React依賴Virtual DOM,而Vue.js使用的是DOM模板。React採用的Virtual DOM會對渲染出來的結果做臟檢查。
Vue.js在模板中提供了指令,過濾器等,可以非常方便,快捷地操作DOM。
vue的應用場景
簡單地說,就是需要對 DOM 進行很多自定義操作的專案小專案;理論上 Vue 配合類似Flux的架構也可以勝任超大規模多人協作的復雜專案。
如何用vue.js和ionic搭建前端框架
前端可以用flightplan.js 部署。 var config = require("./webpack.config.js"); var webpack = require("webpack") var webpackDevServer=require("webpack-dev-server") confi
vue.js高仿餓了么外賣app 2016最火前端框架
React
React 和 Vue 有許多相似之處,它們都有:
使用 Virtual DOM
提供了響應式(Reactive)和元件化(Composable)的檢視元件。
保持注意力集中在核心庫,伴隨於此,有配套的路由和負責處理全域性狀態管理的庫。
相似的作用域,我們會用更多的時間來講這一塊的比較。不僅我們要保持技術的准確性,同時兼顧平衡。我們指出React比Vue更好的地方,例如,他們的生態系統和豐富的自定義渲染器。
React社群在這里非常積極地幫助我們實現這一平衡,特別感謝來自 React 團隊的 Dan Abramov 。他非常慷慨的花費時間來貢獻專業知識,來幫我們完善這個檔案,直到我們都滿意。
這么說,就是希望你能對這兩個庫的比較的公平性感到放心。
效能簡介
到目前為止,在現實的測試中,Vue 是優於 React 的(通常至少快20%-50%,盡管在某些情況下還要更快)。我們可以提供一個到這個參照專案的連結,但是坦率的說,所有的參照在某些方面是有缺陷的,很少有像你所寫的一個真實應用。那麼,讓我們詳細了解下吧。
渲染效能
在渲染使用者介面的時候,DOM的操作是最昂貴,不幸的是沒有庫可以讓這些原始操作變得更快。
我們能做的最好的就是:
盡量減少DOM操作。Vue 和 React 都使用虛擬DOM來實現,並且兩者工作一樣好。
盡量減少除DOM操作以外的其他操作。這是 Vue 和 React的一個不同的地方。
假如說,在React中,渲染一個元素的額外開銷是1,而平均渲染一個元件的開銷是2。在Vue中,一個元素的開銷更像0/vue/dist/vue.js"></script> 然後就可編寫Vue程式碼並應用到生產中,而不用擔心效能問題。
由於起步階段不需學JSX,ES2015 或構建系統,所以建立應用花的時間會更少。
本地渲染
ReactNative能使你用相同的元件模型編寫有本地渲染能力的APP(IOS或Android)。能同時跨多平台開發,對開發者是非常棒的。相應地,Vue和Weex會進行官方合作,Weex是阿里的跨平台使用者介面開發框架,Weex 的 JavaScript 框架執行時用的就是Vue。這以為著不僅在瀏覽器,在 IOS 和 Android 上面也可以用 Vue 來進行開發。
在現在,Weex 還在積極發展,成熟度也不能和 ReactNative 相抗衡。但是,Weex的發展是由世界上最大的電子商務企業的需求在驅動,Vue 團隊也會和 Weex 團隊積極合作確保為開發者帶來良好的開發體驗。
MobX
Mobx 在 React 社群很流行,實際上在Vue也採用了幾乎相同的反應系統。在有限程度上,React + Mobx 也可以被認為是更繁瑣的 Vue,所以如果你習慣組合使用它們,那麼選擇 Vue 會更合理。
Angular 1
Due的一些語法和Angular的很相似(例如 v-if vs ng-if)。因為Angular是Vue早期開發的靈感來源。然而,Augular中存在許多問題,在Vue中已經得到解決。
復雜性
在 API 與設計兩方面上 Vue.js 都比 Angular 1 簡單得多,因此你可以快速地掌握它的全部特性並投入開發。
靈活性和模組化
Vue.js 是一個更加靈活開放的解決方案。它允許你以希望的方式組織應用程式,而不是在任何時候都必須遵循 Angular 1 制定的規則,這使讓Vue能適用於各種專案。我們知道把決定權交給你,是非常必要的,就是是為什麼提供Webpack template,讓你用幾分鍾,去選擇是否用高階特性,比如熱模組載入、linting 、
Css extraction 等等。
資料系結
Angular 1 使用雙向系結,Vue在不同元件間強制適用單向資料流。這使應用中的資料流清晰易懂。
指令與元件
在 Vue 中指令和元件分得更清晰。指令只封裝 DOM 操作,而元件代表一個自給自足的獨立單元 —— 有自己的檢視和資料邏輯。在 Angular 中兩者有不少相混的地方。
效能
Vue.js 有更好的效能,並且非常非常容易優化,因為它不使用臟檢查。
在Angular 1中,當 watcher 越來越多時會變得越來越慢,因為作用域內的每一次變化,所有 watcher 都要重新計算。並且,如果一些 watcher 觸發另一個更新,臟檢查迴圈(digest cycle)可能要執行多次。 Angular 使用者常常要使用深奧的技術,以解決臟檢查迴圈的問題。有時沒有簡單的辦法來優化有大量 watcher 的作用域。
Vue.js 則根本沒有這個問題,因為它使用基於依賴追蹤的觀察系統並且非同步列隊更新,所有的資料變化都是獨立地觸發,除非它們之間有明確的依賴關系。
有意思的是,Angular 2 和 Vue 用相似的設計解決了一些 Angular 1 中存在的問題。
Angular 2
Augluar 2完全是一個全新的框架。例如,它具有優秀的元件系統,並且許多實現已經完全重寫,API也完全改變了。
TypeScript
Angular 1面向的較小的應用程式,Angular 2已轉移焦點,面向的是大型企業應用。TypeScript被引用,這對那些喜歡用Java或者C#等型別安全的語言的人是非常有用的。
Vue也適合企業應用,也可以使用TypeScript來支援官方型別和使用者貢獻的型別,盡管這是可選的。
尺寸和效能
在效能方面,這兩個框架都是非常快。但是如果你檢視第三方參照,就可以得出 Vue 2 比 Angular2 要快的。
在尺寸方面,雖然 Angular 2 使用 tree-shaking 技術和編譯技術能使程式碼尺寸減小。
即便包含編譯器和全部功能 Vue2(23kb)比起 Angular 2(50kb)還是小的多。但是要注意,用 Angular 的 App 的尺寸縮減是用 tree-shaking 移除了那些框架中沒有用到的功能,當隨著引入功能的增多,尺寸會越來越大。
靈活性
Vue 官方提供了構建工具,但沒限制你如何構建。有人喜歡用統一的方式構建,也有很多開發者喜歡這種靈活自由的方式。
學習曲線
開始使用Vue,你使用的是熟悉的HTML、符合ES5規則的JavaScript(也就是純JavaScript)。有了這些基本的技能,你可以快速地掌握它(指南)並投入開發 。
Angular 2 的學習曲線是非常陡峭的。即使不包括TypeScript,它們開始指南中所用的就有ES2015標準的JavaScript,18個NPM依賴包,4個檔案和超過3千多字介紹,這一切都是為了完成個Hello World。而Vue's Hello World就非常簡單。
Ember
Ember 是一個全能框架。它提供大量的約定,一旦你熟悉了它們,開發會很高效。不過,這也意味著學習曲線較高,而且不靈活。在框架和庫(加上一系列鬆散耦合的工具)之間權衡選擇。後者更自由,但是也要求你做更多的架構決定。
也就是說,最好比較 Vue.js 核心和 Ember 的模板與資料模型層:
Vue 在普通 JavaScript 物件上建立響應,提供自動化的計算屬性。在 Ember 中需要將所有東西放在 Ember 物件內,並且手工為計算屬性宣告依賴。
Vue 的模板語法可以用全功能的 JavaScript 表示式,而 Handlebars 的語法和幫助函式語法相比之下非常受限。
在效能上,Vue 甩開 Ember 幾條街,即使是 Ember2.0 的最新Glimmer引擎。Vue自動批量更新,Ember 當效能關鍵處需要手動管理。
Knockout
Knockout 是MVVM領域內的先驅,並且追蹤依賴。它的響應系統和Vue相似。它對瀏覽器支援以及所有的表現也是讓人印象深刻的。它能最低支援到IE6,而Vue最低只能支援到IE9。
隨著時間的推移,Knockout的發展已有所放緩,並且略顯有點老舊了。比如,它的元件系統缺少完備的生命周期事件方法,盡管這些在現在是非常常見。以及相比Vue呼叫子元件的介面顯得有點笨重。
如果你有興趣研究,會發現它們在介面設計的構思理念上是不同的。這些通過各自建立的 simple Todo List 可以體現出來。或許有點主觀,但是很多人認為Vue的API介面更簡單結構更優雅。
Polymer
Polymer 是另一個由谷歌贊助的專案,事實上也是Vue的一個靈感來源。Vue的元件可以粗略的類比於Polymer的自定義元素,並且兩者具有相似的開發風格。最大的不同之處在於,Polymer是構建於最新版的Web Components標准之上的,並且需要非凡的polyfills來工作(效能下降),瀏覽器本身不支援這些功能。相比而言,Vue不需要依賴polyfills來工作,最低到IE9。
在 Polymer 1.0版本中,為了彌補效能,團隊非常有限的使用資料系結系統。例如,在Ploymer中支援的唯一表達式只有布林值否定和單一的方法的呼叫,它的puted方法的實現也不是很靈活。
Polymer 自定義的元素是用HTML檔案來建立的,這回限制你的普通的JavaScript/CSS(和被現代瀏覽器普遍支援的語言特性)。相比之下,Vue的單檔案允許你非常容易的使用ES2015和你想用的Css的預編譯處理器。
當部署到生產環境的時候,Polymer建議使用HTML Imports載入所有資源。而這要求伺服器和客戶端都支援Http 2.0協議,且瀏覽器實現了標准。這是否可行就取決於你的目標使用者和部署環境了。如果狀況不佳,你必須用Vulcanizer工具來來打包Polymer元素。在這方面,Vue 可以結合非同步元件的特性和Webpack的程式碼分割特性來實現懶載入(lazy-loaded)。這同時確保了對舊瀏覽器的相容且又能更快載入。
對Vue和Web Component標准之間進行深層次的整合,也是完全可行的,比如Custom Elements、Shadow DOM的樣式封裝。然而現在在我們做出嚴肅的承諾之前,我們仍在等待標准成熟,進而廣泛應用於主流的瀏覽器中。
Riot
Riot 2.0 提供了一個類似於基於元件的開發模型(在Riot中稱之為」Tag」),提供小巧精美的API。Riot 和 Vue 可能共享一些設計理念。即使相比Roit重一點,Vue還是有很多顯著優勢的:
根據真實條件來渲染,Roit根據是否有分支簡單顯示或隱藏所有內容。
功能更加強大的路由機制,Roit的路由功能的API是極少的。
更多成熟工具的支援。Vue 提供官方支援Webpack、Browserify和SystemJS,而 Roit 是依靠社群來建立整合系統。
過渡效果系統。Riot現在沒有提供。
更好的效能。Roit 盡管廣告稱用虛擬DOM,實際上用的還是臟檢查機制,因此和Angular 1患有相同的效能問題。
以上所述是我給大家介紹的Vue.js 2.0 和 React、Augular等其他前端框架大比拼,希望對大家有所幫助,如果大家有任何疑問請給我留言,我會及時回復大家的。在此也非常感謝大家對指令碼之家網站的支援!
react.js vue.js 這些前端框架都必須在node.js上才能跑嗎
這些js寫的吧,你tomcat怎麼解析js,而且tomcat也是呼叫第三方的直譯器來解析程式碼,你看node.js能不能整合到tomcat,有沒有類似的外掛。
並不是,你本地隨便建個檔案就能跑。
㈢ web前端三大主流框架
隨著互聯網的發展,web前端框架越來越重要。目前,web前端三大主流框架分別為React、Vue和Angular。React由Facebook開發,採用JSX的語扒檔法,使得開發者可以在JavaScript中編寫HTML。Vue由Evan You於2014年創建,其核心庫只關注視圖層,非常容易上手。Angular是由Google開發的,是一個完整的框架,包含很多功能,如依賴注入、指令、服務等。
React是一個非常爛派流行的框架,已經成為許多大型公司使用的首選框架。它具有高性能和靈活性,可以構建單頁面應用程序和復雜的用戶界面。React還有一個龐大的生態系統,包括許多支持庫和工具,使得開發者可以更加高效地構建應用程序。
Vue是一個輕量級框架,易於上手,因此成為了許多初學者的首選。Vue具有高度靈活性和可擴展性,並且支持組件化開發,可以有效地提高開發效率。Vue還擁有許多有用的功能,如指令、過濾器和混入等,使得開發者可以更加輕松地構建復雜的應用程序。
Angular是一個完整的框架,提供了許多功能,如依賴注入、模板語法、指令和服務等。它還支持TypeScript,這是一個強類型的JavaScript超集,可以在編譯時檢查類型錯誤。Angular還有一個龐大的社區和生態系統,使得開發者可以更加容易地解決問題和獲得支持。
總的來說,React、Vue和Angular都是非常優秀的前端框架,每個框架都有其獨特的優勢和適用場景。開發飢此賀者可以根據自己的需求和技能水平選擇適合自己的框架。在選擇框架時,還需要考慮到其生態系統、支持庫和工具等方面,以便更加高效地開發和維護應用程序。
㈣ 前端開發框架有哪些
1.Bootstrap
Boostrap絕對是目前最流行用得最廣泛的一款框架。它是一套優美,直觀並且給力的web設計工具包,可以用來開發跨瀏覽器兼容並且美觀大氣的頁面。它提供了很多流行的樣式簡潔的UI組件,柵格系統以及一些常用的JavaScript插件。
Bootstrap是用動態語言LESS寫的,主要包括四部分的內容:
腳手架——全局樣式,響應式的12列柵格布局系統。記住Bootstrap在默認情況下並不包括響應式布局的功能。因此,如果你的設計需要實現響應式布局,那麼你需要手動開啟這項功能。
基礎CSS——包括基礎的HTML頁面要素,比如表格(table),表單(form),按鈕(button),以及圖片(image),基礎CSS為這些要素提供了優雅,一致的多種樣式。
組件——收集了大量可以重用的組絕襲件,如下拉菜單(dropdowns),按鈕組(buttongroups),導航面板(navigationcontrol)——包括:tabs,pills,lists標簽,麵包屑導航(breadcrumbs)以及頁碼(pagination),縮略圖(thumbnails),進度條(progressbars),媒體對象(mediaobjects)等等。
JavaScript——包括一系列jQuery的插件,這些插件可以實現組件的動態頁面效果。插件主要包括模態窗口(modals),提示效果(tooltips),「泡芙」效果(popovers),滾動監控(scrollspy),旋轉木馬(carousel),輸入提示(typeahead),等等。
Bootstrap已經足夠強大,能夠實現各種形式的Web界面。為了更加方便地利用Bootstrap進行開發,很多工具和資源可以用來配合使用,下面列舉了其中的一部分工具和資源。
jQueryUIBootstrap——對於jQuery和Bootstrap愛好者來說這是個非常好的資源,能夠把Bootstrap的清爽界面組件引入到jQueryUI中。
jQueryMobileBootstrapTheme——和上面提到的jQueryUI主題類似,這是一個為jQueryMobile建立的主題。如果你想讓用Bootstrap開發的網站在手機端也可以優雅訪問,那麼這個資源對你來說很方便易用。
FuelUX——它為Bootstrap添加了一些輕量的JavaScript控制項。FuelUI安裝,修改,更新以及優化都很簡單方便。
info——Bootstrap提供了自己的幾種界面風格,提供了更多的配色選項,並且你可以給每個組件都應用不同的配色。
BootSwatchr——利用這個工具你可掘宏賣以立刻查看主題修改後的效果。對於每一次變動的效果,這個應用都會生成一個唯一的URL方便你與他人分享,你也可以在任意時刻修改你的主題。
Bootswatch——提供大量免費的Bootstrap主題。
Bootsnipp——在線前端框架交互組件製作工具,是一個供給設計師和開發者的基於BootstrapHTML/CSS/JavaScript架構的免費元素。
LayoutIt——通過界面拖放生成器簡便快捷地創建基於Bootstrap的前端代碼。通過拖放動作將Bootstrap風格的組件加入到你的個人設計里並且可以方便地修改他們的屬性,簡單便捷。
2.Fbootstrapp
Fbootstrapp基於Bootstrap並且提供了跟Facebookiframeapps和設計相同的功能。包含用於所有標准組件的基本的CSS和HTML,包括排版、表單、按鈕、判逗表格、柵格、導航等等,風格與Facebook類似。
3.BootMetro
BootMetro框架的靈感來自於MetroUICSS,基於Bootstrap框架構建,用於創建Windows8的Metro風格的網站。它包括所有Bootstrap的功能,並添加了幾個額外的功能,比如頁面平鋪,應用程序欄等等。
4.Kickstrap
Kickstrap是Bootstrap的一個變體。它基於Bootstrap,並在它的基礎上添加了許多app,主題以及附加功能。這使得這個框架可以單獨地用於構建網站,而不需要額外安裝什麼。你需要做的僅僅是把它放到你的網站上,然後用就可以了。
App是一些頁面載入完成之後載入運行的JavaScript和CSS打包文件。默認載入的app有Knockout.js,Retina.js,FirebugLite,andUpdater,你也可以自行添加更多的app。
選擇不同的主題可以讓你的網站在眾多Bootstrap構建的類似網站中顯得與眾不同。
附加功能是一些用來擴展BootstrapUI庫的附件,它們的語法基本相同或者相似。
㈤ 前端編程語言有幾種
1、html:負責定義頁面的內容
2、css:負責定義頁面的樣式
3、javascript:負責控制頁面的行為
以上三種為前端學習的基本課程
1、jquery:javascript框架,javascript函數庫,極大簡化了javascript。
2、bootstrap:一個用於快速開發 Web 應用程序和網站的前端框架。
3、AngularJS: 是一個JavaScript 框架。
4、JSON: 是存儲和交換文本信息的語法.
5、Ajax: 可以用於創建快速動態的網頁。AJAX 是一種在無需重新載入整個網頁的情況下,能夠更新部分網頁的技術。
6、Angular 2:是一個開源的JavaScript框架
7、React: 是一個用於構建用戶界面的 JAVASCRIPT 庫。React主要用於構建UI .
8、LESS:是一個CSS預處理器,可以為網站啟用可自定義,可管理和可重用的樣式表。是一種動態樣式表語言,擴展了CSS的功能
9、Vue.js :是用於構建互動式的 Web 界面的庫。
10、Node.js :是運行在服務端的 JavaScript。
以上十種,是在實際工作應用中常用的,總結的這些希望對你有所幫助。
學習前端開發,推薦到北京尚學堂,雄厚的師資力量和科學的授課方式,會帶給你最完美的學習體驗。
㈥ 前端框架
1.前端框架一般指用於簡化網頁設計的框架,比如,jquery,extjs,bootstrap等等,這些框架封裝了一些功能,比如html文檔操作,漂亮的各種控制項(按鈕,表單等等)。
2.使用前段框架可以降低界面開發周期和提高界面的美觀性。
3.有些框架比較輕量,比如jquery,有些框架比較重量,比如extjs。一般來說重量的框架會封裝更多的功能,比如extjs,封裝的grid控制項有很強的數據展示和操作功能。
1.對用戶的價值:
大部分產品對用戶的核心價值是功能和內容提供的,而不是由表現層和交互。譬如支付、電商、新聞、交友。
後端解決有還是無的問題,開天闢地。
前端解決有了以後好用的問題,錦上添花,在競爭激烈的領域確實至關重要。
2.技術廣度和難度:
廣度上後端工作在伺服器領域,能控制的硬體基本沒有極限,CPU、存儲、網路、集群等等,因此技術領域極廣。一個優秀的後端需要掌握或了解大量技術如:並發、業務架構、資料庫、幾打流行框架、性能調優、分布式計算、集群架構、容災、安全、運維等等,一層知銷和挖透了還有下一層。幾十年計算機發展歷史中大量的技術沉澱在伺服器端。
Web前端一直工作在一個瀏覽器盒子里,先天不足,能承載的可能性太小,技術廣度不足。
深度上,現代計算機領域的難題如大規模負載,海量數據處理,實時計算也是後端的,前端集中在表示層,這一層雖然也很復雜,但能稱之為難題的技術幾乎沒有,也很容易復制。
前端要說深度也不是沒有,但這一步需要跨到圖形領域(如網頁游戲),不是常見場景。
說到底前端代碼能控制的硬體確實不如後端,因此在技術上,前端更容易。現在為什麼說前端會比後端更值錢呢?那是因為前端對硬體的控制能力提升了(html5odejsmobile),而後端分化得比較厲害,有一批後端專門只寫業務邏輯,框架是別人寫的,系統架構是別人搭的,伺服器跑在雲里,連機器物理地址都不知道。世人眼裡可能覺得這種寫MVC代碼的人才斗褲是後端,這種被限制在一個「虛擬盒子」里的後端確實不怎麼難上手。
一般而言網上說的互聯網行業的技術含量排名大概是這樣:
產品經理<設計師<前端<後端<其他更高級職位,比如演算法工程師等等。
在廣大中小公司,很多產品經理都是不會代碼,不會設計。很多技校學藝術設計的畢業生,當上了美工。這些都是真,所以能力低,乾的人多,自然搭盯就低。然而,你問Google設計師掙多少了嘛?
門檻低不等於技術含量低。
㈦ vue是什麼 vue特點 vue和其他前端框架區別
vue是什麼
Vue.js (讀音 /vju?/,類似於 view) 是一套基於javascript的用於構建用戶界面的漸進式框架。與其他重量級框架不同的是,Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層,它不僅易於上手,還便於與第三方庫或既有項目整合。另一方面,當與單文件組件和 Vue 生態系統支持的庫結合使用時,Vue 也完全能夠為復雜的單頁應用程序提供驅動。
vue特點
簡潔、輕量、組件化、快速、數據驅動、模塊友好
vue和其他前端框架區別
1.與AngularJS的區別
相同點:
都支持指令:內置指令和自定義指令。
都支持過濾器:內置過濾器和自定義過濾器。
都支持雙向數據綁定。
都不支持低端瀏覽器。
不同點:
1>AngularJS的學習成本高,比如增加了Dependency Injection(依賴注入)特性,而Vue.js本身提供的API都比較簡單、直觀。
2>在性能上,AngularJS依賴對數據做臟檢查,所以Watcher越多越慢。
Vue.js使用基於依賴追蹤的觀察並且使用非同步隊列更新。所有的數據都是獨立觸發的。
對於龐大的應用來說,這個優化差異還是比較明顯的。
手機渲染速度:angular1 300ms * vue 200ms * react 100ms
2.與React的區別
相同點:
React採用特殊的JSX語法,Vue.js在組件開發中也推崇編寫.vue特殊文件格式,對文件內容都有一些約定,兩者都需要編譯後使用。
中心思想相同:一切都是組件,組件實例之間可以嵌套。
都提供合理的鉤子函數,可以讓開發者定製化地去處理需求。
都不內置列數AJAX,Route等功能到核心包,而是以插件的方式載入。
在組件開發中都支持mixins的特性。
不同點:
React依賴Virtual DOM,而Vue.js使用的是DOM模板。React採用的Virtual DOM會對渲染出來的結果做臟檢查。
Vue.js在模板中提供了指令,過濾器等,可以非常方便,快捷地操作DOM。
vue的應用場景
簡單地說,就是需要對 DOM 進行很多自定義操作的項目小項目;理論上 Vue 配合類似Flux的架構也可以勝任超大規模多人協作的復雜項目。
㈧ 2021年的前端框架選擇 Angular vs React vs Vue
每個前端開發人員都聽說過三個用於構建 Web 應用程序的框架:React、Vue.js和Angular。
React 是一個 UI 庫,Angular 是一個成熟的前端框架,而 Vue.js 是一個漸進式框架。
它們幾乎可以互換使用來構建前端應用程序,但它們並非 100% 相同,因此比較它們並了解它們的差異是有意義的。
每個框架都是基於組件的,並允許快速創建 UI 功能。
然而,它們都有不同的結構和架構——所以首先,我們將研究它們的架構差異以了解它們背 後的哲學。
React 不強制執行特定的項目結構,正如您從下面的官方「Hello World」示例中看到的那樣,您只需幾行代碼即可開始使用 React。
React 可以用作 UI 庫來渲染元素,而無需強制執行特定的項目結構,這就是它不是嚴格意義上的框架的原因。
React Elements是 React 應用程序的最小構建塊。它們比 DOM 元素更強大,因為 React DOM 確保在發生變化時有效地更新它們。
組件是更大的構建塊,定義了在整個應用程序中使用的獨立且可重用的部分。它們接受稱為 props 的輸入並生成元素,然後顯示給用戶。
React 基於 JavaScript,但它主要與JSX (JavaScript XML)結合,這是一種語法擴展,允許您創建同時包含 HTML 和 JavaScript 的元素。
您使用 JSX 創建的任何內容也可以使用 React JavaScript API 創建,但大多數開發人員更喜歡 JSX,因為它更直觀。
Vue.js 核心庫只關注視圖層。之所以稱為漸進式框架,是因為您可以使用官方和第三方包(例如Vue Router或Vuex )擴展其功能,將其轉變為實際框架。
雖然 Vue 與 MVVM(Model-View-ViewModel)模式沒有嚴格關聯,但它的設計部分受到了它的啟發。使用 Vue,您將主要在 ViewModel 層上工作,以確保以允許框架呈現最新視圖的方式處理應用程序數據。
Vue 的模板語法讓您可以創建 View 組件,並將熟悉的 HTML 與特殊指令和功能相結合。這種模板語法是首選,即使原始 JavaScript 和 JSX 也受支持。
Vue 中的組件很小,是自包含的,並且可以在整個應用程序中重復使用。帶有擴展名的單文件組件(SFC).vue包含 HTML、CSS 和 JavaScript,因此所有相關代碼都位於一個文件中。
SFC 是在 Vue.js 項目中組織代碼的推薦方式,尤其是大型項目。需要使用 Webpack 或 Browserify 等工具將 SFC 轉換為可用的 JavaScript 代碼。
在本文中,我討論的是 Angular 2,而不是現在稱為 AngularJS 的框架的第一個版本。
AngularJS,原始框架,是一個MVC(模型-視圖-控制器)框架。但是在Angular 2 中,與 MV*-patterns 沒有嚴格的關聯,因為它也是基於組件的。
Angular 中的項目被組織成模塊、組件和服務。每個 Angular 應用程序至少有一個根組件和一個根模塊。
Angular 中的每個組件都包含一個模板、一個定義應用程序邏輯的類和元數據(裝飾器)。組件的元數據告訴 Angular 在哪裡可以找到創建和呈現其視圖所需的構建塊。
Angular 模板是用 HTML 編寫的,但也可以包含帶有特殊指令的Angular 模板語法,以輸出反應性數據和呈現多個元素等。
組件使用 Angular 中的服務來委託業務邏輯任務,例如獲取數據或驗證輸入。它們是 Angular 應用程序的獨特部分。雖然 Angular 不強制使用它們,但強烈建議將應用程序構建為一組可以重用的不同服務。
Angular 內置於 TypeScript 中,因此建議使用它以獲得最無縫的體驗,但也支持純 JavaScript。
React 是最受歡迎的 JavaScript 項目之一,在 GitHub 上擁有 16 萬顆星。它由 Facebook 開發和維護,並在他們的許多項目內部使用。此外,根據BuiltWith的使用統計數據,它為超過 200 萬個網站提供支持。
在三個框架中,Vue在 GitHub上的 star 數最多,有 176k。該項目由前 Google 員工 Evan You 開發和領導。據BuiltWith 稱,這是開源社區中一個非常強大的獨立項目,被超過 100 萬個網站使用。
Angular 是由 Google 開發的,但令人驚訝的是它並沒有用於他們的一些旗艦產品,例如搜索或 Youtube。它經常用於企業項目,並基於BuiltWith的數據為超過 97,000 個網站提供支持。
它是三個框架中星數最少的,在 GitHub 上有 68k 星。然而,當從 Angular 1 切換到 Angular 2 時,他們創建了一個全新的代碼庫,而不是繼續AngularJS項目,該項目也有 59k 星。
在開發應用程序時,開源包可以為您節省寶貴的時間。不僅如此,它們通常比定製組件和封裝更好,因為它們經過了實戰測試。
查看可幫助您更輕松地創建新功能的現成組件、主題和其他工具的可用性非常重要。
許多前端應用程序依賴全局狀態管理來存儲信息,例如誰登錄和其他用戶設置。
最流行的 JavaScript 狀態管理項目是Rex。大多數開發人員使用Rex的官方 React 綁定,這些綁定由 Rex 團隊維護。
由於 React 的流行,查找輸入組件和現成的元素非常容易。它們都只是在 Google 或 GitHub 上搜索即可。
React 生態系統還包括React Native,它允許您從用 React 編寫的單個代碼庫構建原生 iOS 和 Android 應用程序。因此,React 也可以成為使用 Web 技術構建移動應用程序的絕佳選擇。
React 是 MERN 堆棧的一部分,其中包含 MongoDB、ExpressJS、React 和 NodeJS。這種組合的偉大之處在於,單一語言——JavaScript——為整個應用程序提供動力。
盡管 Rex 可以在 Vue 中使用,但沒有官方綁定。但這不應該讓您擔心,因為Vuex是專門為 Vue 應用程序製作的官方狀態管理庫。除了與 Vue 很好地集成之外,使用 Vue 的開發人員工具進行調試也很容易。
在 Vue 的早期,很難找到現成的組件。隨著社區的發展,您可以使用各種輸入組件和高級元素來加快開發速度。
對於移動應用程序開發,有一個名為Weex 的新興項目。Weex 由阿里巴巴開發和使用,但不如 React Native 成熟和強大。更重要的是,由於該項目在中國開發和使用較多,因此很難找到英文文檔和解決問題的方法。
Vue 與 Laravel 集成得很好,這就是為什麼它們經常一起使用。Laravel 提供完整的JavaScript 和 CSS 腳手架,以支持在新項目中使用 Vue。
對於 Angular 中的狀態管理,您可以使用NgRx項目。它的靈感來自 Rex,但它是專門為 Angular 創建的。
與 Vue 和 React 的情況一樣,您可以將許多現成的組件導入到您的項目中。與 Angular 略有不同的是,Angular Material項目中有許多官方組件。這是 Google 的一個官方項目,為 Angular 應用程序提供 Material Design 組件。
您可以使用NativeScript在 Angular 中構建跨平台移動應用程序。它也支持 Vue,但 Angular 支持更成熟。
Angular 是著名的 MEAN 堆棧的一部分,它將 Angular 與 MongoDB、ExpressJS 和 NodeJS 相結合。與 MERN 堆棧類似,它的前端和後端都完全依賴 JavaScript。
Angular、React 和 Vue 都可用於開發漸進式 Web 應用程序,也稱為 PWA。
PWA 不是移動應用程序,而是 Web 應用程序,智能手機用戶可以將其添加為主屏幕的快捷方式,並提供類似於原生移動應用程序的外觀和感覺。
您還可以為每個框架找到高級模板和預制應用程序,但 Angular 和 React 比 Vue 提供更多高級選項。
在選擇框架或庫時,您還需要考慮性能。
在許多情況下,您不必擔心性能,尤其是在構建小型項目時。然而,項目的范圍和復雜性越大,性能就會(並且將會)成為一個問題。
重要的是要注意,在 Web 性能方面,開發質量和遵循最佳實踐比框架的選擇更重要。
但由於存在一些性能指標和差異,我將研究它們並解釋每個指標如何影響您的開發工作。
JS 框架基準測試的結果表明,它們在大多數基準測試中都表現得相當好,例如在表中創建或附加行。
正如你在上面看到的,Vue 在選擇行時比 Angular 和 React 慢得多。另一方面,Angular 和 React 在交換行方面效率不高。
這些是渲染基準中唯一的實質性差異 - 在大多數情況下,不會產生明顯的結果。由於選擇行是比交換行更常見的功能,我想說這個基準測試將 Vue 排在第三位,僅次於 Angular 和 React 並列第一。
在內存和啟動時間方面,React 和 Vue 得分很好,但 Angular 稍慢。Angular 啟動一個基本腳本可能需要 150 毫秒,並且需要更多內存才能運行。
谷歌 Chrome 實驗室的Perf Track顯示了來自數千個網站的生產數據。這些統計數據受許多其他因素的影響,而不僅僅是選擇的框架,讓我們看看數字。
與 Angular 相比,Vue 和 React 網站在這個指標上的排名更高,Angular 需要更多時間來啟動並向用戶呈現內容。
在渲染完整頁面的三個框架中,Angular 也是最慢的,只有 27% 的 Angular 網站得分在可接受的范圍內。
對於所有三個框架,超過 80% 的網站都在第一次輸入延遲的可接受范圍內,這顯示了用戶可以與頁面交互所需的時間。
迄今為止,最輕量級的應用程序是使用 Vue 開發的應用程序,68% 的 Vue 應用程序載入的 JavaScript 不到 1MB。另一方面,Angular 和 React 應用程序往往具有更大的代碼大小。
您可以從這些數字中看到趨勢,但您不應該太快得出結論。例如,對於最後一張圖,可以解釋為 Vue 用於開發更輕量級的應用程序,而 Angular 用於更大的項目。
統計數據可以幫助指導您做出正確的決定,但您不能使用它們來證明一個框架比另一個更快或更好。
對於更高級的應用程序,使用的前端框架應該能夠執行一些提高性能並且可以更好地擴展的任務。
兩項關鍵技術是伺服器端渲染 (SSR) 和虛擬化。
React 支持使用官方ReactDOMServer包進行伺服器端渲染。對於虛擬化,您可以使用名為React Virtualized的流行第三方工具。
Vue 中也支持伺服器端渲染以及官方的SSR 包。此外,您還可以使用基於 Vue 構建並支持 SSR的Nuxt.js框架。
不幸的是,Vue 中的虛擬化選項並不是那麼強大。在我看來,Vue Virtual Scroll List是虛擬滾動的最佳解決方案,但它有點問題,不如 React 和 Angular 的選項穩定。
Angular 擁有SSR的官方Angular Universal包,以及用於虛擬滾動和高效渲染大型列表的官方組件。
學習這些框架有多容易?
要回答這個問題,我們需要查看每個框架的復雜性及其引入的概念。
在最基本的用例中,React 是三個框架中最不復雜的。那是因為你只需要導入庫,然後你就可以用幾行代碼開始編寫你的 React 應用程序。
但是除了 Hello World 示例之外,大多數 React 應用程序都是基於組件的,而不僅僅是在頁面上呈現一些元素。
一些開發人員對 React 感到奇怪或困難的一件事是,學習 JSX 是一條單行道。您也可以使用原始 JavaScript,但由於大多數 React 開發人員使用 JSX,學習它幾乎是不可避免的。
這是使 React 的學習曲線變得更陡峭的主要因素,但除此之外,對於了解 JavaScript 並理解 Web 開發概念的開發人員來說,它是一個易於學習的庫。
Vue 的設置比 React 稍微復雜一些。你可以將它用作一個庫來定義你可以在整個 HTML 中使用的組件——但與 React 類似,這不是大多數項目的構建方式。
大多數 Vue 項目都有一個命名的根組件App.vue和一些用於顯示各種內容的子組件。
說到語法,你唯一需要學習的新東西就是 Vue 的模板語法,如果你了解 HTML,這很容易掌握。基本的指令,如v-if和v-for有條件的渲染和列表的渲染,很容易理解即使是初學者。
此外,Vue 的單文件組件將所有前端代碼保存在一個地方,便於組織新項目。
在我看來,Vue 是最容易學習的,因為它的簡單和直觀的語法。
Angular 擁有三者中最復雜的項目結構,而且由於它是一個成熟的前端框架,因此它依賴的概念更多。
除了組件,Angular 還支持模塊和服務。它希望您以特定的方式編寫和設計代碼庫,從而使您的項目在擴展時更易於維護。
至於語法,由於 Angular 最適合與 TypeScript 配合使用,因此在構建 Angular 項目時了解 TypeScript 非常重要。
與 Vue 一樣,您還必須熟悉類似 HTML 的語法,以便您可以開始使用 Angular 編寫新的 UI 功能。
在我看來,Angular 對於普通開發者來說是最難學的,因為它更復雜並且依賴於 TypeScript。
許多開源項目和框架逐漸被遺忘並無人維護。您是否應該擔心我們在這里討論的任何框架?
盡管我們無法完全預測會發生什麼,但正在進行的開發工作是這些項目 健康 狀況的良好指標。人氣和增長也是預測項目壽命的重要指標,所以讓我們來看看每個框架。
React v17.0已經發布,但令人驚訝的是,它沒有為開發人員提供任何新功能。
主要的變化是這個新版本可以更容易地升級 React 本身。您可以將 React 的某些部分從舊版本升級到新版本,而無需升級整個項目。
如果您的應用程序依賴於隨新版本更改或棄用的功能,您可以保留舊版本以保持此功能有效。此更新使 React 成為一個很好的長期選擇,因為它可以更輕松地與新版本保持同步。
React 的每周 npm 下載量自去年以來增長了 44% 。從絕對數量來看,它仍然是三個項目中下載量最大的。
Vue 3 已於2020 年 9 月發布,它解決了 Vue 2 在大型項目中存在的許多嚴重問題。它引入了受React Hooks啟發的Composition API,可以更輕松地跨組件重用邏輯。
整個項目用 TypeScript 重寫,提高了新 Vue 項目對 TypeScript 的支持,同時也使項目更易於維護。
Vue 3 是一個急需的升級,使 Vue 更適合大型項目。
Vue 的每周下載量自去年以來增長了 87%,使 Vue 成為相對而言增長最快的框架。如果 Vue 能夠保持這種增長速度,那麼它肯定會很快超過 Angular。
Angular 最近推出了Ivy 編譯器。它減少了構建時間,優化了資產,允許更快的測試,並總體上改善了開發人員的體驗。
Angular 團隊每年發布兩次重大更新,其中可能包含新功能,或者只是讓框架跟上新瀏覽器版本的速度。
自去年以來,Angular 的每周下載量增長了約 50% ,因此它仍然是一個受歡迎的項目。
Angular、React 和 Vue 都處於非常活躍的開發階段。他們定期發布新版本並維護現有版本。由於在每種情況下當前的支持水平都很高,因此您可以安全地使用這些框架中的任何一個。
需要注意的是,Angular 的增長沒有以前那麼快,而 Vue—— 盡管它是最近開始的——似乎增長了很多。
如前所述,我們無法預測哪些框架會長期保持相關性,但每個項目背後都有一個偉大的社區,並且在不斷發展。
我這篇文章的目標是解釋架構差異,分解每個框架的優點和缺點,並在適用的地方進行比較。
在進入一個新框架之前,有幾件事情需要考慮。
首先,在選擇新技術時,您團隊的經驗可能是一個決定性因素。
同樣,您必須考慮您所在地區可用的人才,以便您可以為您的項目聘請開發人員。
最後,當涉及到項目本身時,復雜性和范圍也會影響您對框架的選擇。
通過考慮所有關鍵差異,我希望您可以決定哪個是最適合您的目標和需求的前端框架。
(本文由聞數起舞翻譯自Aris Pattakos的文章《Angular vs React vs Vue 2021》,轉載請註明出處,原文鏈接:https://athemes.com/guides/angular-vs-react-vs-vue/)
㈨ 前端開發框架是什麼_前端開發框架有哪些
常見的web前端開發框架如下:
1、Bootstrap:
主流框架之一,Bootstrap是基於HTML、CSS、JavaScript的,它簡潔靈活,使得Web開發更加快捷。
2、html5-boilerplate:
該框架含碧可以快速構建健壯,且適應力強的webapp或網站。
3、Meteor:
Meteor是新一代的開發即時web應用的開源框架,它能在較短時間內完成開發。
4、Materialize:
基於材料設計的現代化響應式前端框架。可提供默認的樣式,自定義組件。此外,Materialize還改進動畫和過渡,為開發人員提供流暢的體驗。
5、AmazeUI:
首個開源HTML5跨屏前端框架產品系列培拍,中文排版前端的學習都是需要不斷的學習,學一天停一停相當於白學,學習效果很差,如果你想有人談中舉一起學習可以來這個扣裙,首先是132中間是667最後是127都是零基礎的同學,大家相互鼓勵共同努力只是學著玩就不建議來了!!!支持更優、本土化組件豐富。該產品系列中有專門針對移動端的HTML5混合應用開發框架AmazeUITouch以及針對跨屏HTML5網頁開發的AmazeUIWeb。
㈩ 前端框架React、Vue對比
公司做前後端分離,確定前端技術棧,對前端框架React、Vue,稍微做了下分析:
對比:
1、上手速度(vue:api簡單,語法簡單,學習成本低)
2、組件化能力(都具備)
3、渲染速度 (vue更快)
vue更快,跟蹤組件狀態
react自己管理狀態變化
4、遷移到移動端的能力(React勝)
React 提供無縫遷移到移動端的能力,React Native(事實證明這個需要時間學習成本)。
Vue目前有weex,但是大的使用案例,都是在阿里內部,外部還沒有使用案例
5、適用項目大小
vue適合小項目,React適合大項目
6、目前使用情況(React勝)
Vue最火(關注度高,使用者多,門檻低)
React使用較多
7、後期開發維護迭代(React勝,但Vue 國內用的小夥伴比較多,群多)
React公司FaceBook,團隊強大
Vue開源技術團隊
8、支持的ui庫,論壇、技術坑
ui庫目前都比較多,有element ui、view ui 、antd(現在也支持vue了)
React 有比較好的antd 、element react
總結:如果不考慮後期遷移移動端,和不擔心技術支持的迭代中斷(這個擔心比較小),想要入門快,推薦用vue,
如果 考慮後期遷移移動端,和技術後期官方支持,推薦React,介於公司對於組件化要求高,選擇了React