一、扩展tabbar，如何自定义一个tabar
官方自定义tabbar:developers.weixin.qq.com/miniprogram…
二、小程序的样式处理
小程序css响应式布局单位：用rpx
具体操作时：ui设计图规范通常参考的iphone6尺寸750px
前端开发时，用photoshop测量时，量多少的px，咱们在小程序上就用多少，省去很多麻烦，并且是响应式
例如：测量的按钮是宽度是150px,在小程序上就写width:150rpx
公共样式的处理：通过@import "导入公共样式路径";
三、小程序的常用指令及模板绑定
-
数据模板绑定 {{ 插值 }}，通过.js文件的data{ 属性：值 }
-
小程序常用指令
- 遍历 wx:for 类似于vue的v-for
注意：通常在遍历时要给定wx:key，对遍历项提供唯一值，提升遍历性能
使用 wx:for-item 可以指定数组当前元素的变量名，
使用 wx:for-index 可以指定数组当前下标的变量名：
- 条件渲染：
-
wx:if 类似于vue的v-if
wx:if="条件" 满足展示，不满足标签不加载
wx:else 不满足可以展示
注意：如果遍历时不想渲染当前遍历的标签，可以用block标签来遍历
block标签相当于vue中的template
-
hidden:相当于vue中的v-show的反逻辑
hidden="{{ 条件 }}"
说明：条件为true时隐藏，为false时显示
四、小程序如何绑定事件
-
绑定事件：主要要wxml和咱们的JS关联，从而进行后续的逻辑处理
<view bind事件名="回调方法"> 或 <view catch事件名="回调方法">区别是什么 ？
bind：不会阻止事件冒泡 catch事件名：阻止事件冒泡 相当于JS原生的e.stopPropaGation()需求：
如何绑定当前项，即传参问题 小程序传参：通常给标签添加自定义属性来进行传参 <view data-index="要传的值"> 如何删除： 确实删除了，但没有同步到页面（视图） 那如何同步视图？ this.setData({ })
五、小程序如何同步视图
那如何同步视图？
this.setData({
})
参考的代码：
let temp ='users['+index+'].name'
this.setData({
//属性:值
// users: users //简单粗暴
[temp]:'林老师',
'users[3].name':'全栈'
});
六、小程序的生命周期
- 微信小程序的生命周期：
-
APP级别：
onLaunch：小程序初始化完成时触发，全局只触发一次 onShow:小程序启动，或从后台进入前台显示时触发 onHide:小程序从前台进入后台运行时触发 -
Page级别：
onLoad:页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数 onload:获取后台数据，传参 onReady:页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互 onShow:页面显示/切入前台时触发。 onHide:页面隐藏/切入后台时触发 onUnload:页面卸载时触发
详细看课上视频，已发到网盘
作业：小程序实现一个todoList
