正文

前端低代碼框架vue（vue前端代碼規(guī)范）

發(fā)布時(shí)間：2023-03-16 00:45:30 稿源：創(chuàng)意嶺閱讀： 1650 問大家

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于前端低代碼框架vue的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com

本文目錄:

1、認(rèn)識(shí)Vue.js+Vue.js的優(yōu)缺點(diǎn)+和與其他前端框架的區(qū)別
2、Web前端主流框架—Vue的優(yōu)缺點(diǎn)分析
3、Web前端的流行框架推薦
4、Vue框架為什么得到了前端程序員很高的評價(jià)

前端低代碼框架vue（vue前端代碼規(guī)范）

一、認(rèn)識(shí)Vue.js+Vue.js的優(yōu)缺點(diǎn)+和與其他前端框架的區(qū)別

認(rèn)識(shí)Vue.js+Vue.js的優(yōu)缺點(diǎn)+和與其他前端框架的區(qū)別

首先，我們先了解什么是MVX框架模式？MVX框架模式：MVC+MVP+MVVM1.MVC：Model(模型)+View(檢視)+controller(控制器)，主要是基于分層的目的，讓彼此的職責(zé)分開。View通過Controller來和Model聯(lián)絡(luò)，Controller是View和Model的協(xié)調(diào)者，View和Model不直接聯(lián)絡(luò)，基本聯(lián)絡(luò)都是單向的。使用者User通過控制器Controller來操作模板Model從而達(dá)到檢視View的變化。2.MVP：是從MVC模式演變而來的，都是通過Controller/Presenter負(fù)責(zé)邏輯的處理+Model提供資料+View負(fù)責(zé)顯示。在MVP中，Presenter完全把View和Model進(jìn)行了分離，主要的程式邏輯在Presenter里實(shí)現(xiàn)。并且，Presenter和View是沒有直接關(guān)聯(lián)的，是通過定義好的介面進(jìn)行互動(dòng)，從而使得在變更View的時(shí)候可以保持Presenter不變。MVP模式的框架：Riot,js。3.MVVM：MVVM是把MVC里的Controller和MVP里的Presenter改成了ViewModel。Model+View+ViewModel。View的變化會(huì)自動(dòng)更新到ViewModel,ViewModel的變化也會(huì)自動(dòng)同步到View上顯示。這種自動(dòng)同步是因?yàn)閂iewModel中的屬性實(shí)現(xiàn)了Observer，當(dāng)屬性變更時(shí)都能觸發(fā)對應(yīng)的操作。MVVM模式的框架有：AngularJS+Vue.js和Knockout+Ember.js后兩種知名度較低以及是早起的框架模式。Vue.js是什么？看到了上面的框架模式介紹，我們可以知道它是屬于MVVM模式的框架。那它有哪些特性呢？其實(shí)Vue.js不是一個(gè)框架，因?yàn)樗痪劢箼z視層，是一個(gè)構(gòu)建資料驅(qū)動(dòng)的Web介面的庫。Vue.js通過簡單的API（應(yīng)用程式程式設(shè)計(jì)介面）提供高效的資料系結(jié)和靈活的元件系統(tǒng)。Vue.js的特性如下：1.輕量級(jí)的框架2.雙向資料系結(jié)3.指令4.外掛化Vue.js與其他框架的區(qū)別？1.與AngularJS的區(qū)別相同點(diǎn)：都支援指令：內(nèi)建指令和自定義指令。都支援過濾器：內(nèi)建過濾器和自定義過濾器。都支援雙向資料系結(jié)。都不支援低端瀏覽器。不同點(diǎn)：1.AngularJS的學(xué)習(xí)成本高，比如增加了DependencyInjection特性，而Vue.js本身提供的API都比較簡單、直觀。2.在效能上，AngularJS依賴對資料做臟檢查，所以Watcher越多越慢。Vue.js使用基于依賴追蹤的觀察并且使用非同步佇列更新。所有的資料都是獨(dú)立觸發(fā)的。對于龐大的應(yīng)用來說，這個(gè)優(yōu)化差異還是比較明顯的。2.與React的區(qū)別相同點(diǎn)：React采用特殊的JSX語法，Vue.js在元件開發(fā)中也推崇編寫.vue特殊檔案格式，對檔案內(nèi)容都有一些約定，兩者都需要編譯后使用。中心思想相同：一切都是元件，元件例項(xiàng)之間可以巢狀。都提供合理的鉤子函式，可以讓開發(fā)者定制化地去處理需求。都不內(nèi)建列數(shù)AJAX，Route等功能到核心包，而是以外掛的方式載入。在元件開發(fā)中都支援mixins的特性。不同點(diǎn)：React依賴VirtualDOM,而Vue.js使用的是DOM模板。React采用的VirtualDOM會(huì)對渲染出來的結(jié)果做臟檢查。Vue.js在模板中提供了指令，過濾器等，可以非常方便，快捷地操作DOM。如何使用Vue.js?1.安裝（1）script如果專案直接通過script載入CDN檔案，程式碼示例如下：(2)npm如果專案給予npm管理依賴，則可以使用npm來安裝Vue,執(zhí)行如下命令：$npmivue--save-dev(3)bower如果專案基于bower管理依賴，則可以使用bower來安裝Vue，執(zhí)行如下命令：$bowerivue--save-dev

Vue.js與其他框架的區(qū)別：

1.與AngularJS的區(qū)別

相同點(diǎn)：

都支援指令：內(nèi)建指令和自定義指令。

都支援過濾器：內(nèi)建過濾器和自定義過濾器。

都支援雙向資料系結(jié)。

都不支援低端瀏覽器。

不同點(diǎn)：

1.AngularJS的學(xué)習(xí)成本高，比如增加了Dependency Injection特性，而Vue.js本身提供的API都比較簡單、直觀。

2.在效能上，AngularJS依賴對資料做臟檢查，所以Watcher越多越慢。

Vue.js使用基于依賴追蹤的觀察并且使用非同步佇列更新。所有的資料都是獨(dú)立觸發(fā)的。

對于龐大的應(yīng)用來說，這個(gè)優(yōu)化差異還是比較明顯的。

2.與React的區(qū)別

相同點(diǎn)：

React采用特殊的JSX語法，Vue.js在元件開發(fā)中也推崇編寫.vue特殊檔案格式，對檔案內(nèi)容都有一些約定，兩者都需要編譯后使用。

中心思想相同：一切都是元件，元件例項(xiàng)之間可以巢狀。

都提供合理的鉤子函式，可以讓開發(fā)者定制化地去處理需求。

都不內(nèi)建列數(shù)AJAX，Route等功能到核心包，而是以外掛的方式載入。

在元件開發(fā)中都支援mixins的特性。

不同點(diǎn)：

React依賴Virtual DOM,而Vue.js使用的是DOM模板。React采用的Virtual DOM會(huì)對渲染出來的結(jié)果做臟檢查。

Vue.js在模板中提供了指令，過濾器等，可以非常方便，快捷地操作DOM。

我知道vue2.0和angularJS的區(qū)別，這兩個(gè)框架非常的像，但是在vue2.0后可以將js+css寫成一個(gè)元件，你想在什么頁面用引入這個(gè)元件就可以用了。這很變態(tài)。

比如你在一個(gè)專案中自己寫了個(gè)帶搜尋框的input ，你把他寫成了一個(gè)元件，xxx.vue

直接把xxx.vue移到另一個(gè)專案，只要在另一個(gè)專案中需要帶搜尋框的input ，直接引用就可以了。

現(xiàn)在大多數(shù)框架都是以一個(gè)元件的形式搭建一個(gè)專案

vue是什么 vue特點(diǎn) vue和其他前端框架區(qū)別

vue是什么

Vue.js (讀音 /vju?/，類似于 view) 是一套基于javascript的用于構(gòu)建使用者介面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是，Vue 采用自底向上增量開發(fā)的設(shè)計(jì)。Vue 的核心庫只關(guān)注檢視層，它不僅易于上手，還便于與第三方庫或既有專案整合。另一方面，當(dāng)與單檔案元件和 Vue 生態(tài)系統(tǒng)支援的庫結(jié)合使用時(shí)，Vue 也完全能夠?yàn)閺?fù)雜的單頁應(yīng)用程式提供驅(qū)動(dòng)。

vue特點(diǎn)

簡潔、輕量、元件化、快速、資料驅(qū)動(dòng)、模組友好

vue和其他前端框架區(qū)別

1.與AngularJS的區(qū)別

相同點(diǎn)：

都支援指令：內(nèi)建指令和自定義指令。

都支援過濾器：內(nèi)建過濾器和自定義過濾器。

都支援雙向資料系結(jié)。

都不支援低端瀏覽器。

不同點(diǎn)：

1>AngularJS的學(xué)習(xí)成本高，比如增加了Dependency Injection(依賴注入)特性，而Vue.js本身提供的API都比較簡單、直觀。

2>在效能上，AngularJS依賴對資料做臟檢查，所以Watcher越多越慢。

Vue.js使用基于依賴追蹤的觀察并且使用非同步佇列更新。所有的資料都是獨(dú)立觸發(fā)的。

對于龐大的應(yīng)用來說，這個(gè)優(yōu)化差異還是比較明顯的。

手機(jī)渲染速度：angular1 300ms * vue 200ms * react 100ms

2.與React的區(qū)別

相同點(diǎn)：

React采用特殊的JSX語法，Vue.js在元件開發(fā)中也推崇編寫.vue特殊檔案格式，對檔案內(nèi)容都有一些約定，兩者都需要編譯后使用。

中心思想相同：一切都是元件，元件例項(xiàng)之間可以巢狀。

都提供合理的鉤子函式，可以讓開發(fā)者定制化地去處理需求。

都不內(nèi)建列數(shù)AJAX，Route等功能到核心包，而是以外掛的方式載入。

在元件開發(fā)中都支援mixins的特性。

不同點(diǎn)：

React依賴Virtual DOM,而Vue.js使用的是DOM模板。React采用的Virtual DOM會(huì)對渲染出來的結(jié)果做臟檢查。

Vue.js在模板中提供了指令，過濾器等，可以非常方便，快捷地操作DOM。

vue的應(yīng)用場景

簡單地說，就是需要對 DOM 進(jìn)行很多自定義操作的專案小專案;理論上 Vue 配合類似Flux的架構(gòu)也可以勝任超大規(guī)模多人協(xié)作的復(fù)雜專案。

如何用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

提供了響應(yīng)式（Reactive）和元件化（Composable）的檢視元件。

保持注意力集中在核心庫，伴隨于此，有配套的路由和負(fù)責(zé)處理全域性狀態(tài)管理的庫。

相似的作用域，我們會(huì)用更多的時(shí)間來講這一塊的比較。不僅我們要保持技術(shù)的準(zhǔn)確性，同時(shí)兼顧平衡。我們指出React比Vue更好的地方，例如，他們的生態(tài)系統(tǒng)和豐富的自定義渲染器。

React社群在這里非常積極地幫助我們實(shí)現(xiàn)這一平衡，特別感謝來自 React 團(tuán)隊(duì)的 Dan Abramov 。他非?？犊幕ㄙM(fèi)時(shí)間來貢獻(xiàn)專業(yè)知識(shí)，來幫我們完善這個(gè)檔案，直到我們都滿意。

這么說，就是希望你能對這兩個(gè)庫的比較的公平性感到放心。

效能簡介

到目前為止，在現(xiàn)實(shí)的測試中，Vue 是優(yōu)于 React 的（通常至少快20%-50%，盡管在某些情況下還要更快）。我們可以提供一個(gè)到這個(gè)參照專案的連結(jié)，但是坦率的說，所有的參照在某些方面是有缺陷的，很少有像你所寫的一個(gè)真實(shí)應(yīng)用。那么，讓我們詳細(xì)了解下吧。

渲染效能

在渲染使用者介面的時(shí)候，DOM的操作是最昂貴，不幸的是沒有庫可以讓這些原始操作變得更快。

我們能做的最好的就是：

盡量減少DOM操作。Vue 和 React 都使用虛擬DOM來實(shí)現(xiàn)，并且兩者工作一樣好。

盡量減少除DOM操作以外的其他操作。這是 Vue 和 React的一個(gè)不同的地方。

假如說，在React中，渲染一個(gè)元素的額外開銷是1，而平均渲染一個(gè)元件的開銷是2。在Vue中，一個(gè)元素的開銷更像0/vue/dist/vue.js"></script> 然后就可編寫Vue程式碼并應(yīng)用到生產(chǎn)中，而不用擔(dān)心效能問題。

由于起步階段不需學(xué)JSX，ES2015 或構(gòu)建系統(tǒng)，所以建立應(yīng)用花的時(shí)間會(huì)更少。

本地渲染

ReactNative能使你用相同的元件模型編寫有本地渲染能力的APP（IOS或Android）。能同時(shí)跨多平臺(tái)開發(fā)，對開發(fā)者是非常棒的。相應(yīng)地，Vue和Weex會(huì)進(jìn)行官方合作，Weex是阿里的跨平臺(tái)使用者介面開發(fā)框架，Weex 的 JavaScript 框架執(zhí)行時(shí)用的就是Vue。這以為著不僅在瀏覽器，在 IOS 和 Android 上面也可以用 Vue 來進(jìn)行開發(fā)。

在現(xiàn)在，Weex 還在積極發(fā)展，成熟度也不能和 ReactNative 相抗衡。但是，Weex的發(fā)展是由世界上最大的電子商務(wù)企業(yè)的需求在驅(qū)動(dòng)，Vue 團(tuán)隊(duì)也會(huì)和 Weex 團(tuán)隊(duì)積極合作確保為開發(fā)者帶來良好的開發(fā)體驗(yàn)。

MobX

Mobx 在 React 社群很流行，實(shí)際上在Vue也采用了幾乎相同的反應(yīng)系統(tǒng)。在有限程度上，React + Mobx 也可以被認(rèn)為是更繁瑣的 Vue，所以如果你習(xí)慣組合使用它們，那么選擇 Vue 會(huì)更合理。

Angular 1

Due的一些語法和Angular的很相似（例如 v-if vs ng-if）。因?yàn)锳ngular是Vue早期開發(fā)的靈感來源。然而，Augular中存在許多問題，在Vue中已經(jīng)得到解決。

復(fù)雜性

在 API 與設(shè)計(jì)兩方面上 Vue.js 都比 Angular 1 簡單得多，因此你可以快速地掌握它的全部特性并投入開發(fā)。

靈活性和模組化

Vue.js 是一個(gè)更加靈活開放的解決方案。它允許你以希望的方式組織應(yīng)用程式，而不是在任何時(shí)候都必須遵循 Angular 1 制定的規(guī)則，這使讓Vue能適用于各種專案。我們知道把決定權(quán)交給你，是非常必要的，就是是為什么提供Webpack template，讓你用幾分鐘，去選擇是否用高階特性，比如熱模組載入、linting 、

Css extraction 等等。

資料系結(jié)

Angular 1 使用雙向系結(jié)，Vue在不同元件間強(qiáng)制適用單向資料流。這使應(yīng)用中的資料流清晰易懂。

指令與元件

在 Vue 中指令和元件分得更清晰。指令只封裝 DOM 操作，而元件代表一個(gè)自給自足的獨(dú)立單元 —— 有自己的檢視和資料邏輯。在 Angular 中兩者有不少相混的地方。

效能

Vue.js 有更好的效能，并且非常非常容易優(yōu)化，因?yàn)樗皇褂门K檢查。

在Angular 1中，當(dāng) watcher 越來越多時(shí)會(huì)變得越來越慢，因?yàn)樽饔糜騼?nèi)的每一次變化，所有 watcher 都要重新計(jì)算。并且，如果一些 watcher 觸發(fā)另一個(gè)更新，臟檢查回圈（digest cycle）可能要執(zhí)行多次。 Angular 使用者常常要使用深?yuàn)W的技術(shù)，以解決臟檢查回圈的問題。有時(shí)沒有簡單的辦法來優(yōu)化有大量 watcher 的作用域。

Vue.js 則根本沒有這個(gè)問題，因?yàn)樗褂没谝蕾囎粉櫟挠^察系統(tǒng)并且非同步列隊(duì)更新，所有的資料變化都是獨(dú)立地觸發(fā)，除非它們之間有明確的依賴關(guān)系。

有意思的是，Angular 2 和 Vue 用相似的設(shè)計(jì)解決了一些 Angular 1 中存在的問題。

Angular 2

Augluar 2完全是一個(gè)全新的框架。例如,它具有優(yōu)秀的元件系統(tǒng)，并且許多實(shí)現(xiàn)已經(jīng)完全重寫，API也完全改變了。

TypeScript

Angular 1面向的較小的應(yīng)用程式，Angular 2已轉(zhuǎn)移焦點(diǎn)，面向的是大型企業(yè)應(yīng)用。TypeScript被引用，這對那些喜歡用Java或者C#等型別安全的語言的人是非常有用的。

Vue也適合企業(yè)應(yīng)用，也可以使用TypeScript來支援官方型別和使用者貢獻(xiàn)的型別，盡管這是可選的。

尺寸和效能

在效能方面，這兩個(gè)框架都是非常快。但是如果你檢視第三方參照，就可以得出 Vue 2 比 Angular2 要快的。

在尺寸方面，雖然 Angular 2 使用 tree-shaking 技術(shù)和編譯技術(shù)能使程式碼尺寸減小。

即便包含編譯器和全部功能 Vue2(23kb)比起 Angular 2(50kb)還是小的多。但是要注意，用 Angular 的 App 的尺寸縮減是用 tree-shaking 移除了那些框架中沒有用到的功能，當(dāng)隨著引入功能的增多，尺寸會(huì)越來越大。

靈活性

Vue 官方提供了構(gòu)建工具，但沒限制你如何構(gòu)建。有人喜歡用統(tǒng)一的方式構(gòu)建，也有很多開發(fā)者喜歡這種靈活自由的方式。

學(xué)習(xí)曲線

開始使用Vue，你使用的是熟悉的HTML、符合ES5規(guī)則的JavaScript（也就是純JavaScript）。有了這些基本的技能，你可以快速地掌握它(指南)并投入開發(fā) 。

Angular 2 的學(xué)習(xí)曲線是非常陡峭的。即使不包括TypeScript，它們開始指南中所用的就有ES2015標(biāo)準(zhǔn)的JavaScript，18個(gè)NPM依賴包，4個(gè)檔案和超過3千多字介紹，這一切都是為了完成個(gè)Hello World。而Vue's Hello World就非常簡單。

Ember

Ember 是一個(gè)全能框架。它提供大量的約定，一旦你熟悉了它們，開發(fā)會(huì)很高效。不過，這也意味著學(xué)習(xí)曲線較高，而且不靈活。在框架和庫（加上一系列松散耦合的工具）之間權(quán)衡選擇。后者更自由，但是也要求你做更多的架構(gòu)決定。

也就是說，最好比較 Vue.js 核心和 Ember 的模板與資料模型層：

Vue 在普通 JavaScript 物件上建立響應(yīng)，提供自動(dòng)化的計(jì)算屬性。在 Ember 中需要將所有東西放在 Ember 物件內(nèi)，并且手工為計(jì)算屬性宣告依賴。

Vue 的模板語法可以用全功能的 JavaScript 表示式，而 Handlebars 的語法和幫助函式語法相比之下非常受限。

在效能上，Vue 甩開 Ember 幾條街，即使是 Ember2.0 的最新Glimmer引擎。Vue自動(dòng)批量更新，Ember 當(dāng)效能關(guān)鍵處需要手動(dòng)管理。

Knockout

Knockout 是MVVM領(lǐng)域內(nèi)的先驅(qū)，并且追蹤依賴。它的響應(yīng)系統(tǒng)和Vue相似。它對瀏覽器支援以及所有的表現(xiàn)也是讓人印象深刻的。它能最低支援到IE6，而Vue最低只能支援到IE9。

隨著時(shí)間的推移，Knockout的發(fā)展已有所放緩，并且略顯有點(diǎn)老舊了。比如，它的元件系統(tǒng)缺少完備的生命周期事件方法，盡管這些在現(xiàn)在是非常常見。以及相比Vue呼叫子元件的介面顯得有點(diǎn)笨重。

如果你有興趣研究，會(huì)發(fā)現(xiàn)它們在介面設(shè)計(jì)的構(gòu)思理念上是不同的。這些通過各自建立的 simple Todo List 可以體現(xiàn)出來?；蛟S有點(diǎn)主觀，但是很多人認(rèn)為Vue的API介面更簡單結(jié)構(gòu)更優(yōu)雅。

Polymer

Polymer 是另一個(gè)由谷歌贊助的專案，事實(shí)上也是Vue的一個(gè)靈感來源。Vue的元件可以粗略的類比于Polymer的自定義元素，并且兩者具有相似的開發(fā)風(fēng)格。最大的不同之處在于，Polymer是構(gòu)建于最新版的Web Components標(biāo)準(zhǔn)之上的，并且需要非凡的polyfills來工作（效能下降），瀏覽器本身不支援這些功能。相比而言，Vue不需要依賴polyfills來工作，最低到IE9。

在 Polymer 1.0版本中，為了彌補(bǔ)效能，團(tuán)隊(duì)非常有限的使用資料系結(jié)系統(tǒng)。例如，在Ploymer中支援的唯一表達(dá)式只有布林值否定和單一的方法的呼叫，它的puted方法的實(shí)現(xiàn)也不是很靈活。

Polymer 自定義的元素是用HTML檔案來建立的，這回限制你的普通的JavaScript/CSS（和被現(xiàn)代瀏覽器普遍支援的語言特性）。相比之下，Vue的單檔案允許你非常容易的使用ES2015和你想用的Css的預(yù)編譯處理器。

當(dāng)部署到生產(chǎn)環(huán)境的時(shí)候，Polymer建議使用HTML Imports載入所有資源。而這要求伺服器和客戶端都支援Http 2.0協(xié)議，且瀏覽器實(shí)現(xiàn)了標(biāo)準(zhǔn)。這是否可行就取決于你的目標(biāo)使用者和部署環(huán)境了。如果狀況不佳，你必須用Vulcanizer工具來來打包Polymer元素。在這方面，Vue 可以結(jié)合非同步元件的特性和Webpack的程式碼分割特性來實(shí)現(xiàn)懶載入（lazy-loaded）。這同時(shí)確保了對舊瀏覽器的相容且又能更快載入。

對Vue和Web Component標(biāo)準(zhǔn)之間進(jìn)行深層次的整合，也是完全可行的，比如Custom Elements、Shadow DOM的樣式封裝。然而現(xiàn)在在我們做出嚴(yán)肅的承諾之前，我們?nèi)栽诘却龢?biāo)準(zhǔn)成熟，進(jìn)而廣泛應(yīng)用于主流的瀏覽器中。

Riot

Riot 2.0 提供了一個(gè)類似于基于元件的開發(fā)模型（在Riot中稱之為”Tag”），提供小巧精美的API。Riot 和 Vue 可能共享一些設(shè)計(jì)理念。即使相比Roit重一點(diǎn)，Vue還是有很多顯著優(yōu)勢的：

根據(jù)真實(shí)條件來渲染，Roit根據(jù)是否有分支簡單顯示或隱藏所有內(nèi)容。

功能更加強(qiáng)大的路由機(jī)制，Roit的路由功能的API是極少的。

更多成熟工具的支援。Vue 提供官方支援Webpack、Browserify和SystemJS，而 Roit 是依靠社群來建立整合系統(tǒng)。

過渡效果系統(tǒng)。Riot現(xiàn)在沒有提供。

更好的效能。Roit 盡管廣告稱用虛擬DOM，實(shí)際上用的還是臟檢查機(jī)制，因此和Angular 1患有相同的效能問題。

以上所述是我給大家介紹的Vue.js 2.0 和 React、Augular等其他前端框架大比拼，希望對大家有所幫助，如果大家有任何疑問請給我留言，我會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對指令碼之家網(wǎng)站的支援！

react.js vue.js 這些前端框架都必須在node.js上才能跑嗎

這些js寫的吧，你tomcat怎么解析js，而且tomcat也是呼叫第三方的直譯器來解析程式碼，你看node.js能不能整合到tomcat，有沒有類似的外掛。

并不是，你本地隨便建個(gè)檔案就能跑。

二、Web前端主流框架—Vue的優(yōu)缺點(diǎn)分析

Vue：

Vue是尤雨溪編寫的一個(gè)構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的Web界面的庫，準(zhǔn)確來說不是一個(gè)框架，它聚焦在V(view)視圖層。它有以下的特性：1.輕量級(jí)的框架;2.雙向數(shù)據(jù)綁定;3.指令;4.插件化。

優(yōu)點(diǎn)：

1.簡單：官方文檔很清晰，比Angular簡單易學(xué)。

2.快速：異步批處理方式更新DOM。

3.組合：用解耦的、可復(fù)用的組件組合你的應(yīng)用程序。

4.緊湊：~18kbmin+gzip，且無依賴。

5.強(qiáng)大：表達(dá)式無需聲明依賴的可推導(dǎo)屬性(computedproperties)。

6.對模塊友好：可以通過NPM、Bower或Duo安裝，不強(qiáng)迫你所有的代碼都遵循Angular的各種規(guī)定，使用場景更加靈活。

缺點(diǎn)：

1.新生兒：Vue.js是一個(gè)新的項(xiàng)目，沒有angular那么成熟。

2.影響度不是很大：google了一下，有關(guān)于Vue.js多樣性或者說豐富性少于其他一些有名的庫

3.不支持IE8。

以上就是青藤小編關(guān)于Web前端主流框架：Vue的優(yōu)缺點(diǎn)分析的相關(guān)分享，希望對大家有所幫助，想要了解更多相關(guān)內(nèi)容，歡迎大家及時(shí)關(guān)注哦!

三、Web前端的流行框架推薦

今天小編要跟大家分享的文章是關(guān)于Web前端的流行框架推薦，正在從事Web相關(guān)工作的小伙伴們來和小編一起看一看吧，希望這些推薦的框架能夠?qū)δ阌兴鶐椭?/p>

一、vue前端框架

Vue(讀音/vju_/，類似于view)是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是，Vue

被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue

的核心庫只關(guān)注視圖層，不僅易于上手，還便于與第三方庫或既有項(xiàng)目整合。另一方面，當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時(shí)，Vue

也完全能夠?yàn)閺?fù)雜的單頁應(yīng)用提供驅(qū)動(dòng)。

如果你想在深入學(xué)習(xí)Vue之前對它有更多了解，我們制作了一個(gè)視頻，帶您了解其核心概念和一個(gè)示例工程。

如果你已經(jīng)是有經(jīng)驗(yàn)的前端開發(fā)者，想知道Vue與其它庫/框架有哪些區(qū)別，請查看對比其它框架

vue學(xué)習(xí)官網(wǎng)：#/v2/guide/

vue中文社區(qū)：#/

二、React框架

React可以非常輕松地創(chuàng)建用戶交互界面。為你應(yīng)用的每一個(gè)狀態(tài)設(shè)計(jì)簡潔的視圖，在數(shù)據(jù)改變時(shí)React也可以高效地更新渲染界面。

以聲明式編寫UI，可以讓你的代碼更加可靠，且方便調(diào)試。

React學(xué)習(xí)官網(wǎng)：#/

ReactNative中文網(wǎng)：#/

三、Angular框架

Angular是一個(gè)以JavaScript編寫的庫，擁有良好的應(yīng)用程序，模板的功能非常強(qiáng)大，自帶豐富的angular指令，可以通過指令擴(kuò)寬HTML，而且可以通過表達(dá)式綁定數(shù)據(jù)到HTML，因?yàn)橐肓薐ava的一些內(nèi)容，所以很容易就可以寫出復(fù)用代碼，有效提高了團(tuán)隊(duì)開發(fā)的速度。

Angular學(xué)習(xí)官網(wǎng)：#/

AngularJs中文學(xué)習(xí)官網(wǎng)：#/

這是目前前端比較流行的框架，當(dāng)然學(xué)習(xí)框架之前，一定要學(xué)好基礎(chǔ)，例如：Html5、Css3、Jscript以及響應(yīng)交互式頁面搭建。

以上就是小編今天為大家分享的關(guān)于Web前端的流行框架推薦的文章，希望本篇文章能夠?qū)φ趶氖耊eb前端工作的小伙伴們有所幫助。想要了解更多Web前端相關(guān)知識(shí)記得關(guān)注北大青鳥Web培訓(xùn)官網(wǎng)。最后祝愿小伙伴們工作順利！

四、Vue框架為什么得到了前端程序員很高的評價(jià)

很多使用過vue的程序員這樣評價(jià)它，“vue.js兼具angular.js和react.js的優(yōu)點(diǎn)，并剔除了它們的缺點(diǎn)”。授予了這么高的評價(jià)的vue.js，也是開源世界華人的驕傲，因?yàn)樗淖髡呤俏恢袊栓C尤雨溪（EvanYou）

如果你是一個(gè)已經(jīng)在學(xué)習(xí)開發(fā)的初學(xué)者亦或是一名在代碼界縱橫多年的程序員，那你一定對前端不陌生。它不像其他編程語言那樣晦澀難懂，可以做到“所見即所得”，或許這也是很多初學(xué)者選擇前端的原因之一。昨天在刷微博的時(shí)候，看到了這樣一個(gè)觀點(diǎn)，說前端開發(fā)的vue.js很有趣，然后今天就準(zhǔn)備和大家聊聊這個(gè)“有趣”的前端框架—Vue。

現(xiàn)狀

Vue.js (讀音 /vju/，類似于 view) 是一套構(gòu)建用戶界面的漸進(jìn)式框架。是用于構(gòu)建交互式的 Web 界面的庫。它提供了 MVVM 數(shù)據(jù)綁定和一個(gè)可組合的組件系統(tǒng)，具有簡單、靈活的API。簡單來說，就是前端的一個(gè)框架，專注于Web 端, 其實(shí)實(shí)質(zhì)還是 DOM 操作。

Vue的優(yōu)勢

1）Vue確實(shí)小而美，開發(fā)體驗(yàn)非常好。Vue 的核心庫只關(guān)注視圖層，它不僅易于上手，還便于與第三方庫或既有項(xiàng)目整合。另一方面，當(dāng)與單文件組件和 Vue 生態(tài)系統(tǒng)支持的庫結(jié)合使用時(shí)，Vue 也完全能夠?yàn)閺?fù)雜的單頁應(yīng)用程序提供驅(qū)動(dòng)。

2）Vue 不支持 IE8 及以下版本，因?yàn)?Vue 使用了 IE8 無法模擬的 ECMAScript 5 特性，這可能算是一個(gè)小的不完美，但它支持所有兼容ECMAScript 5的瀏覽器。

3）在 Vue 里，一個(gè)組件本質(zhì)上是一個(gè)擁有預(yù)定義選項(xiàng)的一個(gè)Vue 實(shí)例。在 Vue 中注冊組件很簡單，也是它的一大優(yōu)勢。

Vue的應(yīng)用

1）Vue.js 的核心是一個(gè)允許采用簡潔的模板語法來聲明式地將數(shù)據(jù)渲染進(jìn) DOM 的系統(tǒng)。Vue的使用非常的簡單，創(chuàng)建一個(gè)本地的 .html 文件，然后通過如下方式引入Vue：

這樣，我們就已經(jīng)成功創(chuàng)建了第一個(gè) Vue 應(yīng)用！

2）現(xiàn)在有很多大公司都在使用Vue

餓了么，有越來越多的項(xiàng)目在使用 vue。這些項(xiàng)目里面，有桌面端（比如餓了么安全應(yīng)急響應(yīng)中心）也有移動(dòng)端（比如餓了么招聘），有面向用戶的，也有后臺(tái)系統(tǒng)。

掘金，全網(wǎng)都是用 Vue.js + Webpack 實(shí)現(xiàn)的，算是一個(gè)純前端應(yīng)用。

蘇寧易購，觸屏版的購物車結(jié)算頁面已經(jīng)用 Vue 重構(gòu)，在眾多框架中還是選擇了 Vue，主要還是因?yàn)?API 比較友好，體驗(yàn)上也流暢了。

據(jù)不完全統(tǒng)計(jì)，包括美團(tuán)、天貓、Laravel、htmlBurger等國內(nèi)外知名大公司都在使用vue進(jìn)行新項(xiàng)目的開發(fā)和舊項(xiàng)目的前端重構(gòu)工作。

你會(huì)用嗎？

1）對于前端初學(xué)者不建議學(xué)習(xí)，一門語言的入門一定是從基礎(chǔ)語法開始的，掌握了基本知識(shí)，才能更加靈活的使用框架，為之后的工作打下良好的基礎(chǔ)。