uni-app开发注意事项
-
小程序不支持在css中使用本地文件，包括本地的背景图和字体文件。需以base64方式方可使用。App端在v3模式以前，也有相同限制。v3编译模式起支持直接使用本地背景图和字体。
-
微信小程序只支持网络路径和base64的图片。不支持相对路径引入的图片图片（真机不支持，开发工具支持），如有需要，大图片可以使用网上链接，小图片可以转码后使用（百度搜索“图片base64转码”）
-
static 目录下的 js 文件不会被编译，如果里面有 es6 的代码，不经过转换直接运行，在手机设备上会报错。
-
使用@import引入css文件等需在尾部 添加分号; 以表示语句结束。不添加则引入不生效
-
微信小程序不支持相对路径（真机不支持，开发工具支持），所以若开发的项目包含微信小程序端，则建议使用绝对路径引入文件
/* 绝对路径 */
@import url('/common/uni.css');
@import url('@/common/uni.css');
/* 相对路径 */
@import url('../../common/uni.css');
@import '../../common/uni.css';
-
使用rpx或者px，像宽度这种需要动态改变的建议使用 rpx。像字体，高度这种若不需要动态改变，则可以使用 px
-
请尽量避免将静态的样式写进 style 中，以免影响渲染速度。静态的样式可以统一写到 class 中。style中可以写入动态样式，会自动解析，如：
<view :style="{ height: iStatusBarHeight + 'px'}"></view>
export default {
data() {
return {
iStatusBarHeight:0
}
},
onLoad() {
this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight
}
}
-
为支持跨平台，框架建议使用Flex布局 参考 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
-
小程序不支持在css中使用本地文件，包括本地的背景图和字体文件。需以base64方式方可使用。
-
uniapp全局变量的几种实现方式 https://ask.dcloud.net.cn/article/35021
-
以:style=""这样的方式设置px像素值，其值为实际像素，不会被编译器转换。
-
非H5端不支持 Vue官方文档：Class 与 Style 绑定 中的 classObject 和 styleObject 语法 ，详见：https://cn.vuejs.org/v2/guide/class-and-style.html
-
非H5端暂不支持在自定义组件上使用 Class 与 Style 绑定
-
为兼容各端，事件需使用 v-on 或 @ 的方式绑定，请勿使用小程序端的bind 和 catch 进行事件绑定。
-
若需要禁止蒙版下的页面滚动，可使用 @touchmove.stop.prevent="moveHandle"，moveHandle 可以用来处理 touchmove 的事件，也可以是一个空函数。
-
App端（vue页面V3编译模式）和H5端支持v-html，其他端不支持v-html。跨端的富文本处理方案详见：https://ask.dcloud.net.cn/article/35772
-
app-nvue只能使用rich-text
-
若开发项目包含小程序和app，建议使用uParse（uparse详见： https://ext.dcloud.net.cn/search?q=uparse ）。在使用nvue的页面里再使用rich-text
-
nvue页面暂不支持全局组件
-
Vue.component 的第一个参数必须是静态的字符串。如 Vue.component('page-head',pageHead)
-
在创建新页面后，安卓端要关闭再重新运行，新页面才可以通过路由跳转过去。热更新不管用，要重新启动。
-
uni.navigateTo中路由路径要加 / 才能成功跳转
pages.json
{
"path" : "pages/user/register/register", //这里pages前没有/
"style" : {
"navigationBarTitleText": "用户注册"
}
},
login.vue
register(){
uni.navigateTo({
url:"/pages/user/register/register" //这里比pages.json中的路由配置pages前多了/
})
},
- app中文和英文的行高不一致，在文字如标题，简介等，需统一设置高度和行高
font-size: 12px;
color:#FFFFFF;
height: 40rpx; //设置行高和高度
line-height: 40rpx;
-
uniapp中集成的微信分享api不能显示超过32k的图片，所以分享图片要设为小于32k的图片(iOS上有此限制，Android上没有)
-
在tabBar（及app的底部导航）中使用的路由具有唯一性。tabBar中使用了，其他地方便不可用了，会失效。
