早在2017年,微信就支持了个人开发工具,因此大量的小程序开发人员与团队扎堆出现,虽然有微信官方平台的审核,但大量的小程序上线也容易造成质量上的参差不齐。微信小程序开发中有许多注意事项,作为开发人员必须对一些雷区敏感,本文总结注意点如下:
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: 也是关闭当前文件