开发者工具快捷键:
Ctrl+S 保存并编译(若没反应则手动点一下编译)
Ctrl+F 查找
F1 快捷功能
wxml是编写小程序骨架的文件。
只有用<text></text>
包含起来的文字才能在手机上长按选中。
从复用性考虑,用class写样式
垂直居中一般使用line-height,使其等于容器的高度。
需要在app.json中注册页面路径
"pages":[
"pages/posts/post",
"pages/welcome/welcome"
]
控制两个水平元素之间的距离用rpx(手机宽度有限,需要自适应,不会出现换行)
控制两个垂直元素之间的距离用px(手机高度无限,可滚动)
wx.navigateTo 是父级向子级跳转(有返回)ps子级最多有5级,执行onHide(页面被隐藏)
wx.redirectTo (无返回),执行onUnload(页面关闭或卸载)
catchtap阻止冒泡
bindtap冒泡触发
按住alt+shift+F可以格式化代码样式
小程序总是会读取data对象做数据绑定,这个动作是在onLoad事件执行之后发生的。
数据与业务分层,由业务去访问数据。
目前只能模板化,不是真正的模块化。(template 中不能有js)
...item 将数据对象展开。
先静后动,先样式后数据。
小程序中如果用户不去主动清除缓存,那么缓存是一直存在的。
wx.removeStorageSync('key')
wx.clearStorageSync();
(缓存上限不能超过10m)
小程序中没有dom,需要通过数据绑定实现图片状态切换。
在组件属性中的数据绑定记得加引号"{{ }}"
三元运算符:postCollected?"收藏成功":"取消成功"
学好javascript 难点:原型链,this
不能脱离业务去谈同步还是异步
调试时Ctrl+P 搜索
target 指的是当前点击的组件
currentTarget 指的是事件捕获的组件
在app.js中实现Tab栏(最少2个,最多5个)
编写多重套用的template至下而上,数据绑定时至上而下。
flex对scroll-view组件无效
在app.json以外的json文件中只能配置和windows有关的选项。无法配置Tap-bar之类的选项。
使用data-movieid="{{movieId}}"往js文件传数据时,data-后面的字母必须全为小写。否则可能无法匹配,因为系统会默认将大写转换为小写。
二级属性需要判空,否则会报错
ES6 学习class、promise、module、=>
在类中定义函数不需要写function