2018-07-19小程序再学习

项目紧，时间急，所以必须花大量时间学习小程序

1.调试工具上，切后台 按钮的意思是模拟小程序进入手机或者微信的后台运行时的场景，
外面对应的是从各种场景值下，把后台小程序切到前端运行时的场景。

2.app.js 中的App()，是程序的主入口，App({...}) 里面的大括号定义是一些参数和方法，本质上{...} 表示的是一个对象（objec）的数据类型。object 里面的参数有： onLaunch方法， onShow，onHide，onPageNotFound和其他（开发者可以添加任意的函数或数据到 Object 参数中，用 this 可以访问）

App({
  onLaunch: function(options) {
    // Do something initial when launch.
  },
  onShow: function(options) {
      // Do something when show.
      consolg(options)
  },
  onHide: function() {
      // Do something when hide.
  },
  onError: function(msg) {
    console.log(msg)
  },
  globalData: 'I am global data'
})

注意：options 是上面方法的参数，options是一个对象，这个对象里面就有一个叫场景值的参数(sence:number)，这个参数，直接关系后台切到前台时的一个转换。其他参数详见官方文档

3、 app.json 它安装的就是一个简单json字符串{...} 所以它里面不可以有注释
里面装有的信息有
"pages":[...] 数组，最后一个字符串不需要逗号
"window":{...}对象
"tabBar": {...}对象
"networkTimeout": {...}对象
"debug": true 布尔值，决定console是否打印
具体详见官方文档
page.json只能设置 window 相关的配置项，以决定本页面的窗口表现，所以无需写 window 这个键，直接写{...}即可，内容举例如下

  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "微信接口功能演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"

4. app.wxss 适用于全局的公共样式 page.wxss算是对它的补充或者特殊化定制，同时支持局部优先级高于全局

5.每个页面文件夹 wxml 和js 文件必须，样式与配置文件不是必须的。 一个是样式，一个是数据+逻辑

6.page.js 内容本质上也是一种函数方法，类似app.js 注意文件名首字母小写，函数名首字母大写，对象内部参数与方法遵守驼峰命名法
App({...})
Page({...})
Page的参数里面一般必须有一个data：{...}对象
其他系统方法详见官方文档

7.setData() 可以实现数据更新与界面渲染更新，而且支持数据“路径”的key字符串，如下所示：

setData({
    'arr1.obect1.num':100
});

而且即使data：{}中没有预先定义的变量，使用setData也可以定义并且赋值

8.json 格式说明： 只有五类：字符串、数字
布尔值，对象，数组
字符串："啦啦啦"
数字：100
布尔值：true/false
对象：{...}
数组：[...]