小程序原生开发文档笔记

0.开发工具上在web-view页面内点击鼠标右键有个调试的选项，可以调试web-view页面

1.小程序配置：

app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。QuickStart 项目里边的 app.json 配置内容如下：

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Weixin",
    "navigationBarTextStyle":"black"
  }
}

2.数据绑定：

WXML 是这么写 :

<text>{{msg}}</text>

JS 只需要管理状态即可:

this.setData({ msg: "Hello World" })

3.WXSS 在底层支持新的尺寸单位 rpx 

4.小程序启动之后，在 app.js 定义的 App 实例的 onLaunch 回调会被执行:

App({//整个小程序只有一个 App 实例，是全部页面共享的
  onLaunch: function () {
    // 小程序启动之后 触发
  }
})

 5.Page 是一个页面构造器，这个构造器就生成了一个页面:

Page({
  data: { // 参与页面渲染的数据
    logs: []
  },
  onLoad: function () {
    // 页面渲染后 执行
  }
})