谈一谈微信小程序开发的注意事项

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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值