纯正商业级应用-微信小程序开发实战 appkey

• RdshydjBvcYZhMZC
• GgRhTjUNUYn1fHke

• classic.json 引用组件
• classic.wxml 使用组件

• iPhone6: dpi = 2, w:h = 750 X 1334 设计稿
• iPhone6: vscode 编辑器 5px = wechat 模拟器 10px
• iPhone6: rpx 比例 1:1, 不需要换算, rpx 会自适应，字体可能会用到 px, flex 解决布局, rpx 解决响应式

• app.wxss ios,mac 上启用
• page 会包裹组件, 每个页面都会自动加 page
• page
• 继承样式(font, color), 会从组件外继承到组件内

• like/index.wxss

/* 取消字体上下间距 */
line-height: 24rpx;
font-size: 24rpx;
/* 取消字体上下间距 */

• like/index.wxml
• this.setData() 修改 data 里面的数据
• bind:tap="onLike"
• catch(阻止冒泡)
• 冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递
• 非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递
• 事件

• like/index.js
• like/index.wxml

• like/index.js
• properties

• 看待组件的两种观点
• Blink API 介绍与测试 API
• API

• 生命周期函数

• wx.request

• config.js
• classic.js
• 微信开发工具 -> detail -> 不校验合法域名勾上(开发阶段)
• 500 是服务器原因, 服务端才能改

• util/http.js
• 状态码: const code = res.statusCode.toString()
• ES6: code.startsWith('2')

• util/http.js
• wx.showToast()
• const error_code = res.data.error_code

• models/classic.js 获取请求数据
• 理解 promise
• classic.js let a = classic.getLatest() 需要 models/classic.js getLatest() return 内容, 但是 models/classic.js getLatest() 是异步函数无法 return 内容, 只有回调函数才能接受异步函数结果, 变成: classic.js classicModel.getLatest(res => {}), models/classic.js getLatest() 要接受回调函数变成 models/classic.js getLatest(sCallback)

• classic.js classic.wxml like/index.js 传递属性
• 微信开发工具 -> AppData 查看 data
• setData() 用于数据更新

• component/movie/index.js behaviors

• like/index.js this.triggerEvent() 自定义事件触发
• classic.wxml bind:like="onLike" 自定义事件监听
• classic.js event.detail.behavior 获取事件传递的参数

• models/like.js 传递 like 状态到服务器
• pages/classic.js

• components/epsoide/index.js
• 组件生命周期函数 ready()

• components/epsoide/index.js
• 数字补零, 数据改变时调用 observer
• 无限循环分析, 自动 08 -> 8

• components/epsoide/index.js 时间处理

• components/navi/index.js
• flex 布局可能要设置宽高来解决问题
• wechat 上线需要 https, 开发阶段可以用 http

• classic-beh.js 组件代码复用
• 子类覆盖父类属性, 后面的覆盖前面, 生命周期不会覆盖

• models/classic.js
• 缓存处理
• wechat 清缓存

• 缓存
• 收藏 models/like.js
• es6 改写 classic
• wx:if, hidden 区别
• wxss 复用 bug
• music/index.js 音乐播放控件 wx.getBackgroundAudioManager()

• 底部栏
• pages/book.js
• promise()
• http-p.js
• models/book.js
• promise callback

• 真正宽度, 偏移实现 components/book.wxss
• cycle wx:for use <block></block> pages/book.wxml
• pages 组件传入的参数在 options 中 book-detail.js
• slot tag.wxml tag.js
• wechat 固定开发页面-自定义编译条件: book-detail pages/book-detail/book-detail bid=1120