跨平台的目的
- 语言层面编译转换
- 自带渲染引擎,不依赖任何平台
- 中转类型框架,使用js衔接原生平台的一些功能,要么由社区开发者自己维护一套拓展兼容库,要么本身带有一系列的兼容库,但还是摆脱不了web的环境和编程思想。全部依赖于js。
常用框架
- React
- Native
- Weex
- 5+app
- uni-app
项目分类
- 普通项目
- 基本html项目
- vue项目(普通模式)
- vue项目(2.6.10) vue-cli默认项目
- element-starter element-ui项目模版
- 不管5+app 还是uni-app 都是对传统h5App 做的优化
uni-app
创建项目
- 默认模版
- hello uni-app
- hello uniCloud
- uni-ui项目
开发者编写一套代码,可发布到ios,android,h5,以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台,web极致跨端口的工具
HBuilderX
优缺点
- uni-app对前端开发人员比较友好,封装的组件和微信小程序一毛一样
- 扩展能力强,封装了h5+ 支持nvue 也支持原生的Android ,ios 开发。
- uni-app的app端内置一个完整的小程序引擎,并补充了可选的weex引擎给性能要求更高的开发者。
- 需要熟悉h5,vue,小程序,学习成本高
- 兼容性问题,性能问题
- 只做web+小程序
- 很多webb库无法使用,个性化定制一些功能的话,有难度
- 真机调试debug存在严重的问题,兼容性不够
5+app
使用
# 修改文件 src/config/index.js
productionSourceMap:false
#打包
npm run build
评论 (0)