小程序开发注意事项_我的第一个小程序

时间: 2018-07-19阅读: 2372标签: 小程序

业余时间学习了下小程序开发,并开发了一个学习类小工具(学拼音汉字),在这里整理一篇关于小程序开发需要注意的事项。


1、后端接口域名必须使用https,我是使用的阿里symantec免费证书(登录阿里云-->安全(云盾)-->证书服务-->symantec---单个域名----免费型)


2 、不能直接进行dom节点操作,使用wx.request从后台返回数据之后,使用setData()方法更新值,这样就直接更新View了。必须使用setData()来更新页面,这是由于小程序框架是单向数据绑定的。


3、资源文件尽量从服务器上获取,这是由于目前小程序上传的压缩包大小不能超过1M


4、尽量使用es6的箭头函数,这样就不用定义var that = this


5、setData单次设置的数据不能超过1024kB,需要避免一次设置过多的数据。


6、小程序页面下文件名称需要一直,框架会自动去寻找路径.json,.js,.wxml,.wxss的四个文件


7、原生的组件层级是最高的,不能设置z-index。比如live-player,live-pusher等,但提供了cover-view、cover-image可覆盖在原生组件之上的文本视图。目前有些样式限制,不能使用动画,gif格式图片等


8、小程序后端更换接口地址域名时,微信开发者工具应重启才能生效,或点击右上角的详情-》选择域名配置


9、冒泡事件(点击、长按、触摸),当点击子级时,同时触发父级点击事件。

bindtap: 元素绑定事件,父节点绑定事件会冒泡
catchtap: 不会冒泡,仅在当前元素触发


10、使用window对象和document对象的框架,在微信小程序均无法使用,比如jQuery


11、小程序压栈不能超过5个,即最多可以打开五个页面,之后再使用wx.navigateTo无法打开新页面,可以使用wx.redirectTo打开新页面。


12、页面退出、返回,会执行onUnload()这个方法,所以在这个方法中我们需要清空资源数据。


13、json文件默认不能为空,即使没有内容也要为空数据{}。同时最后一个值后面不能打“,”哦


14、在样式中,引入公共样式需要使用@import "common.wxss",同时单位记得一定不要使用px哦,小程序为了保证兼容和自适应使用了新的单位rpx。


15、在个人中心,可以提供一个供用户清理本地缓存的按钮。


大体注意点就这么多了,后续遇到会持续更新哦,下面给大家发一下最终效果图:(注:界面并不是最新UI)





站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/943

小程序跨页面交互的作用与方法

微信小程序的分包大小已经到达了 12M 大小,一方面说明小程序的确逐步为开发者放开更大的权限,另一方面也说明了对于某些小程序 8M 的大小已经不够用了

小程序超过2M限制的方法_分包加载

起初小程序上线时,微信限制了代码包不能超过1MB,后来功能变大变成了2M了,限制大小是出于对小程序启动速度的考虑,<br>希望用户在使用任何一款小程序时,都能获得一种“秒开”体验

记一次小程序样式优化重构

在开发的过程中遇到了一些问题,但是最终减少了不少样式代码,同时功能上也更加强大。进一步来说,如果在后面我们的小程序用户想要自己定制化主题,也可以很快的实现。

个人小程序应用开发指南

小程序依附于各大平台,支付宝、微信、头条、百度等小程序,都是在平台上进行开发,平台提供对应的技术支持和用户环境。对于个人开发者,这个还是蛮方便的,它本身带有流量属性,易于传播。

微信小程序开发早知道

小程序没有跳转公众号、跳转公众号图文素材的能力。除非用户通过扫描二维码进入小程序的情景,可以显示关注公众号组件。公众号菜单、公众号图文素材可以打开小程序,网页无法直接打开小程序。

微信小程序踩坑之获取手机号

最近在开发小程序遇到这样一个问题, 在用户点击授权后去解密手机号时会出现第一次失败,第二次成功的情况。研究了一段时间,终于找到比较合理的解决方案,在此记录并总结一下,希望可以帮助到大家。

微信小程序-页面跳转与参数传递

微信小程序页面跳转方式有很多种,可以像HTML中a标签一样添加标签进行跳转,也可以通过js中方法进行跳转。

基于Proxy的小程序状态管理

微信小程序的市场在进一步的扩大,而背后的技术社区仍在摸索着最好的实践方案。我在帮助Nike,沃尔玛以及一些创业公司开发小程序后,依旧认为使用小程序原生框架是一个更高效,稳定的选择

微信小程序遇到的坑

微信小程序开发之路上遇到的那些坑,微信小程序开发常见之坑总结,在开发过程中碰到的问题和解决:小程序textarea组件字数限制问题 、scroll-view 中不能使用 textarea 组件 、input组件的问题、关于数据绑定的问题、关于生命周期的问题、关于picker组件

小程序 showLoading与showToast不能共存

loading与toast一般不能同时引用,所以一般先把hideloading了,再执行showtoast,之前把hideloading加到了complete中,所以toast就一直出问题

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!