Flutter動態(tài)化方案調研

騰訊課堂14M

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設、蘿北網(wǎng)絡推廣、微信平臺小程序開發(fā)、蘿北網(wǎng)絡營銷、蘿北企業(yè)策劃、蘿北品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供蘿北建站搭建服務，24小時服務熱線：028-86922220，官方網(wǎng)址：chinadenli.net

今日頭條3M

閑魚22M

百度貼吧13M

螞蟻財富56.8M

百度網(wǎng)盤14M

手機淘寶15M

貝殼找房8M

由粗粒度小組件動態(tài)拼裝出頁面，Native端已經(jīng)有很多成熟的框架，如天貓的Tangram。

開發(fā)語言：iOS、Android

適用場景：快速迭代的活動營銷頁面

優(yōu)點：無侵入，更新簡單

缺點：提前預埋，擴展性差，靈活性差

以webview作為容器的app，歷史悠久，最早到2011年。

開發(fā)語言：HTML

適用場景：雙端嚴格一致的銀行類app，容器類的支付寶小程序等

優(yōu)點：動態(tài)更新，跨平臺

缺點：性能，加載速度

UI用Xml+JS表達，用Native View渲染。

開發(fā)語言：Xml+JS

適用場景：雙端嚴格一致的銀行類app，容器類的支付寶小程序等

優(yōu)點：native組件，生態(tài)成熟

缺點：三方庫crash，性能缺陷

UI用Dart表達，用Dart engine渲染。

Flutter官方不支持動態(tài)化。原因是Flutter在 Release 模式下構建的是 AOT 編譯產(chǎn)物，在 Debug 模式下構建的是 JIT ，AOT 依賴的 Dart VM 和 JIT 并不一樣， JIT Release 并不支持 iOS 設備。可行的方案是：AOT 需要一個編譯后的 “Dart VM”。抽離一份 DartVM 獨立編譯，再以動態(tài)庫的形式引入項目。

開發(fā)語言：Dart

適用場景：iOS、Android、Web、Desktop、Embed

優(yōu)點：性能最佳

缺點：增大包體積 20MB+

大廠的主流方案。UI用JS表達，用Dart engine渲染。

開發(fā)語言：JS、類JS

適用場景：iOS、Android

優(yōu)點：性能最佳

缺點：需要掌握JS、Dart兩個語言和框架

大廠的主流方案。UI用Dart表達，用Dart engineX渲染。

開發(fā)語言：Dart

適用場景：iOS、Android

優(yōu)點：性能最佳

缺點：需要改造Dart engine

1、 美團外賣Flutter動態(tài)化實踐

2、 攜程App 首頁動態(tài)化探索

3、 Flutter 動態(tài)化在最右 App 中的實踐

4、 Flutter 動態(tài)化熱更新的思考與實踐

5、 NOW直播Flutter動態(tài)搜索列表頁實現(xiàn)

6、 Flutter動態(tài)化的方案對比及最佳實現(xiàn)-閑魚

7、 基于JavaScript 的MXFlutter

web前端未來將會有什么樣的發(fā)展趨勢？

趨勢一：更加移動優(yōu)先

響應式設計顯然是目前Web前端開發(fā)領域的主要趨勢之一，并且這一趨勢在未來還將持續(xù)一段時間。雖然現(xiàn)在的響應式設計大部分還是以PC版優(yōu)先，然而如果有一天我們把PC版放到比移動版次要的位置上，也沒有什么好奇怪的。因為，目前許多Web前端開發(fā)者已經(jīng)開始轉向以移動優(yōu)先方案來做他們的響應式設計和開發(fā)，這就象征著一個重大轉變，值得我們跟進的。

趨勢二：更多使用快速原型開發(fā)工具

眾多Web前端開發(fā)者從2016年開始嘗試使用快速原型開發(fā)工具，而在2018年將是這種技術真正爆發(fā)的一年。“UXpin、Webflow、Invision以及其它許多快速原型開發(fā)工具，讓設計師不用寫一行代碼，就能為網(wǎng)站和服務快速創(chuàng)建低保真和高保真原型，便于設計師衡量它們的可用性和美觀性。” Web設計師Jamie Leeson says如是說，“許多工具也允許你在瀏覽器中設計原型并從工具里真正啟動網(wǎng)站自身。”

不管未來前端發(fā)展方向如何，可以肯定的是未來前端人才需求依舊很大。想學前端開發(fā)專業(yè)的機構也很多，你可以去線下試聽課程了解一下，例如北大青鳥、南京中博軟件學院、南京課工場等等都有試聽課程的！

怎樣評價uni-app？

前端最火熱的話題無法就是flutter,不管是刷哪個論壇，必定有探討flutter的文章。沒用過flutter，但是對于跨平臺的技術，我一直都在研究。

為什么是uni-app

之前一直在找解決跨平臺的方案，嘗試了很多方案，比如滴滴的變色龍，但是最終還是選擇了uni-app，這里附上uni-app的官網(wǎng)。為什么會選擇它呢，第一，vue語法，學習成本低，上手速度快，只要之前你做過vue的項目，那么就能很快上手，其實是vue和微信小程序的結合體，一半vue，一半微信小程序。第二，長期維護，之前做微信小程序的時候，選擇了美團的mpvue，但是后面發(fā)現(xiàn)長期不維護了，提了Issues也沒人理，隨之就放棄了，而uni-app長期在維護，這樣看出了開發(fā)團隊的用心。第三，跨平臺的能力，uni-app能夠跨多個終端，H5，安卓，Ios，微信小程序，百度小程序，頭條小程序，支付寶小程序，真正實現(xiàn)了一套代碼，多端運行，而且很好適應了我國的市場。第四，日益豐富的插件市場，uni的插件市場也在日益強大，能夠基本上滿足我們平時的開發(fā)需求。

uni-app的組件有原生調用能力，第三方的vue庫在調原生接口時跟 5+runtime 不兼容。就像nativescript 有vue版和angular版，類似于react native , 都是起源于phonegap/cordova

實際開發(fā)效果遵義小紅椒 做了一款app，打包了安卓，Ios,微信小程序3個平臺，產(chǎn)出的效果都還是不錯，總體還是比較滿意。而且打包過程也很方便簡單，配套的HBuilderX自動內(nèi)置了打包功能，所以也省去了打包的煩惱。

遵義小紅椒 建議

如果你現(xiàn)在想做一款跨平臺的產(chǎn)品，而且有vue和微信小程序的經(jīng)驗，最重要的，你不想學習一門新語言，那么uni-app也許是你的一個選擇。

2020年前端最火的技術是什么？

我認為的2020年前端開發(fā)者最應該掌握的一些比較火爆的技術與知識點。

1，前端框架和語言層面

9月份 Vue3.0 發(fā)布，聲稱對 TypeScript 有著更好的開發(fā)體驗，通過從不同框架級別 TS 支持上，我們可以看出社區(qū)的整個風向從2019年的大家都去學習應用 TS，變成了大家如何把 TS 用的更好這個方向上來了。

所以我認為今年 TypeScript 的火熱程度還是應該排名很靠前的，我今年也使用 TypeScript 重構了 Daruk 的服務框架推出了2.0版本，讓 TS 開發(fā)者擁有更好的 TS 開發(fā)體驗。

接下來就是兩大重磅框架的更新歷程對比，Vue3 前面說了一句。而 React 也在十月也發(fā)布了 React 17 的 release 版本。這兩大主流框架的頻繁更新，也說明了社區(qū)和作者都在一同演化。

在 Vue 3中除了更好的支持 TS 外，還更新了Composition API。而 React 17 主要是集中精力在升級體驗上，雖然沒有新的 Feature 但是提升了和解決了很多之前版本潛在的問題。

要說哪個最火還是要看個人實際的使用場景和喜好，但是2020年來看還沒有別的框架可以與之一戰(zhàn)。

? ?

2，大前端相關技術棧

今年基于Chromium的微軟edge瀏覽器也已經(jīng)推出。google 在 web 端的發(fā)展產(chǎn)生了對開發(fā)者深刻的影響。Chrome 80+ 也已經(jīng)發(fā)布多個版本，提供了一系列的新特性，比如Core Web Vitals標準，Desktop PWA等都值得我們?nèi)リP注。

? ?

我們說完了瀏覽器相關的那點技術之后，再聊聊大前端相關的一些技術實踐，比如 Flutter。

很多前端在今年已經(jīng)從 web 開發(fā)轉型為 Flutter 開發(fā)，學習和使用 Dart 技術來構建 UI，這是很多大廠的前端工程師正在經(jīng)歷的事情（包括我的部門也在嘗試這個事情），這個趨勢應該在未來幾年還會持續(xù)。

客戶端 electron 在今年也有著長足的進展，一年內(nèi)多次更新版本一路到了10.1.5。隨著疫情影響，國內(nèi)在線教育的又一波興起。很多桌面軟件，網(wǎng)課軟件都在采用這個技術來進行開發(fā)，市場上的崗位也開始變多，electron 技術可以說在今年也有火的趨勢。

?

然后我們再看看BFF 層，nestjs依然堅挺，越來越多的人開始跳過學習 express 和 koa 開始學習更豐富的 web 框架了，比如 egg 或者我的 daruk，開發(fā)者已經(jīng)在慢慢形成共識，在 web framework 的路上開始越走越遠，裸寫 nodejs web 服務的時代已經(jīng)開始慢慢褪去。

? ?

不得不提的還有 serverless 在前端的普及，在2020年到達了一個新的高潮。阿里云，騰訊云，頭條云等等國內(nèi)的互聯(lián)網(wǎng)廠商也都開始大玩 serverless 概念。從對內(nèi)服務開始轉向對外服務，普及的勢頭很猛，也有落地的趨勢和場景。今年的 D2同樣也有 serverless 的專場，可見受重視程度非比尋常。

3，工程化提效和個人素質提升

再離我們近一些的推動生產(chǎn)力的技術，比如據(jù)我所知在用 CI/CD 和 pipeline 管理上線流程的公司越來越多，這種去年還可以出去吹一吹的東西，今年也逐步變成了業(yè)界標配基礎能力，如果不會的同學可要抓緊學習了。

? ?

2019年前大家都瘋狂吐槽面試刷 medium 題目沒用，而2020年后大家開始默認面試某些公司都至少要刷到medium程度的題目。這對很多前端來說是一個心智和素質的提升與轉變，大家在接觸新技術的同時，也慢慢發(fā)現(xiàn)，前端整個職業(yè)環(huán)境的變化，越來越多的公司對人的整體綜合素質要求變高了。

當前題目：flutter頭條,flutterweb
標題網(wǎng)址：http://chinadenli.net/article32/dsgissc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供域名注冊、網(wǎng)站改版、網(wǎng)站設計公司、網(wǎng)站營銷、建站公司、App設計

廣告

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