微信小程序开发应该注意的问题

2018-03-07 10:10:02 浏览数 (1)

小程序是微信主推的产品,现在也有不少公司的产品已经开发了小程序版本。那么,开发小程序你需要了解哪些知识?

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、不能分享到朋友圈,只能转发给好友/群

待续...

0 人点赞