小程序学习笔记

• ES6转ES5 只转换语法 新的api不支持 支持api转换
• 小程序目录结构
  官方模板含.wxml .wxss .json .js
app.js app.json .app .wxss 全局配置同于公共类
  wxss渲染遵循就近原则

应用程序人口app. - 1，2，3，4，5最多五级页面
同一级目录下命名必须一致，文件夹名称可不同，如index.wxml,index.wxss.....
根级目录可先建文件夹。
只有text包裹的元素在手机端才可以长按选中
支持转义符
iphone6 750的宽度 做原型图
文件自动关联--同名
style 动态 class 静态

• 配置app.json
  pages
  接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息，数组的第一项代表小程序的初始页面。小程序中新增/减少页面，都需要对 pages 数组进行修改。
  文件名不需要写文件后缀，因为框架会自动去寻找路径.json,.js,.wxml,.wxss的四个文件进行整合。
  window

  "window":{
    "navigationBarBackgroundColor": "#ffffff",//HexColor #000000  导航栏背景颜色，如"#000000"
    "navigationBarTextStyle": "black",//String white 导航栏标题颜色，仅支持 black/white
    "navigationBarTitleText": "微信接口功能演示",//String       导航栏标题文字内容
    "backgroundColor": "#eeeeee", //HexColor    #ffffff 窗口的背景色
    "backgroundTextStyle": "light", //String    dark    下拉背景字体、loading 图的样式，仅支持 dark/light
      "enablePullDownRefresh":false //Boolean   false   是否开启下拉刷新，详见页面相关事件处理函数。
  }
}```



- [Swiper组件](https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html)

- App.json里关于导航栏，标题的配置。
app.json除外json的文件，只能配置window，故而直接添加属性即可。

{
"window":{
"navigationBarBackgroundColor": "#b3d4db"
}
}
//无效
{
"navigationBarBackgroundColor": "#b3d4db"
}
//成功

- Page页面与应用程序的生命周期

Page({});
//默认顺序onLoad，onShow，onReady

-  **数据绑定（核心知识）**
单向数据绑定，js->wxml
`this.setData()`
`可通过setData({a:a});传参，this.data.a` 

wx:if//显示，隐藏
wx:if="{{string}}";
wx:if="string";
wx:if="false";
wx:if="{{true}}"//显示 字符串自动隐式转化为true;
wx:if="{{false}}";//隐藏

小程序总是会读取data对象来做数据绑定，这个动作我们称为动作A
而这个动作A的执行，是在onLoad事件执行之后发生
- 数据绑定的运算与逻辑
- AppData区域介绍
- **事件与事件对象**
    - 事件绑定的写法同组件的属性，以 key、value 的形式。
 - key 以bind或catch开头，然后跟上事件的类型，如bindtap, catchtouchstart
  -  value 是一个字符串，需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。

//绑定事件
//阻止事件冒泡