微信小程序-框架详解(1)

配置

　　-app.json文件对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、tab等

{
  "pages": [ //决定页面文件的路径
    "pages/index/index", //第一项配置为默认打开时显示的页面，不需要后缀名，因为其包含.js文件、.wxml文件、.wxss文件以及.json文件，
    "pages/logs/logs"
  ],
  "window": { //窗口默认的表现
    "backgroundTextStyle": "light",  //下拉背景字体、loading 图的样式，仅支持 dark/ligh,默认值为dark
    "navigationBarBackgroundColor": "#fff", //导航栏背景颜色
    "navigationBarTitleText": "导航栏文本", //导航栏显示的文本内容
    "navigationBarTextStyle": "black" //导航栏标题颜色，仅支持 black/white，默认值white
  },
  "tabBar": { //设置tab栏，tabBar是一个数组，若是配置，最少2个，最多5个，tab按数组的顺序排序
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "日志"
      }
    ]
  },
  "networkTimeout": { //设置各自网络请求的超时时间单位为毫秒
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true //可以在开发者工具中开启debug模式
}

　　-每一个页面也可以使用.json文件来对本页面的窗口进行配置

　　　　--pages.json会覆盖app.json中window配置项中同的内容，若配置内容不相同，则不覆盖

　　　　--页面的.json只能设置window相关的配置项，以决定页面窗口的表现，因此不需写window这个键

{
  "navigationBarBackgroundColor": "#f00",
  "navigationBarTextStyle": "white",
  "navigationBarTitleText": "具体页面导航栏演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}

逻辑

　　-小程序开发框架的逻辑层是由javascript编写

　　-逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈

　　　　--增加App和Page方法，进行程序和页面的注册

　　　　--增加getApp和getCurrentPages方法，分别用来获取App实例和当前页面栈

　　　　--每个页面有独立的作用域，并提供模块化能力

　　　　--框架并非运行在浏览器中，不存在DOM等，所以javascript在web中的一些功能不能使用

　　　　--开发者写的所有代码最终将会打包成一份javascript，并在小程序启动时运行，直到小程序销毁，类似serviceWorker，所以逻辑层也称之为App Service