程序员必看——UNI-APP开发注意事项（一）

1.static 目录下的 js 文件不会被编译，如果里面有 es6 的代码，不经过转换直接运行，在手机设备上会报错。

2.css、less/scss 等资源同样不要放在 static 目录下，建议这些公用的资源放在 common 目录下。

3.template内引入静态资源，如image、video等标签的src属性时，可以使用相对路径或者绝对路径。

4.js文件不支持使用/开头的方式引入。

5.css文件或style标签内引入css文件时（scss、less文件同理），只能使用相对路径。

6.编译期判断环境可用条件编译，运行期判断可用uni.getSystemInfoSync().platform判断环境。

7.在字体或高度中使用了 rpx ，那么需注意这样的写法意味着随着屏幕变宽，字体会变大、高度会变大。如果你需要固定高度，则应该使用 px 。

8.App端，在 pages.json 里的 titleNView 或页面里写的 plus api 中涉及的单位，只支持 px，不支持 rpx。

9.小程序不支持在css中使用本地文件，包括本地的背景图和字体文件。需以base64方式方可使用。

10.背景图片微信小程序不支持相对路径（真机不支持，开发工具支持）。

11.字体图标网络路径必须加协议头 https。

12.非 H5 端不支持使用含有 dom、window 等操作的 vue 组件和 js 模块，安装的模块及其依赖的模块使用的 API 必须是 uni-app 已有的 API。

13.小程序组件需要放在项目特殊文件夹 wxcomponents（或 mycomponents、swancomponents）。

14.当需要在 vue 组件中使用小程序组件时，注意在 pages.json 的 globalStyle 中配置usingComponents，而不是页面级配置。

15.以:style=””这样的方式设置px像素值，其值为实际像素，不会被编译器转换。

16.若需要禁止蒙版下的页面滚动，可使用 @touchmove.stop.prevent=”moveHandle”，moveHandle 可以用来处理 touchmove 的事件，也可以是一个空函数。

---

<来客推（www.laiketui.com）是国内知名商城系统及商城网站建设提供商，为企业级商家提供零售商城、B2B2C多用户商城系统、社区团购商城系统、微信分销系统、小程序商城、商城系统等多端商城网站建设解决方案>

申明：本网站部分文章和图片来源网络编辑，如有侵权及时沟通删除，来客电商原创文章，转载请注明来源。