程序媛小琦(uni-app简单介绍)

uni-app简单介绍

** 什么是uni-app？**

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者只需编写一套代码，可编译到iOS、Android、H5、小程序等多个平台，不仅能正确运行且能给用户带来优秀体验。

uni-app优点

• 对于技术人员而言：不用学那么多的平台开发技术、研究那么多前端框架，学会基于vue的uni-app就够了。
• 对于公司而言：更低成本，覆盖更多用户，所以在技术选型上，uni-app是高效利器。

uni-app开发规范

• 页面文件遵循 Vue 单文件组件规范
• 组件标签靠近小程序规范
• 接口能力（JS API）靠近微信小程序规范，但需将前缀 wx 替换为 uni
• 数据绑定及事件处理同 Vue.js 规范，同时补充了App及页面的生命周期
• 为兼容多端运行，建议使用flex布局进行开发

uni-app 开发的注意事项

• html标签
  uni-app的tag同小程序的tag，和HTML的tag不一样，比如div要改成view，span要改成text、a要改成navigator
• CSS
  推荐使用flex布局模型
  单位方面，uni-app 支持的通用 css 单位包括 px、rpx
• JS
  只有H5端可使用浏览器内置对象，比如document、window、localstorage、cookie等，以及jquery等依赖