微信小程序开发注意事项

1.自定义组件html

  • 调用了微信内置组件,样式的修改须要在页面,在组件样式中修改无效。(如checkbox样式的修改)

2.wxml的注意事项vue

  • 函数没法传入参数,固然也没法使用数组操做之类的
  • wx:if="{{a[b]}}"也是不存在的,b不能是变量
  • 调用须要js中的e.target.data
  • 须要经过复杂计算的值来改变wxml,能够使用wxml脚本wxs(只能使用es5的方法)

3.wxs的注意事项小程序

  • 没法调用其余js文件
  • var代替let
  • 数组方法includes、map等是没法使用的
  • 能够console
  • 目前还没法打断点
  • 经过moudel.exports调用
  • 详见wxs文档

4.与vue不一样,改变data中的数据须要使用this.setData({a:a})的形式,若a是对象或数组,改变某个属性或item的值须要将key值设为字符串,如:数组

this.setData({"a.a": 1})
this.setData({"a[1]": 1})

或者微信

this.setData({`a[${1}]`: 1})

坏处是变量或者属性名改变时编译器没法提示...........函数

5.每一个storage大小限制为1m,总共10mthis

2019-5-6es5

6.currentTarget属性,在html中是指事件触发的源头(即若是是捕获,那就是外部节点,冒泡就是内部节点
例:code

<view capture-bind:tap="event" data-i="1">
    <view data-i="2"></view>
</view>
按html的逻辑 capture的currentTarget是不一样的
然而坑壁小程序是指事件绑定的当前组件,e.target.dataset的是2 currentTarget是1 和捕获与冒泡无关。
相关文章
相关标签/搜索