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"
  1. 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
对象:{...}
数组:[...]

你可能感兴趣的:(2018-07-19小程序再学习)