记录要点与差别(主要是减少踩坑)
小程序不是运行在浏览器中,所以没有dom和bom
小程序的额外成员
小程序的js是支持common.js规范的(跟node.js使用时一致)
只支持这种导出方式 moudle.export = { say : say }
数据绑定与vue类似(依然使用小胡子语法(mustache)展示)
当语法解析误解了true/false可以使用小胡子来解决
基本的循环 wx:for
事件处理(事件处理函数不需要放在method里面)
事件冒泡与web事件冒泡一致
事件传参
<button bindtap="bindtap1(123)"></button> <!-- 此时bindtap1(123)是作为一个函数名,而不能将参数123传递给bindtap1。-->
bindtap1 : function(e){ //dataset是元素包含 data- 开头的对象(h5的方法) console.log(e.target.dataset) } //这里不能使用this来获取当前点击对象,此时this指向的是页面对象
小程序是单向数据流(与vue等框架不一样,vue有监视数据变化并通知页面发生变化,而小程序没有)
//直接赋值没有通知页面做出变化 //应使用this.setdata通知页面发生变化 page({ data:{ msg :'hhh' }, bindtap1 : function(e){ this.setdata({ msg : e.target.value }) } })
页面条件渲染
<block wx:if="{{show}}"/>
wxss与css的差异
如对本文有疑问, 点击进行留言回复!!
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json?Protocol Buffer?FlatBuffers?
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
selenium + ajax抓取英雄联盟全部英雄的详细信息及多线程保存全部皮肤图片到本地
网友评论