我们在开发小程序的时候,难免会遇到各种各样的问题,稍有不慎,就会重头再来,掌握20个小程序开发技巧,就会避免错误的发生。
一:开发技巧
1、所有的页面都需要在 app.json 文件中的 pages 中以【路径+页面名】方式注册(页面名无需添加文件扩展名)
2、文件 app.json 中 pages 中注册的第一个页面为小程序的首页
3、每个页面的 js、json、wxml、wxss 文件必须具有相同的路径和文件名
4、在 js 文件中直接修改 this.data 无效,请使用 this.setData() 函数
5、使用 this.setData() 函数单次设置的数据不能超过1024kB
6、小程序目前不支持直接引入 node_modules , 开发者需要使用到 node_modules 时候建议拷贝出相关的代码到小程序的目录中
7、在组件中可以定义数据,以data-开头,多个单词由连字符-链接,大写字符会自动转成小写,并通过事件传递给逻辑层
8、所有组件与属性都是小写,以连字符-连接
9、小程序最多只能同时打开五个页面
10、小程序必须发送 https 协议的请求,且请求地址必须在对应的 appid 下注册安全域名
11、小程序脚本中不允许使用window,也无法在脚本中操作组件
12、为了提升体验流畅度,编译后的代码包大小需小于 1MB ,大于 1MB 的代码包将上传失败
13、使用 page 标签选择器,可以修改顶层节点的样式,类似于 HTML 中的 body 标签
14、网络请求的 referer 是不可以设置的,格式固定为 https://servicewechat.com/{appid}/{version}/page-frame.html,其中 {appid} 为小程序的 appid, {version} 为小程序的版本号,版本号为 0 表示为开发版。
15、创建新页面时用 navigateTo 才会新建新页面,同时保留旧页面,如果用 redirectTo 是在当前页面内跳转。
16、如果服务器没有用到 json 解释的话,可以把 content-type 设置回 urlencoded。
wx.request({ …… method: "POST", header: { "content-type": "application/x-www-form-urlencoded"}, …… })
17、工具设置中选择直接链接网络 。或者 系统中的代理软件设置工具直接链接网络。
18wx.request的POST方法的参数传输服务器接收不到的bug。
19、避免在直接对 Page.data 进行赋值修改,请使用 Page.setData 进行操作才能将数据同步到页面中进行渲染怎么获取用户输入
20、页面的脚本逻辑是在JsCore中运行,JsCore是一个没有窗口对象的环境,所以不能在脚本中使用window,也无法在脚本中操作组件
以上20个小技巧,你学会了吗?小程序还在不断的完善,对于后续解决不了的问题,可以关注毅耘小程序,会为大家继续解答疑惑,分享知识。