2017-12-21

第三章

• 新闻阅读列表

一、 swiper组件（轮播图）

1. 每次新建一个页面需要在appjson中注册
2. 先显示的页面放在上面
3. swiper-item中的宽高只能放在swiper中，自动设置为100%
4. vertical='true'纵向滚动

二、app.json导航栏和标题配置

1. 垂直方向建议用px 水平方向rpx

三、page页面与应用程序的生命周期

js文件中，page属于一个入口注册

四、数据绑定（核心）

1. 数据绑定的运算和逻辑
   通过{{}}方式，通过脚本文件把数据绑定到xml中
2. true、false或者其他字符串会被解析成布尔值，所以用{{true}}、{{false}} 可以正常解析。

3.  img:{
    head_img: "/images/9.jpg",
    contentimg: "/images/5.jpg" }
   

多层次的前面加个img.就可以了

4. 两个数据可以放在一起工作的
5. <image wx:if="{{condition}}">在脚本中设置false 可以隐藏
6. {{a+b+c}} 可以正常相加
   "{{“hello”+data}}会出现hello和data 的值
7. item是默认的 可以不添加
8. bingtap="ontap" 绑定tap事件
9. 生命周期：
   wx.redirectTo是关闭了页面 onunload不可以返回
   wx.navigateTo 是隐藏了页面 onHide 可以返回
10. 点击子节点，父节点也会执行！（冒泡）
11. 大多数事件都是非冒泡事件，例如submit、input、scroll事件。
12. catchtap可以阻止冒泡！

五、AppData区域

1. alt shift F 格式化代码样式
2. 将数据单独写在一个文件中进行调用

六、事件与事件对象（核心）

七、缓存（最大10M）

八、列表渲染（核心）

九、template模板（核心）