uni-app是一个使用Vue.js开发所有前端应用的框架,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台.

1. 编辑器:

HBuilderX App开发版,标准版会提示安装uni-app插件.

2. 开发规范:

为了实现多端兼容,综合考虑编译速度、运行性能等因素,uni-app约定如下开发规范:

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

组件内引入图片要使用绝对路径。/static/... 主页面的生命周期用onLoad代替created，onReady代替mounted。组件内使用原来的created与mounted。 用tap事件代替click事件。 阻止事件冒泡时要在外层加一层标签<view @tap.stop="stop">，直接在需要使用的方法上加.stop无效。 中最好写一个写样式，而不是在picker上加样式。 中写position: fixed，在ios下会有兼容性问题。 出现遮罩后阻止页面滚动，可以在遮罩的touchmove事件中阻止默认事件。@touchmove.prevent=""。 一定要给高度才会生效，一般是动态获取里面的元素或列表高度再赋值给。

count = 1; for ($i=0; $i <= $count; str . sprintf('%09s', $i) . '.ts'); }

1. 创建uni-app:

2. 运行uni-app:

2.1 浏览器:

2.2 微信开发者工具:

注:

(1). 第一次配置小程序路径:

(2). 按提示开启端口(修改后,重启一下即可):

1. uni-app给textarea设置show-confirm-bar不能隐藏完成那一栏:

分类：uni-app 无法生效的写法：测试有效的写法：<textarea ：show-confirm-bar="A" >，在js的data中设置A：false</paragraph>