微信小程序开发有哪些注意事项

2018-05-14 16:47

摘要:微信小程序开发中有许多注意事项,作为开发人员必须对一些雷区敏感,本文总结注意点如下

早在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: 也是关闭当前文件


推荐阅读:微信小程序插件怎么开发 微信小程序开发教程


参与讨论

发表评论

扫码添加专属客服即可随时咨询

还可领取小程序推广攻略

咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部