美文网首页
【实战项目笔记】微信小程序

【实战项目笔记】微信小程序

作者: 跑者小越 | 来源:发表于2017-04-07 21:13 被阅读49次

开发者工具快捷键:
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

相关文章

网友评论

      本文标题:【实战项目笔记】微信小程序

      本文链接:https://www.haomeiwen.com/subject/dsvmnttx.html