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

 

从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：移动到文件开头

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

Shift+End：选择从光标到行尾

Ctrl+Shift+L：选中所有匹配

格式调整

Ctrl+C，Ctrl+V：复制粘贴，如果没有选中任何文字则复制粘贴一行

Ctrl+S：保存文件

Shift+Alt+F：代码格式化

Ctrl+[， Ctrl+]：代码行缩进

Ctrl+Shift+[， Ctrl+Shift+]：折叠打开代码块

Alt+Up，Alt+Down：上下移动一行

Shift+Alt+Up，Shift+Alt+Down：向上向下复制一行

Ctrl+Shift+Enter：在当前行上方插入一行

界面相关

Ctrl +：打开或者隐藏侧边栏

Ctrl + m: 打开或者隐藏模拟器

Ctrl + W: 关闭当前文件

Ctrl＋Shift+W: 也是关闭当前文件

HiShop小程序工具提供多类型商城/门店小程序制作，可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面，所看即所得，只需要美工就能做出精美商城。