2018-03-22毅耘科技2275

帮你总结20个小程序开发技巧

　　我们在开发小程序的时候，难免会遇到各种各样的问题，稍有不慎，就会重头再来，掌握20个小程序开发技巧，就会避免错误的发生。

　　一：开发技巧

　　1、所有的页面都需要在 app.json 文件中的 pages 中以【路径+页面名】方式注册(页面名无需添加文件扩展名)

　　2、文件 app.json 中 pages 中注册的第一个页面为小程序的首页

　　3、每个页面的 js、json、wxml、wxss 文件必须具有相同的路径和文件名

　　4、在 js 文件中直接修改 this.data 无效，请使用 this.setData() 函数

　　5、使用 this.setData() 函数单次设置的数据不能超过1024kB

帮你总结20个小程序开发技巧,毅耘小程序

　　6、小程序目前不支持直接引入 node_modules , 开发者需要使用到 node_modules 时候建议拷贝出相关的代码到小程序的目录中

　　7、在组件中可以定义数据，以data-开头，多个单词由连字符-链接，大写字符会自动转成小写，并通过事件传递给逻辑层

　　8、所有组件与属性都是小写，以连字符-连接

　　9、小程序最多只能同时打开五个页面

　　10、小程序必须发送 https 协议的请求，且请求地址必须在对应的 appid 下注册安全域名

　　11、小程序脚本中不允许使用window，也无法在脚本中操作组件

帮你总结20个小程序开发技巧,毅耘小程序

　　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"}, …… })

帮你总结20个小程序开发技巧,毅耘小程序

　　17、工具设置中选择直接链接网络。或者系统中的代理软件设置工具直接链接网络。

　　18wx.request的POST方法的参数传输服务器接收不到的bug。

　　19、避免在直接对 Page.data 进行赋值修改，请使用 Page.setData 进行操作才能将数据同步到页面中进行渲染怎么获取用户输入

帮你总结20个小程序开发技巧,毅耘小程序

　　20、页面的脚本逻辑是在JsCore中运行，JsCore是一个没有窗口对象的环境，所以不能在脚本中使用window，也无法在脚本中操作组件

　　以上20个小技巧，你学会了吗？小程序还在不断的完善，对于后续解决不了的问题，可以关注毅耘小程序，会为大家继续解答疑惑，分享知识。

本文标题：帮你总结20个小程序开发技巧

本文网址：http://www.yiyuncloud.com/index/id/1284.html

文章标签：合肥APP开发合肥软件开发合肥o2o社区合肥商城开发合肥B2B2C商城开发

毅耘科技（www.yiyuncloud.com）是一家拥有新型网站建设与程序开发经验的公司，致力于解决企业网络服务问题，紧跟着网络变化的步伐，为企业提供网络科技服务。平台服务：品牌网站建设、网站开发、微信开发、APP开发、软件开发、网校系统开发、多用户商城开发、分销商城开发、微商城、一元云购系统开发、O2O系统开发、商标注册、网络营销等项目。是专业为企业提升价值的公司。

分享到：

←上一篇文章

下一篇文章→

搜索关键词