小程序是微信主推的产品,现在也有不少公司的产品已经开发了小程序版本。那么,开发小程序你需要了解哪些知识?
1、使用微信web开发者工具
此工具是微信官方提供的小程序开发工具,感觉不是很完善,很多设置没办法定制,对于用习惯了sublime, idea, pyCharm等工具的同学来说,有那么一些不爽~
2、只允许操作JS对象
对习惯了jQuery的同学来说,要改变一下思维了。小程序里面所有的API都是操作JS对象的,没有获取、插入、删除DOM这个说法。比如,要显示和隐藏某标签,应该这样实现:
<view class="{{isHide ? 'hide' : 'show'}}">测试内容</view>
或者这样:
<view wx:if="{{!isHide}}">测试内容</view>
3、CSS的单位使用rpx
做H5移动端开发时,大部分同学会用rem,或者em、px。但是小程序里面推荐使用rpx,这是小程序默认的单位。
小程序默认的屏幕宽度是750rpx,然后根据手机屏幕的尺寸,自动适应,详细的转换请自己查阅相关文档~
4、事件绑定
<view bindtap="{{clickFun}}">点击我</view> bindtap元素绑定事件,父节点绑定事件会冒泡 catchtap不会冒泡,仅在当前元素触发
5、event对象值与网页中的不一样
currentTarget中可以获取到当前点击元素的相关信息
detail中存放提交表单的信息
6、小程序的限制
a、没办法链接到非小程序的网页
b、不能分享到朋友圈,只能转发给好友/群
待续...