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

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

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

待续...

原文发布于微信公众号 - 知晓程序员(bainaweb)

原文发表时间:2017-08-18

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏我和未来有约会

Silverlight网络寻奇 at 090413

Silverlight网络寻奇 at 090413 Silverlight测试驱动开源项目 http://code.google.com/p/moq/ 很co...

3416
来自专栏腾讯社交用户体验设计

经验分享:多屏复杂动画CSS技巧三则 - 腾讯ISUX

1382
来自专栏Micro_awake web

微信小程序中的rpx与移动设备物理像素

612
来自专栏练小习的专栏

收集整理一些css3的图片阴影效果

主要利用gradient,transform,配合after以及before伪元素来实现各种图片阴影,卷角效果。 <!DOCTYPE HTML> <html l...

1629
来自专栏游戏杂谈

Chrome、FF在swf处理中的问题小记

当时的需求是点击网页装扮的时候会弹出一个层,层内有很多TAB选项卡,而有一个对图片处理的swf(让用户选择一张图片、编辑图片)放在其中一个选项卡中,而当来回切换...

883
来自专栏佳爷的后花媛

零碎之viewport

在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta...

1084
来自专栏张善友的专栏

mono 3.10.0 正式发布:性能进一步改进

Mono是Xamarin资助的一个项目,是微软的.NET框架的开源实现。它使得使用C#、F#和其他.NET语言进行跨平台开发成为可能。Xamarin在Mono之...

1756
来自专栏UDNZ

后端视角的高性能、高可用设计概要

应用开发,不只是实现什么功能,完成什么算法,使用了什么技术就好的,还应当有产品级的意识。理论落地到实际使用,转化为生产力才有意义。作为产品,首先是可用。不可用的...

1915
来自专栏天天

iconfont的使用

752
来自专栏前端之路

CSS3实现流星动画

1234

扫码关注云+社区