近年來前端開發(fā)趨勢

1.舊瀏覽器逐漸淘汰，移動端需求增加:

創(chuàng)新互聯(lián)公司致力于互聯(lián)網(wǎng)網(wǎng)站建設與網(wǎng)站營銷，提供成都網(wǎng)站制作、成都網(wǎng)站建設、網(wǎng)站開發(fā)、seo優(yōu)化、網(wǎng)站排名、互聯(lián)網(wǎng)營銷、重慶小程序開發(fā)公司、公眾號商城、等建站開發(fā)，創(chuàng)新互聯(lián)公司網(wǎng)站建設策劃專家，為不同類型的客戶提供良好的互聯(lián)網(wǎng)應用定制解決方案，幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢。

舊瀏覽器主要指的是IE6-IE8，它是不支持ES5特性的；IE9+、chrome、sarafi、firefox對ES5是完全支持的，移動端大部分瀏覽器是基于webkit內核，所以ES5在移動端也是全面支持的，因此vue可以在移動端以及現(xiàn)代瀏覽器中大顯身手。

                                        

2.前端交互越來越多，功能越來越復雜:

現(xiàn)在的前端可謂是包羅萬象，比如高大上的技術庫和框架、酷炫的運營活動頁面、H5小游戲，當然前端技術的應用在更多具有商業(yè)價值的應用上，比如下圖。

                                            

 

3.架構從傳統(tǒng)后臺MVC向REST API+ 前端 MV*(MVC、MVP、MVVM) 遷移

在傳統(tǒng)的MVC下，當前前端和后端發(fā)生數(shù)據(jù)交互后會刷新整個頁面，從而導致比較差的用戶體驗。因此我們通過Ajax的方式和后端REST API作通訊，異步的刷新頁面的某個區(qū)塊，來優(yōu)化和提升體驗，同時把MVC拿到前端來做

回到頂部(go to top)

MVVM框架

1.MVVM框架基本概念:它主要包括各部分View、ViewModel、Model,如下圖。在MVVM架構下，視圖和數(shù)據(jù)是不能直接通訊的，它會通過ViewModel這個中間件來通訊。ViewModel起的是一個觀察者的職位:當數(shù)據(jù)變化，ViewModel觀察到變化，并通知視圖做相應的更新；而用戶操作視圖，ViewModel也能監(jiān)聽到變化，然后通知數(shù)據(jù)做改動，從而實現(xiàn)了數(shù)據(jù)的雙向綁定。

               

2.MVVM框架的應用場景

MVVM框架針對具有復雜交互邏輯的前端應用，它提供了基礎的架構抽象，并且通過Ajax數(shù)據(jù)持久化，保證前端用戶體驗。

所以MVVM框架的好處顯而易見:當前端對數(shù)據(jù)進行操作的時候，可以通過Ajax請求對數(shù)據(jù)持久化，而不必刷新整個頁面，只需改變dom里需要改變的那部分數(shù)據(jù)內容。特別是在移動端，刷新頁面的代價太昂貴。雖然有些資源會被緩存，但是頁面的dom、css、js都會被瀏覽器重新解析一遍，因此移動端頁面通常會被做成SPA單頁應用。由此在這基礎上誕生了很多MVVM框架，比如Angular.js、react.js、vue.js。

回到頂部(go to top)

Vuejs以及其生態(tài)

vue.js是由國內的大牛尤雨溪為主要開發(fā)的，它起初是個人項目，在2014年初開源就受到廣泛關注。起初尤大神把它定位是一個視圖庫而非框架，但隨著vue-router，vue-resource等第三方庫的發(fā)展，Vuejs逐漸成長為一個框架。

1.它是一個輕量級MVVM框架(只有20來kb)

2.核心思想

  ①數(shù)據(jù)驅動：數(shù)據(jù)(model)改變驅動視圖(view)自動更新，DOM是數(shù)據(jù)的一種自然映射

  ②組件化：擴展HTML元素，封裝可重用的代碼

4.github超過35K+的star數(shù)，社區(qū)完善 

回到頂部(go to top)

Vue vs Angular React 

Vue官網(wǎng)已對各個主流框架進行了比較詳細的對比分析(中文版地址)，下面進行簡單地總結下；

Vue.js更輕量，gzip后大小只有20k+。Angular有56K，React有44K。

Vue.js相對來說學習曲線比較平穩(wěn)。

Vue.js吸取了兩家之長，借鑒了Angular的指令和react的組件化。

網(wǎng)站標題：從Vue.js窺探前端行業(yè)
文章路徑：http://chinadenli.net/article32/pihpsc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、移動網(wǎng)站建設、建站公司、網(wǎng)站改版、網(wǎng)站制作、網(wǎng)站設計公司

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)