天天看點

用 Vue.js 建構一個高性能 Flutter 應用

來源 | Alibaba F2E

作者 | 染陌

用 Vue.js 建構一個高性能 Flutter 應用

在當下,跨端已經是前端繞不開的一個話題,随着 IoT 裝置的普及越來越多的“端”湧現到我們的日常開發中。自 Hybrid 、React Native(Weex)後,Flutter 憑借其精簡的渲染管線以及自繪渲染的特性,一躍成為這兩年跨端的新寵。但其用 Dart + Widget 的開發模式以及與前端割裂的生态造成了研發成本過高。基于這個背景,我們探索一種基于 W3C 标準的 Flutter 應用方案,向上對接前端生态,向下通過自繪保證多端一緻性。染陌給大家帶來一個用 Vue.js 開發 Flutter 應用的方案,以及 Kraken 背後的實踐與思考。

@染陌,阿裡巴巴淘系技術部,前端架構團隊成員,高性能Web渲染引擎Kraken核心開發者,《剖析 Vue.js 内部運作機制》作者。

kraken項目:

https://github.com/openkraken/kraken

點選檢視視訊

用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用
用 Vue.js 建構一個高性能 Flutter 應用

繼續閱讀