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

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

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


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

在微信小程序中使用 async/await

微信小程序中有大量接口是异步调用,比如 wx.login() 、 wx.request() 、 wx.getUserInfo() 等,都是使用一个对象作为参数,并定义了 success() 、 fail() 和 complete() 作为异步调用不同情况下的回调。

把微信小程序异步API为Promise,简化异步编程

把微信小程序异步API转化为Promise。用Promise处理异步操作有多方便,谁用谁知道。微信官方没有给出Promise API来处理异步操作,而官方API异步的又非常多.

通过反编译小程序来学习前端

小程序开发时,会有4种文件:.wxss .json .wxs .wxml。正式上传到腾讯时,目录会被打包,使用时再发放给客户端。这个文件包后缀是 .wxapkg。只要手机用过这个小程序,文件包就会缓存在手机内

小程序保存图片到本地

保存图片到本地相册,需要用户允许相册权限;但是有时客户手滑或者是特别原因点击了拒绝授权,我们需要打开权限列表,让客户手动打开此项权限;

Mpx 小程序框架技术揭秘

与目前业内的几个小程序框架相比较而言,mpx 开发设计的出发点就是基于原生的小程序去做功能增强。所以从开发框架的角度来说,是没有任何“包袱”,围绕着原生小程序这个 core 去做不同功能的 patch 工作

微信小程序开发注意指南和优化实践

转眼间已经参与过我厂好几个小程序的开发了,下面本妹子将开发中的那些注意点和各位小伙伴们分享下,妥妥的干货一枚。微信开发者工具不会对代码进行trim操作,如果代码中换行,页面也直接换行。

小程序之生成朋友圈图片

微信的小程序是没有分享到朋友圈的功能的。小程序目前只能分享到群里或者发给好友。但是业务需要方便推广,需要分享到朋友圈。得出了以下思路:利用小程序canvas绘制图片,将背景图和二维码绘制成一张图片。

微信小程序遇到的坑

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

小程序--人脸识别功能(百度ai)

接入流程:1. 按照文档获取AppID、API Key、Secret Key,进行Access Token(用户身份验证和授权的凭证)的生成,2. 选择人脸识别-->人脸检测,人脸识别接口分为V2和V3两个版本,确认在百度云后台获得的是V2还是v3版本接口权限。

小程序分享海报的实现

小程序分享到朋友圈只能使用小程序码海报来实现,生成小程序码的方式有两种,一种是使用后端方式,一种是使用小程序自带的canvas生成;后端的方式开发难度大,由于生成图片耗用内存比较大对服务端也是不小的压力;

点击更多...

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