源码分析

标签: 源码分析

LiteApp源码分析

LiteApp 是爱奇艺开源的一个高性能跨平台的小程序框架,下面我从源码的角度分析下LiteApp的架构和原理 框架描述 下面是官方的描述的翻译~ LiteApp致力于使开发人员能够使用现代Web开发技术,通过单个代码库在Android和iOS上构建应用程序。 更具体地说,您可以使用javascript和现代前端框架Vue.js通过使用LiteApp开发移动应用程序,生产力和性能可以共存,您构建的应用程序将在网络上运行,性能接近本机。 我们通过将渲染引擎与语法层分离来实现这一点,请参阅下面的更多细节。 这是官方的架构图。可能看的并不是很明白。我简单的介绍下这个框架的工作流程吧。 基于VUE和liteapp-cli开发功能代码,并打包成bundle文件 WebView提前初始化,并加载qy.webview.js框架和打包后的bundle里css文件 bundle.js和qy.thread.js文件运行在独立的JS引擎(jsc), 生成virtual-dom并注入到WebView中,到此界面就显示出来了 qy.webview.js 和 qy.thread.js 是基于vue.js 框架修改而来,去掉了dom和bom相关操作 这种小程序框架的优势是核心的js代码和webView渲染可以异步执行,方便native和web通信 启动过程 我们从官方demo LiteAppListActivity类开始介绍,这个界面显示了本地已经存在的小程序列表,点击列表就打开了小程序。

阅读全文...