介绍uni-app框架:
uni-app 是一个使用 Vue.js
开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)。
某些平台不能提交简单demo,故补充了一些其他功能;hello uni-app示例代码可从github获取快应用仅支持 vivo
、oppo、华为360小程序仅 windows平台支持,需要在360浏览器中打开
uni-app: 运行原理:
逻辑层和视图层分离,非H5端通信有折损
uni-app 在非H5端运行时,从架构上分为逻辑层和视图层两个部分。逻辑层负责储存数据和执行业务逻辑,视图层负责页面渲染。
页面加载时,联网和逻辑运算在逻辑层(Android是v8,iOS是jscore),然后会传递数据给视图层渲染。这种通信有损耗。同样,在视图层操作时,比如拖动页面,要实时传递事件给逻辑层接收,也是有损耗的。
uni-app的优点
跨平台发行,运行体验更好
* 与小程序的组件、API一致;
* 兼容weex原生渲染,增加了开发效率高,但是由于weex坑比较多,建议还是使用局部渲染优化;
通用前端技术栈,学习成本更低
支持vue语法,微信小程序API
* 内嵌mpvue
* 开发生态,组件更丰富
支持通过npm安装第三方包
* 支持微信小程序自定义组件及JS SDK
* 兼容mpvue组件及项目(内嵌mpvue开源框架)
* App端支持和原生混合编码
* 插件丰富,DCloud将发布插件到市场
功能框架浏览图