菜鸡自学之路_wx小程序

176 阅读1分钟

微信小程序

page是所有页面的父级页面,给他以及子级页面的高度设置百分之百,就可以让子页面撑满整个屏幕

  • wx小程序中用到的数据绑定的原理是Object.defineProporty()

修改数据

小程序中修改数据主要是通过this.setData (这个行为始终是同步的)

数据劫持代理

通过Object.defineProperty的get方法添加的扩展属性不能直接对象.属性修改 需要通过他的set方法进行修改 set通过data[item]作为中间值来修改。

冒泡

  • 事件流的三个阶段 捕获:从外向内 执行阶段 冒泡:从内而外
  • bindtap 不会阻止冒泡 catchtap可以阻止冒泡时间向上冒泡
  • 小程序中的方法不需写在methods中,与data平级即可

路由跳转

使用wx的api navigatorTo/redirectTo/switchTab notice: 在使用url时,应用绝对路径 并且不需要wxml的后缀

scroll-view

  • 通过在中添加scroll-y or scroll-x属性来实现滚动效果 attention: 必须有固定高度or宽度才能实现滚动