首先说一下这个是七月老师(个人认为慕课网比较出色的讲师之一)的课程,大家如果感兴趣可以去实战搜索然后买买买

开局一条鲲

买了课程先别看老师思路，自己按照设计图开发，再听课程，对比开发差异。（加强了印象，更有代入感） http://www.7yue.pro/#/home
商业级很重要的一点就是把控细节点，不求面面俱到，但是一定要有工匠精神。

• 微信小程序快捷键
• ctrl + p 快速打开文件
• ctrl + e 快速打开最近文件
• 开发规范
• https://shimo.im/docs/EZKacqyM018gmopv

Flex

• flex容器将消除item的块状特性
• flex-direction
  • row-reverse 行倒叙排序
  • column-reverse 列倒序排序
• justify-content (主轴（横轴） ，注意column-reverse对justify-content的影响)
  • flex-start
  • flex-end
  • center
  • space-between
  • space-around 等距分布（item距两侧的距离均相等）
• align-items ( 交叉轴（竖轴)
  • stretch 延申（没有高度）
  • baseline 基线对齐（文字）
• 主轴， 交叉轴和水平，垂直方向的对应关系取决于flex-direction(row)
• flex-wrap（换行）与消除间距
  

组件化开发

每个页面都是一个组件

• 如果设计师以iphone6（750px*1334px）的大小设置设计图时，CSS中rpx按照1：1填写，px按照1：2填写 （经验性原则）
• 安卓默认字体是思源，苹果默认字体是苹方（小扩展）
• 只有 font,color会从组件外继承到组件内
• 组件最好不要留有空白间距（比如消除文字上下的空白就要使用line-height，而不是bottom）
• 固定宽度组件化的适应能力要比自适应宽度（缺点当面临宽度临界状态跳动）弱一些，所以要衡量
• 组件化因素：封装性，开放性，粒度，复用性（难度大）与分离性
• Promise是解决异步回调地狱问题的，不要滥用，平常基本能用箭头函数能解决的用箭头函数解决
• 异步剥夺了函数return的能力，可以用promise解决
• 判断首字母 chatAt判断 升级为startWith
• setData主要是为了数据更新，而不是数据绑定（把更新data添加到data下）
• observer的妙用（略） 当属性修改触发
• behavior继承，多继承特质(优先规则，子类覆盖父类属性，最后父类覆盖之前父类属性)，同样适用方法的定义和继承，但是生命周期函数，不会有覆盖的现象发生

错误写法
remotedb.alLDocs({

include_docs:true,

attachments:true

}）.then(function(result){

var docs=result.rows;

docs.forEach(function(element){

localdb.put(eement.doc).then(function(response){

alert("Pulled doc with id"+element.doc._id+"and added to local db.");

}).catch(function(err){

if(err.status==409){

1ocaldb.get(element.doc._id).then(function (resp){

localdb.remove(resp._id,resp._rev).then(function(resp){

//et cetera..

正确写法
remotedb.alLDocs(...).then(function (resultOfAlLDocs){

return localdb.put(...)；

}）.then(function(resultofPut){

return localdb.get(...)；

}）.then(function(resultofGet){

return localdb.put(...)；

}).catch(function(err){

console.log(err)；

}）；

页面渲染简单流程

未完待续…