轉自: https://blog.csdn.net/h5xiaoyu/article/details/113152024
在微信公衆号和微信小程式、支付寶小程式等多端應用出現後，網際網路興起了一股大前端的熱潮。
大前端已經成為前端開發一個熱門的詞語，去到2021年，大前端技術已經非常成熟。
那麼大前端是什麼意思呢？大前端的簡單了解，就是所有前端的統稱，android、ios、微信小程式、微信公衆号H5、網頁開發，是以現在的前端開發工程師，面臨的挑戰很大。
10年以前，我們的企業要做移動端開發，通常需要招3種不同的前端團隊，ios團隊，android團隊，還要做H5開發。
而現在，大前端的統一架構已經漸漸成熟，目前移動網際網路已經向統一架構演變，也就是說一套代碼，可以生成多個不同的端的應用。
下面，我們來讨論一下，目前最熱門的大前端架構。
1、Flutter:Flutter為什麼這麼熱？原因很簡單，它是大名鼎鼎的谷歌公司的出品。它可以用同一套UI的定義語言，可以同時開發IOS和谷歌兩種手機的應用，但這是它的優點，同時也是它的缺點，因為它是國外的架構，是以對國内的技術的支援不是很好，比如小程式、公衆号api等等的支援。而且相比後面所說的Rn或uniapp來說，它獨特的文法風格，體驗性不高，因為學習成本比較高。
2、react native：Rn在學習成本上非常小，因為他是基于js的，基于node js的。這對于本來就熟悉react的前端工程師來說，非常容易上手，能快速開發出相容ios和android兩種裝置的app。但它的缺點也是國内市場，因為它并不能開發小程式。在開發ios應用的時候，由于它沒有雲打包的功能，是以它必須運作在mac電腦，這對于沒有mac電腦的同學來說，望而卻步。
3、最後就是我們國内最熱的大前端架構，基于vue的uniapp，目前在國内，hbuilderx和apicloud都能開發uniapp應用，使用uniapp開發的程式，能同時相容ios、android、小程式、公衆号、h5等多端應用，而且這個架構它是中國公司開發的，對于vue開發者來說，非常的友善，而且它能完美相容微信、支付寶、百度地圖等sdk，生态的支援也非常到位。而且通過hbuilderx等IDE的雲編譯功能，無需mac電腦就可以打包成ios應用，通過香蕉雲編等内測工具，直接在ios上做真機測試。
對于這三種架構來說，Flutter是性能最佳，因為它定義了有限很少的UI文法，但是Flutter卻沒有css的靈活度，要實作一個CSS能完成的簡單UI，用Flutter往往需要内嵌很多标簽才能實作。是以筆者認為，Flutter熱歸熱，但在中國其實并不好用。
現在的H5打包技術，浏覽器都是直接通路本地Html5檔案的，不是通過http去遠端通路html檔案，是以html代碼運作在本地浏覽器，其實速度也很快的。速度就像你在你電腦裡寫個html，然後右鍵選中用浏覽器打開的速度，也是非常快的。在手機的性能大幅度提升的今天，對于渲染這一塊，H5的速度甚至優于原生，比如有些效果用css實作起來非常簡單，但用原生或flutter實作起來嵌套關系非常複雜，反而造成了原生效率比H5低。
是以，對于三大熱門的架構來說，我還是比較喜歡uniapp的，畢竟它是中國的，對中國的生态支援更好，而且學習成本也非常低。基本上會js，會html開發，就可以學習了。在大前端的時代，基本上對前端人員的要求都是擁有跨端開發能力的，我們來擁抱這些架構吧，分久必合，未來前端的趨勢，肯定是往标準，往統一去靠攏的。就像當年的html标準一樣。
————————————————
版權聲明：本文為CSDN部落客「liangsufen」的原創文章，遵循CC 4.0 BY-SA版權協定，轉載請附上原文出處連結及本聲明。
原文連結：https://blog.csdn.net/h5xiaoyu/article/details/113152024
