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

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

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 条评论
登录 后参与评论

相关文章

来自专栏移动开发之家

从Android到React Native开发(一、入门)

大家好┏ (ω)=,许久不见,一不小心断更就成为了一种习惯,因为最近掉React Native的坑里,无法自拔啊~(╯‵□′)╯︵┻━┻。 关于React N...

10220
来自专栏糊一笑

微信小程序初探【类微信UI聊天简单实现】

微信小程序最近很火,火到什么程度,只要你一打开微信,就是它的身影,几乎你用的各个APP都可以在微信中找到它的复制版,另外官方自带的跳一跳更是将它推到了空前至高的...

64350
来自专栏Android机动车

大杀器Bodymovin和Lottie:把AE动画转换成HTML5/Android/iOS原生动画

Airbnb出了移动端的动画库Lottie,可以和一个名叫Bodymovin的AE插件结合起来,把在AE上做好的动画导出为json文件,然后以Android/i...

39310
来自专栏腾讯IVWEB团队的专栏

概览:可视化前端测试

做过前端开发的同学都知道,前端测试不仅仅涉及到功能的测试,而且也需要考虑到界面样式测试、多浏览器兼容性测试、性能测试。本文主要讨论分析目前前端测试的现状,并讨论...

52700
来自专栏玄魂工作室

PPT导出时嵌入字体的方法

使用ppt的时候,很多时候会使用一些特殊字体,在其他计算机上无法正常显示。这个时候就需要导出PPT的时候进行字体嵌入。 1.1 常规方法 所谓常规方法,是指那些...

36040
来自专栏练小习的专栏

响应式布局入门

最近研究响应式设计框架的时候,发现网上很多相关的属性介绍,却很少有系统的入门级使用的文章,我自己整理了一篇入门知识,并没有什么高深的理论,也不牵扯到框架。 目前...

30350
来自专栏web前端教室

MVVM - 遇见未来

MVVM是新的前端开发模式,它的全称是Model View ViewModel,据说最初是由微软提出来的,。。 这种模式的实现,大意上是用自定义的标签把数据绑定...

21270
来自专栏河湾欢儿的专栏

前端三大框架比较Angularreactvue

13120
来自专栏coderhuo

ARM下char类型符号问题

最近在项目中遇到问题,在x86平台下调试好的程序,移植到arm上,程序行为完全变了。

7710
来自专栏ThoughtWorks

CSS-in-JS,向Web组件化再迈一大步 | 洞见

简介 CSS-in-JS是什么,看到这个词就能大概猜到是在JavaScript里写CSS,那为什么要在JavaScript里写CSS呢,像之前一样写在css文件...

31980

扫码关注云+社区

领取腾讯云代金券