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

作者:仙宝云 | 发布时间:2021-06-07 12:22:14 | 阅读:426

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.xianboss.com)是国内著名商城体系及商城网站建设提供商,为企业级商家提供零售商城、B2B2C多用户商城系统、仙宝云商城体系、微信分销体系、小程序商城、商城体系等多端商城网站建设解决方案>

申明:本网站局部文章和图片根源网络编辑,如有侵权及时沟通删除,神仙宝商城原创文章,转载恳求注明起源。

智慧商业服务商仙宝云欢迎您!

请加微信: 18550831999 (徐经理)

在线咨询