开发微信小程序难不难？这些雷区要注意-加速度jsudo

开发微信小程序难不难？这些雷区要注意

来源：加速度jsudo

作者

访问量 5812

本文摘要

从2017年第一批小程序的上线，再到2018年小程序的扎堆出现，大量的小程序造成质量的参差不齐，每个开发者都想在小程序上谋求一定的红利，那么对于开发新人来说，开发一个微信小程序有哪些问题要注意，本文总结注意点如下： 1. 微信小程序官方给出的定义是：微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及

从2017年第一批小程序的上线，再到2018年小程序的扎堆出现，大量的小程序造成质量的参差不齐，每个开发者都想在小程序上谋求一定的红利，那么对于开发新人来说，开发一个微信小程序有哪些问题要注意，本文总结注意点如下：

1. 微信小程序官方给出的定义是：微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。其实他更像一个WEB APP，用户可以像打开一个网页一样打开一个微信小程序。所以，微信对小程序的要求是整体大小不能超过1MB。

2. app.json 是全局配置文件，微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页

3. .json 是配置文件，其内容必须符合JSON格式，所以文件内部不允许有注释。

4. 每一个页面的路径名和文件名必须相同。

5. tabBar（客户端窗口的底部用于切换页面的tab栏）在 app.json 文件中配置，只能配置最少2个、最多5个 tab，显示顺序同tabBar标签下的pei

6. .wxss 文件是样式表文件，app.wxss是全局的样式表文件。页面的样式表是非必要的。当有页面样式表时，页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。 .json 文件具有相同的规则。

7. 微信小程序存放资源文件，需要在根目录下创建文件夹，引用时以 /文件夹名/资源名的形式引用。

8. tabBar 的 iconPath 和 selectedIconPath 属性可以接受一个图片的路径，这个图片必须是本地图片不能是网络图片。

9. 像素单位最好使用 rpx ，微信会根据手机屏幕大小自适应。

10. 一个应用同时只能打开5个页面。wx.navigateTo 打开页面不会销毁之前的页面，如果页面层数较多注意使用 wx.redirectTo。微信小程序中也有一些快捷键，能熟练使用快捷键会更好的辅助开发。

光标相关

Ctrl+D：选中匹配

Ctrl+X：删除光标所在行…，同事兼顾本职：剪切

Ctrl+U：光标回退

Ctrl+i：选中当前行

Ctrl+End：移动到文件结尾

Ctrl+Home：移动到文件开头

SShopfaft+Home：选择从行首到光标处