app的前端用什麼框架寫

① web app開發使用哪個框架最好

第一款：Sencha Touch
Sencha Touch 是世界上第一個支持 HTML5 和 CSS3 標準的移動應用框架，你可以使用 HTML5 來編寫音頻和視頻組件，還可以使用 LocalStorage Proxy 來存儲離線數據，同時，大量 CSS3 樣式表為你提供了創建健壯樣式層的可能。

優點
用戶體驗最接近Native App， 具有整體的UI組件、布局解決方案；
統一的編程代碼結構和要求，良好組織的代碼易於維護；
繼承Extjs 4的應用程序MVC架構；
完善的API文檔，示例；活躍的社區，網上有大量的文檔書籍幫助學習；

缺點
兼容性差，僅支持webkit內核的瀏覽器；
框架比較重量級，學習成本比較高；
商業化使用有版權問題；

第二款：jQuery Mobile

jQuery Mobile 是創建移動 web 應用程序的框架。適用於所有流行的智能手機和平板電腦。使用 HTML5 和 CSS3 通過盡可能少的腳本對頁面進行布局。

優點
跨瀏覽器兼容性最好，幾乎兼容所有的平台和瀏覽器；
入門簡單，語法簡潔，編碼靈活，一些簡單的應用直接用HTML既可實現，無需Javascript；
開源插件與第三方擴展網上資源豐富；
完善的API文檔，示例；活躍的社區，網上有大量的文檔書籍幫助學習；

缺點
jQuery Mobile對代碼沒有特定的要求，後期維護難度較大；

第三款：Zepto
Zepto 就是一個 jQuery 的輕量級替代品，幾乎完全一樣的 API，但是專門為 Mobile 或者 HTML5 瀏覽器設計和優化。

優點
學習成本低，Zepto保持了與jQuery幾乎一樣的功能，使用gzip壓縮只有5-10k；

缺點
Zepto不支持Windows Phone下的IE ；

第四款：Wink Toolkit
優點
Wink的核心庫是輕量級的，支持AMD規范的模塊化載入，功能介面相比Zepto更豐富；
提供很酷的2D、3D效果UI組件；

缺點
組件對 Android的支持程度不好，3D組件無法使用 ；

第五款：Ionic：高級的 HTML5 移動APP（Web App）開發框架

Ionic 是一個用HTML, CSS 跟JS 開發的一個用於移動設備的混合APP 開發框架，採用 Sass與AngularJS 開發。目前，Ionic 仍然處於臨測試狀態（ alpha ）。相信未來會成為開發者開發 HTML5 應用的一個不錯的選擇。

第六款：Amaze UI 中國首個開源 HTML5 跨屏前端框架
Amaze UI 是一個移動優先的跨屏前端框架。易學易用。

② 前端框架都有哪些，最主流的是哪個

推薦幾個精緻的web UI框架及常用前端UI框架！

1.Aliceui

Aliceui是支付寶的樣式解決方案，是一套精選的基於 spm 生態圈的樣式模塊集合，是 Arale 的子集，也是一套模塊化的樣式命名和組織規范，是寫 CSS 的更好方式。

2.Amazeui

Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫的。

3.sui

SUI是一套基於bootstrap開發的前端組件庫，同時她也是一套設計規范。

通過SUI，可以非常方便的設計和實現精美的頁面。

同時sui還有移動端版本msui，msui是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫，減少重復工作。

9.YDUI Touch

YDUI Touch 專為移動端打造，在技術實現、交互設計上兼容主流移動設備，保證代碼輕、性能高;使用 Flex 技術，靈活自如地對齊、收縮、擴展元素，輕松搞定移動頁面布局;實現強大的屏幕適配布局，等比例適配所有屏幕。什麼？用得不開心？輕松切換 px;自定義Javascript組件、Less文件、Less變數，定製一份屬於自己的YDUI;

10、後台UI開發框架 MuseUI

一款基於bootstrap風格，兼容於主流瀏覽器（包括IE6）的後端UI開發組件。

③ 做移動端WebApp用什麼框架比較好

很久以前整理了篇將手機網站做成手機應用的JS框架。時隔一年多，很多新的技術已經出現，下面再來總結下還有哪些框架是適合面向手機設備的開發的。
1、jQuery Mobile
jQuery Mobile 是 jQuery 在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平台帶來jQuery核心庫，而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平台。jQuery Mobile開發團隊說：能開發這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發人員開發出真正的移動Web網站。
2、jQTouch
jQTouch 是一個 jQuery 的插件，主要用於手機上的 Webkit 瀏覽器上實現一些包括動畫、列表導航、默認應用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機。
3、DHTMLX Touch
DHTMLX Touch是一個免費的HTML5/JavaScript框架，專門為觸摸屏設備而優化。為您帶來快速開發工藝精美的移動Web應用程序的能力。DHTMLX Touch UI Designer是一個可視化的編輯器用於構建移動用戶界面。它能夠幫您以最少的編碼構建一流的用戶界面。在其主頁上提供一些示例可以展示DHTMLX Touch強大的用戶界面。包括一個menu app for the iPad (適用於開發餐廳應用) 和Book Shop (一個電子書店應用)。
4、Mobilize.js
Mobilize.js是一個開源的HTML5-JavaScript框架用於從任何現在有標准網站快速，簡便地構建移動網站。這個框架其實就是將需要在移動設備上顯示的部分頁面以jQuery Mobile的默認主題顯示，而不是實現一個全新完整的移動頁面。Mobilize.js 可用於任意網站，但對於基於WordPress和Sphinx的網站不需要使用該框架轉換，因為已經有非常多的插件可以使用。
5、The M Project
The-M-Project是另外一個強大的JavaScript框架，它利用HTML5新的特性來更好和更簡便地開發移動應用。這個框架遵循著名的MVC軟體架構模式。它還支持離線，所以你的用戶可以在沒有連接網路的情況下繼續操作(當下次有連線的時候，再將數據同步到伺服器中)。提供優秀的文檔(這個項目擁有一個引導新用戶入門的開發指南)。可以查看提供的示例來對該項目有一個初目的了解。這些示例包括：ToDo App(待辦事項目應用) 和 KitchenSink (這個示例包括這個框架提供的所有UI元素)。
6、WebApp.Net
WebApp.Net 提供了很多的 API，因此可以幫助你節省很多工作了。不需要花時間去進行 Ajax 調用的編碼，因為已經內置了，另外還有很多其它內置功能，提供了詳細的文檔和應用演示。
7、Wijmo
Wijmo是一個基於jQuery UI的UI部件的套件。Wijmo部件進行了優化客戶端Web開發和利用jQuery的優越的性能和易用性的力量。所有的Wijmo部件都配備了20多個主題和支持ThemeRoller。
8、960 Grid on jQuery-Mobile
jquery-mobile-960 是一個用於移動 Web 開發的網格框架，綜合了 960.gs 的靈活性和 jQuery Mobile 的方便性。它的目的是讓 jQuery Mobile 布局更加的靈活，使得應用應許在移動終端更加易用。
9、Sencha Touch Framework
Sencha Touch 是世界上第一個基於 HTML5 的移動 Web 開發框架，支持最新的 HTML5 和 CSS3 標准，全面兼容 Android 和 Apple iOS 設備，提供了豐富的 WEB UI 組件，可以快速的開發出運行於移動終端的應用程序。Shencha是第一個使用HTML5，CSS和JavaScript並且支持音頻/視頻，本地存儲，圓角，漸變背景以及陰影的開發框架。
10、NimbleKit
NimbleKit 是為 iOS 設備構建應用程序最快速的方式，你不需要知道 Objective-C 或者 iOS SDK，你只需結合 JavaScript 代碼編寫 HTML 頁面就可以了。
11、Touchy™ Boilerplate
Touchy Boilerplate 是一個用來創建移動web app，包括HTML模板，Meta tag等的工具。Touchy可以支持動態頁面導航，固定頁頭，滾動內容，瀏覽歷史記錄等功能。Touchy使用jQuery或者 Zepto.JS。
12、PhoneGap
PhoneGap是一個用基於HTML，CSS和JavaScript的，創建移動跨平台移動應用程序的快速開發平台。它使開發者能夠利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯系人，聲音和振動等，此外PhoneGap擁有豐富的插件，可以以此擴展無限的功能。PhoneGap是免費的，但是它需要特定平台提供的附加軟體，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5配套開發。使用PhoneGap只比為每個平台分別建立應用程序好一點點，因為雖然基本代碼是一樣的，但是你仍然需要為每個平台分別編譯應用程序。
13、joshfire
Joshfire是一個開源的跨設備開發框架，幫助開發者創建可以在多種設備上運行的web app。它使用HTML5和JavaScript，並且允許開發者快速整合本地應用和特定的web應用。Joshfire可以讓你的應用接受鍵盤，滑鼠，觸摸屏，遙控器等設備的輸入。Joshfire支持Node.JS。4.Sencha Touch：基於HTML5的移動網頁開發框架。
14、 Julia
Julia框架由基本CSS3文件、JS庫和各個平台的運行庫構成。不像PhoneGap，Julia不僅僅包含調用本機代碼的介面層，它還包含 Model-View-Controller(MVC)支持，Delegation支持，OAuth支持，非同步資料庫存取介面，HTML選擇符(類jQuery調用介面)，HTML模版(允 許嵌入JS代碼)等應用開發必備的API介面。 基於Julia的應用開發就像網站開發那麼簡單，是的，你終於可以用HTML5開發一個完整的、跨平台 的、不亞於本機代碼的、易於維護的移動應用了！大幕即將揭曉，讓我們一起進入移動開發的新時代
15、SproutCore HTML5 Application Framework
SproutCore 是一個 HTML5 移動 Web 開發框架，它的目標是在無需瀏覽器插件的情況下，在瀏覽器中位應用程序提供極佳的桌面效果。
16、Titanium
這是一個強大的，健壯的移動Web開發框架。能夠讓使用現有的HTML, CSS和JavaScript知識來為 iOS和Android平台開發原生移動應用。作為一個越來越大的移動Web框架，它擁有超過300個的APIs和活躍的開發者社區。你從這個社區中得到每一個開發人員的幫助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與移動設備的攝像頭和本地文件存儲系統相交互的特性。
17、Lungo.js
Lungo.js 是一個採用HTML5, CSS3 和JavaScript技術實現的移動Web應用程序開發框架。利用這框架開發的應用程序可運行所有流行的平台包括：iOS, Android, Blackberry 和 WebOs。它還支持觸摸事件如：tap, double-tap和swipe。整個框架沒有用到任何圖片包括圖標，所有都矢量化。可以在這個框架中使用HTML5擁有的一些特性如：WebSQL, 地理位置定位，歷史或設備方向等。Lungo.js是一個模塊化並且完全可定製的框架。
18、xui.js
有時候你可能需要一個超輕量級的框架，只要擁有用於開發標准客戶端所需要的功能如：DOM操作，事件處理，Ajax和一些動畫效果。如果是這樣的話，這個框架剛好非常適合你。整個框架採用GZIP壓縮完之後只有4.2 KB。
19、EmbedJS
EmbedJS是一個用於嵌入式設備的JavaScript框架如：行動電話，TVs、tablets和so forth。EmbedJS強大之處在於，它擁有專門為特定平台和瀏覽器如iOS, Firefox, Android等提供相應的開發版本。這樣就能夠以最少的代碼，為用戶提供最佳的體驗。而且假如你喜歡自己定製，可以利用其提供的EmbedJS Build tool工具實現。EmbedJS基於Dojo實現，所以你如果熟悉Dojo API語法，那EmbedJS將是你最佳的選擇。
20、zepto.js
zepto.js是一個專為mobile WebKit瀏覽器(如：Safari和Chrome)而開發的一個JavaScript框架。它標榜自己在其簡約的開發理念，能夠幫助開發人員簡單、快速地完成開發交付任務。更重要的是這個JS框架，是超輕量級的，只有5KB。zepto.js的語法借鑒並且兼容jQuery。
21、Baker
Baker是用來在iPad或者iPhone平台上發布互動式的電子書或者電子雜志的HTML5電子書框架。
22、ChocolateChip-UI
ChocolateChip-UI 是一個手機移動 Web 開發框架，採用 HTML5, WAML, CSS 和 JavaScript等技術實現。基於 ChocolateChip JavaScript 框架，包含最新的 ChUI.JS 和 ChUI.css.
23、Magazine Grid
Magazine Grid 是一個超現代的 CSS 框架，用於 iPad 和 iPhone 手機，使用類似雜志的設計風格。Magazine Grid 可讓用戶使用 HTML5 元素來組織雜志頁，非常輕量級(<4k)，在移動設備上載入非常快，對老的瀏覽器也支持。
24、Kendo UI
Kendo UI是一個強大的框架用於快速HTML5 UI開發。基於最新的HTML5、CSS3和JavaScript標准。 Kendo UI包含了開發現代JavaScript開發所需要的所有一切，包括：強大的數據源，通用的拖拉(Drag-and-Drop)功能，模板，和UI控制項。
25、HTML App Host Framework
這是一個用於構建基於 Windows Phone 7 的 HTML/JavaScript 託管框架，使用 HTML5 技術。該框架由支持在標准 xap 格式中嵌入 html 應用的控制項。

④ 鍓嶇甯哥敤鐨勫紑鍙戞嗘灦鏈夊摢浜

涓銆 Web鍓嶇妗嗘灦涔婣ngular 2

Angular 2浼樼偣瑙ｆ瀽錛

Angular 2 鐨勬渶澶т紭鍔垮湪浜庡畠鐨勬祦琛岀▼搴︺備篃鏈変漢璁や負瀹冨拰 Google 瀵嗗垏鐩稿叧鐨勫悕瀛楋紝浼氬獎鍝嶅洟闃熶嬌鐢ㄥ畠銆侫ngular 1 鐨勮繀閫熸祦琛屾槸鍥犱負閭ｄ簺鏉ヨ嚜鍏朵粬浜や簰寮忓簲鐢ㄧ▼搴忓紑鍙戠幆澧冪殑浜轟細鍙戠幇瀵逛簬寮鍙戝崟欏甸潰 Web 搴旂敤紼嬪簭鍏鋒湁鐩鎬技鐨勬ā鍨-瑙嗗浘妯″紡銆傞氳繃瀵 Angular 1 榪涜岀幇浠ｅ寲婕斿彉鍜岄噸鏂版瀯寤烘嗘灦鐨勬煇浜涢儴鍒嗭紝Angular 2 宸茬粡鐪熸ｇ殑鐖嗗彂浜嗭紝澶ч噺鐨勬ｅ紡鐨勫拰闈炴ｅ紡鍩硅鏈烘瀯鏁伴噺閮借╀漢鍗拌薄娣卞埢錛屽紑鍙戣呮湁寰堝己鐨勫競鍦虹珵浜夊姏銆傚逛簬鐢ㄦ埛鏉ヨ村畠鏈変竴濂楃敤浜庢瀯寤虹敤鎴風晫闈㈢殑涓板瘜緇勪歡錛岃繖涔熸槸鏈緋誨垪涓灝戞湁鐨勫嚑涓妗嗘灦鑳藉熷仛鍒拌繖鐐廣

緙虹偣瑙ｆ瀽錛

鎴戜滑瑙夊緱 Angular 妗嗘灦鐫閲嶄簬鍦ㄥ崟涓欏甸潰搴旂敤紼嬪簭涓鍒涘緩鐢ㄦ埛鐣岄潰騫舵病鏈夊勭悊鏋勫緩瀹屾暣鐨 Web 搴旂敤榪欎釜鏇村ぇ鐨勫叧娉ㄧ偣錛屽傛灉涓嶅強鏃╃『瀹氫笅鏉ワ紝榪欏皢浼氬艱嚧鏁翠釜欏圭洰闅句互緇存姢錛屽湪瀹為檯欏圭洰涓錛岃繍琛屾椂鎻愪緵涓嶅睘浜庢牳蹇冩嗘灦鐨勬妧鏈寰寰璁╀漢瑙夊緱涓嶅彲鎬濊錛岃繖澶уぇ闄嶄綆浜 TypeScript 瀵規渶緇堝紑鍙戣呯殑浠峰箋

鍙戝睍鏂瑰悜錛

Angular 5 鍒氬垰鍙戝竷錛岃繖鐪嬫潵鏄 Angular 宸茬粡鎴愬姛鐨勫嵃璇佷簡蹇閫熷彂甯冪増鏈鐨勬壙璇猴紝鍦 Google 鐨勬寔緇鏀鎸佷笅錛孉ngular 浼氳秺鏉ヨ秺鎴愮啛銆

鍍忚稿氱殑澶у瀷緇勭粐涓鏍鳳紝Google 鍏鋒湁澶氶噸(鍒嗚)鐨勪漢鏍礆紝浠庡栬〃涓婄湅錛孉ngular 鍥㈤槦鍜岄偅浜涗笓娉ㄤ簬嫻忚堝櫒鏍囧噯鐨勫洟闃熶箣闂存樉寰楀緢鍜岃皭銆備絾鎴戜滑鐨勮傜偣鏄錛屽拰璋愬彧鏄涓灞傝杽鍚勭殑紿楁埛綰搞侫ngular 鍥㈤槦瀵逛簬 Web 緇勪歡鍜屾笎榪涘紡 Web 搴旂敤娌℃湁涓涓鐪熸ｈВ鍐蟲柟妗堛傛垜浠璁や負錛屼笟鐣屾櫘閬嶈ゅ彲鐨勬爣鍑嗗皢浼氬湪 Angular 妗嗘灦涓浼氶愭ュ疄鐜幫紝榪欏皢浼氬獎鍝嶅埌濡備綍鏇村ソ鐨勬瀯寤 Angular 搴旂敤灝嗘垚涓轟竴涓涓/闀挎湡鐨勯庨櫓銆

浣跨敤鐜澧冿細

濡傛灉浣犻渶瑕佸湪涓涓澶у瀷鐨勬嗘灦鍐呰幏鍙栨妧鏈璧勬簮錛屾嗘灦鍐呯殑鎶鏈閫氬父寰堝規槗縐繪;鎴栬呬綘闇瑕佸湪妗嗘灦涓璁緇冨紑鍙戜漢鍛橈紝騫朵笖榪樿佹湁涓瀹氱殑淇″績錛屼粬浠浼氬湪鐭鏈熷唴鑾峰緱涓瀹氱殑寮鍙戣兘鍔涳紝榪欐牱鐨勮瘽浣犲彲浠ヨ冭檻 Angular 2 銆傞渶瑕佹敞鎰忕殑鏄 Angular1(angular.js)涓 Angular2 鏄鎴鐒朵笉鍚岀殑錛屽叾涓鐨勫簲鐢ㄣ佹妧鏈鍜岀粡楠屼笉鑳界洿鎺ョЩ妞嶅埌 Angular2 鐨勫紑鍙戜腑鍘匯

濡傛灉浣犵殑 Web 搴旂敤鑳藉熷緢濂界殑杞鍖栦負鏍囧噯鐨勬ā鍨-瑙嗗浘妯″紡錛岄偅涔堜綘涔熷彲浠ュ拷鐣ュ叾浠栫洿鎺ヨ冭檻浣跨敤 Angular2 銆

濡傛灉浣犲 Google Material UX 璁捐℃ā寮忔弧鎰忥紝閭ｄ箞 Material Angular 鏄閬靛驚璇ユā寮忕殑涓縐嶅揩閫熴佺畝鍗曚笖鍙闈犵殑鏂瑰紡銆

浜屻乄eb鍓嶇妗嗘灦涔婻eactRex

ReactRex浼樺娍瑙ｆ瀽錛

React 鍜 Rex 鐨勬渶澶т紭鍔垮湪浜庡畠浠鐩稿圭畝鍗曞拰涓撴敞銆傚仛涓浠朵簨鎯呭苟鎶婂畠鍋氬ソ鏄闈炲父鍥伴毦鐨勶紝浣嗚繖涓や釜搴撻兘寰堟湁鏁堝湴瀹屾垚浜嗗畠浠鐨勭洰鏍囥傝櫧鐒跺逛簬鏌愪簺鐘舵佸瑰櫒鏂規硶鍙鑳芥槸澶栭儴鐨勶紝浣嗗ぇ澶氭暟寮鍙戜漢鍛樿繕鏄鍙浠ヨ交鏉炬帉鎻℃傚康錛屽苟浜嗚В鍗曞悜鏁版嵁浣撶郴緇撴瀯鐨勫ソ澶勶紝綆鍖栧ぇ閲忕殑鐢ㄦ埛鐣岄潰搴旂敤紼嬪簭銆

緙虹偣瑙ｆ瀽錛

React 鍜 Rex 鏈澶х殑寮辯偣涓嶆槸瀹冧滑鏄浠涔堬紝鑰屾槸瀹冧滑涓嶆槸浠涔堛傝佹瀯寤轟竴涓鍔熻兘涓板瘜鐨 Web 搴旂敤紼嬪簭錛屼綘闇瑕佽稿氬姛鑳斤紝涓鏃﹁劚紱 React 鍜 Rex 鍜屽叾浠栦竴浜涘簱鐨勬牳蹇冿紝浣犲皢鍙戠幇涓涓闈炲父鍒嗘暎鐨勭ぞ鍖猴紝鎷ユ湁鏃犳暟鐨勮В鍐蟲柟妗堝拰妯″紡錛屼笉瀹規槗鏁村悎鍦ㄤ竴璧楓

鍥犳わ紝鉶界劧 React 鍜 Rex 閮芥槸闈炲父涓撴敞鐨勫簱錛屼絾緙轟箯緇忛獙鐨勫洟闃熻繕鏄浼氬緢瀹規槗鍦扮敓鎴愪笉鍙緇存姢鐨勮В鍐蟲柟妗堬紝鑰屼笉鏄鎰忚瘑鍒頒粬浠鎵鍋氱殑閫夋嫨浼氬艱嚧鎬ц兘涓嶄匠鎴栭敊璇銆傚嵆浣挎湁緇忛獙鐨勫紑鍙戜漢鍛樹篃鍙鑳芥剰璇嗗埌錛屼竴涓鏉炬暎鐨勬灦鏋勬垨鎯渚嬪彲鑳戒細鍦ㄦ湭鏉ュ洶鎵頒粬浠銆

鍋囩渷閽辨槸涓縐嶅硅嚜宸辯殑嬈洪獥錛岀粍緇囪寖鍥村唴閲囩敤 React 鍜 Rex 灝嗚交鏉鵑檷浣庢棤鏁堢巼闂棰樸傛病鏈夊叾浠栧簱鍜屾ā寮忕殑騫挎硾綰﹀畾鍜屾爣鍑嗗寲錛屾爣鍑嗗寲 ReactRex 姣旇緝浜庢垜浠姝ｅ湪閲囩敤鐨 JavaScript 鏉ョ紪鍐欐垜浠鐨勫簲鐢ㄧ▼搴忔晥鐜囪侀珮銆

鍙戝睍鏂瑰悜錛

Facebook 鍜 React 鏈榪戜粠綣佺悙鐨勯檮鍔犱笓鍒╃籂綰蜂腑鎶界伙紝浠栦滑璁よ瘑鍒幫紝灝卞儚鍏朵粬欏圭洰涓鏍鳳紝鏇村箍娉涚殑紺懼尯鑳藉熸彁楂樿嚜宸辯殑澹伴煶銆傛垜瑙夊緱榪欐湁鍔╀簬 Facebook 鎰忚瘑鍒頒粬浠榪樹笉鑳芥洿濂藉湴浜嗚В鎴戜滑錛岀浉淇℃垜浠鏉ュ紩瀵奸」鐩銆傚笇鏈涜繖灝嗙戶緇璐絀塊」鐩鐨勭壒鐐瑰拰鎶鏈鏂瑰悜銆

寰堥毦棰勬祴 React 鍜 Rex 鐨勬湭鏉ャ備絾鏄錛屽皢搴撻泦涓鍦ㄤ竴璧鳳紝紜瀹炰細鏄劇潃鎻愰珮閫傚簲鎬э紝澶у氭暟ReactRex 妯″紡閮戒細淇冭繘涓涓鍒嗙葷殑浣撶郴緇撴瀯錛屼粠鑰屽彲浠ヨ交鏉懼湴榪涜岄噸鏋勫拰榪浠ｃ備袱騫村墠錛屽ぇ瀹跺枩嬈㈢殑榪樻槸ReactFlux錛屼絾鏁翠釜紺懼尯寰堝揩灝辨嫢鎶變簡Rex銆傛濈淮鎴栨ā寮忕殑鍏朵粬閲嶅ぇ杞鍙樺彲鑳藉緢瀹規槗琚閲囩撼銆傝繖縐嶅叧閿鑳藉姏鍙鑳戒細鎸佺畫鍒版湭鏉ャ

浣跨敤鐜澧冿細

濡傛灉浣犲緢灝戦渶瑕佹墜鎶婃墜鎸囧礆紝騫朵笖姝ｅ湪瀵繪壘鏇村ソ鐨勫簱鑰屼笉鏄鍏ㄩ潰鐨勬嗘灦錛岄偅涔 ReactRex 鍙鑳芥槸姝ｇ『鐨勩傚湪榪欎竴榪囩▼涓錛屼綘涓嶄粎闇瑕佸逛綘鐨勫洟闃熷拰緇勭粐鐨勮兘鍔涗繚鎸佽瘹瀹烇紝榪樿佸湪浣犵殑鍒濆嬪紑鍙戣繃紼嬩腑錛屼互鍙婂湪鏁翠釜搴旂敤紼嬪簭鐨勯暱鏈熺淮鎶よ繃紼嬩腑淇濇寔璇氬疄銆

涓夈乄eb鍓嶇妗嗘灦涔媀ue.js

vue.js浼樺娍浠嬬粛錛

娓愯繘寮忔瀯寤鴻兘鍔涙槸vue.js鏈澶х殑浼樺娍錛寁ue 鏈変竴涓綆媧佽屼笖鍚堢悊鐨勬灦鏋勶紝浣垮緱瀹冩槗浜庣悊瑙ｅ拰鏋勫緩銆

vue 鏈変竴涓寮哄ぇ鐨勫厖婊℃縺鎯呬漢緹ょ殑紺懼尯錛岃繖涓簐ue.js澧炲姞浜嗗法澶х殑浠峰礆紝浣垮緱涓轟竴涓絀虹櫧欏圭洰鍒涘緩涓涓緇煎悎鐨勮В鍐蟲柟妗堝彉寰楀嶮鍒嗗規槗銆

緙虹偣浠嬬粛錛

鍦ㄦā鍨-瑙嗗浘搴旂敤紼嬪簭鍜岀姸鎬佸瑰櫒綾誨瀷鐨勫簲鐢ㄧ▼搴忎箣闂寸殑浜掔浉杞鎹㈠彲鑳戒細浠や漢鎰熷埌鍥版儜錛屽嵆浣挎病鏈夊畬緹庡寘鍚涓涓妯″紡鍒板彟涓涓妯″紡鐨勫畬緹庤漿鎹錛屼絾璁╀漢鎰熻夊笇鏈涜兘緇存寔涓や釜妯″紡鐨勭浉鍏蟲с傚逛簬閭ｄ簺鏈熷緟vue.js瀹岀編瑙ｅ喅鏂規堬紝騫跺彲鑳藉艱嚧闅句互緇存姢涓嶄竴鑷寸殑搴旂敤紼嬪簭鐨勪漢鏉ヨ達紝榪欒嚦灝戞槸浠や漢鍥版儜鐨勩

涓涓鏇村ぇ鐨勬寫鎴樻槸vue.js渚濊禆浜庝竴涓鍗曠嫭鐨勪漢錛屽緢鏄庢樉錛屽叾浠栫殑欏圭洰鍩烘湰鏄鐢變竴涓緇勭粐鎻愪緵鏀鎸侊紝浣嗚繖璁╀漢鎰熻夋洿鍔犳湁鎰忎箟錛岃櫧鐒跺畠鏈変竴涓寮哄ぇ鏂囦歡鐨勭ぞ鍖哄拰璁稿氭湁鍒涙柊鐨勬柊澧為」鐩錛屼絾鏄 vue 鏍稿績鐨勫紑鍙戝熀鏈钀藉湪涓涓浜鴻韓涓娿

鎴戜滑寰堥珮鍏寸湅鍒 vue 鏇村姞瀹規槗鎺ュ彈鏂板叴鐨勬爣鍑嗘柟娉曪紝浣嗘槸瀹冪殑綾諱技浜 Web 緇勪歡鐨勬ā寮忥紝鑰屼笉鏄鐪熸ｇ殑 Web 緇勪歡錛岃繖鍙鑳芥槸 vue 鎵寰椾笉鍋垮け鐨勫湴鏂廣

鍙戝睍鍓嶆櫙錛

鉶界劧vue.js鏈夌浉褰撳箍娉涚殑搴旂敤錛屼絾涔熷緢闅鵑勬祴鍦ㄤ腑鏈熷彂灞曚腑榪欎釜鍔垮ご鑳芥寔緇澶氫箙錛屽畠涓嶆槸鐢變竴涓鍟嗕笟緇勭粐鐩存帴鏀鎸佸苟緇存姢錛屽洜姝わ紝榪欏緢澶х▼搴︿笂渚濊禆浜庣淮鎶よ呯殑鐢熷瓨鑳藉姏鍜岀戶緇緇存姢涓嬪幓鐨勬効鏈涙潵鍐沖畾銆

瀹冧篃琛ㄧ幇鍑轟簡涓瀹氱▼搴︾殑璇璦閫傚簲鑳藉姏錛屽苟涓旈殢鐫鏌愪簺妯″紡鐨勮惤浼嶅拰澶卞疇鑰岀戶緇淇濇寔鑷韜璇璦鐨勭幇浠ｅ寲鍜屾椂浠ｆэ紝鐩鍓嶆病鏈夎抗璞¤〃鏄巚ue.js鏋舵瀯灝嗘潵鏃犳硶閫傚簲榪涗竴姝ュ彂灞曘

浣跨敤鍦烘櫙錛

濡傛灉浣犳湁涓涓浼犵粺鐨刉eb搴旂敤紼嬪簭錛屽苟闇瑕佷竴涓寮哄．紼沖仴鐨勫簲鐢ㄧ▼搴忓眰錛岄偅涔坴ue.js 鍙鑳芥槸涓涓寰堝ソ鐨勯夋嫨錛屽畠鏈夋竻鏅扮殑妯″紡錛屽嵆浣挎病鏈夌粡楠岀殑鍥㈤槦涔熻兘姝ｇ『鎴栬呴敊璇鐨勪嬌鐢ㄥ畠銆傚敖綆vue UX妗嗘灦娌℃湁寮綆卞嵆鐢ㄧ殑鍔熻兘錛屼絾鍦╲ue.js涓婁篃鑳藉ぇ閲忔寔緇鎬ф瀯寤哄簲鐢錛岃繖灝嗘湁鍒╀簬浣犵殑欏圭洰銆

⑤ 鍓嶇寮鍙慉PP搴旇ラ噰鍙栦粈涔堟嗘灦錛

涓.璺ㄥ氬鉤鍙板紑鍙戞嗘灦