HTML5作為現(xiàn)代Web應(yīng)用程序的一種技術(shù)標(biāo)準(zhǔn)，以其跨平臺(tái)、可擴(kuò)展和易于開(kāi)發(fā)等特性受到了廣泛的關(guān)注和應(yīng)用。而在移動(dòng)應(yīng)用設(shè)計(jì)方面，H5也成為了一種備受推崇的開(kāi)發(fā)方式，尤其是對(duì)于那些不想針對(duì)各個(gè)平臺(tái)分開(kāi)開(kāi)發(fā)的開(kāi)發(fā)者或企業(yè)。而H5做App最好的方式當(dāng)屬框架。下面介紹幾個(gè)比較好的H5框架。
1.ionic
Ionic是一個(gè)受歡迎的開(kāi)源H5和移動(dòng)應(yīng)用開(kāi)發(fā)框架，可以用它輕松地構(gòu)建高品質(zhì)的跨平臺(tái)移動(dòng)應(yīng)用。使用這個(gè)框架，您可以創(chuàng)建跨平臺(tái)的應(yīng)用程序，包括iOS、Android和Web應(yīng)用程序，并且具有美觀的UI、強(qiáng)大的性能、快速預(yù)覽、移動(dòng)友好和易于訪問(wèn)。
Ionic 具有豐富的特性，其中包括：
（1）易于使用的用戶界面組件庫(kù)
（2）從 Web 技術(shù)構(gòu)建的設(shè)計(jì)
（3）開(kāi)箱即用的本地功能
（4）可擴(kuò)展的工具和服務(wù)網(wǎng)格
Ionic在性能方面也表現(xiàn)出色，我們可以看出來(lái)它具有以下特點(diǎn)：
（1）使用GPU進(jìn)行渲染;
（2）禁止使用Jquery,使用原生js;
（3）不會(huì)造成頁(yè)面級(jí)別的重繪。
2.React Native
React Native由React原生庫(kù)封裝而來(lái)，它使開(kāi)發(fā)人員能夠在Android、iOS和Web等平臺(tái)上使用相同的React組件開(kāi)發(fā)應(yīng)用程序。React Native充分利用了原生應(yīng)用程序的性能，并成為H5開(kāi)發(fā)跨平臺(tái)應(yīng)用程序的良好選擇。其最大的優(yōu)勢(shì)是，可以將更多的工作和代碼轉(zhuǎn)移到JavaScript上，而讓你的代碼在多個(gè)平臺(tái)中運(yùn)行。
React Native不同于其他的框架的特點(diǎn)是，它是基于組件的類庫(kù)。采用了JSX，用類似于HTML的語(yǔ)法來(lái)組合各種組件。
在React Native中，每個(gè)組件都有自己的state和props，并且允許您構(gòu)建可重用的組件，以及創(chuàng)建功能強(qiáng)大且高性能的應(yīng)用程序。
3.Framework7
Framework7是一個(gè)免費(fèi)的開(kāi)源框架，用于構(gòu)建HTML、CSS和JS的混合應(yīng)用程序以及iOS和安卓平臺(tái)上的完整Web應(yīng)用程序。完全針對(duì)移動(dòng)端開(kāi)發(fā)，是一種使用純Javascript、CSS和HTML構(gòu)建移動(dòng)應(yīng)用程序的全棧框架，采用命名“變量--”的方式來(lái)實(shí)現(xiàn)獨(dú)特的CSS樣式管理以及數(shù)據(jù)綁定。除了一些典型的CSS操作外，F(xiàn)ramework7也支持物理設(shè)備的交互特性和包括呼出菜單，抽屜式菜單等等，使得應(yīng)用程序和網(wǎng)頁(yè)的使用體驗(yàn)得到了進(jìn)一步優(yōu)化，而且具有非常容易上手的特性。
4.Vue
Vue是一個(gè)開(kāi)源框架，適用于建立Web UI，構(gòu)建單頁(yè)應(yīng)用，和應(yīng)用程序。 Vue也是一個(gè)漸進(jìn)式系統(tǒng)，意味著您可以在現(xiàn)有流程中零散的使用它，或者將其作為“全家桶”使用（可管理：路由，狀態(tài)管理，HTTP請(qǐng)求，交互）。由于它的能力也可用于構(gòu)建符合W3C標(biāo)準(zhǔn)的Web應(yīng)用程序，因此也可以應(yīng)用于HTML5的同時(shí)，使用一些像Webpack和Babel這樣的工具進(jìn)行處理。所以它也是一個(gè)非常優(yōu)秀、使用廣泛的前端框架。
以上是我個(gè)人比較看好的H5框架，每一種從性能到易用性都有很好的表現(xiàn)，開(kāi)發(fā)者們可以根據(jù)自己的應(yīng)用場(chǎng)景和需求來(lái)選擇合適的框架。
