來源 | 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 應用