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

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

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

相关文章

来自专栏coderhuo

ARM下char类型符号问题

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

551
来自专栏vue学习

28、购物车结算页面-导航栏与地址选择布局

(1)老规矩,复制一份我们已经写好的test.vue页面初始化我们购物车页面cart.vue

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

前端三大框架比较Angularreactvue

952
来自专栏Coco的专栏

《HTML重构》读书笔记&思维导图

1454
来自专栏web前端教室

MVVM - 遇见未来

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

1907
来自专栏微信小开发

小程序界面设计指南

“上一期文章讲了小程序平台的特点以及场景需求,这一期文章主讲小程序设计规范,这是我通过阅读官方文档后归纳总结的,需要详细了解的小伙伴可以去看官方设计指南,文末有...

5547
来自专栏ASP.NET MVC5 后台权限管理系统

.Net 转战 Android 4.4 日常笔记(9)--常用组件的使用方法[附源码]

经过两天的学习,把常用的组件都学习了一遍,并做成了App 学习可能真没有捷径,跟学习html有点类似,都是一个控件一个控件学习并使用,最后拼凑成一个系统 链接:...

1866
来自专栏移动开发之家

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

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

772
来自专栏Android机动车

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

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

2161
来自专栏编程

利用好这些代码把SEO优化做到极致,最后一个你肯定没用

SEO 本期主题,利用好HTML代码让网站优化更上一层楼, 很多人认为网站优化和代码没有什么关系,其实不然,代码和优化也有着千丝万缕的关系。如果代码这一步不弄好...

20210

扫码关注云+社区