小程序的全局配置及各个组件。

在utils目录下有app.json.可以在其中配置全局的导航栏中的内容window和底部栏tabBar；

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#262626",
    "navigationBarTitleText": "美食助手",
    "navigationBarTextStyle":"white"
  },
  "tabBar":{
    "backgroundColor":"#FECA49",
"color":"#D78B09",
"selectedColor":"#fff",
"list":[
  {
    "text":"首页",
    "iconPath":"./icons/home-default.png",
    "pagePath":"pages/index/index",
    "selectedIconPath":"./icons/home-active.png"
  },{
    "text":"卡卷",
    "selectedIconPath":"./icons/ticket-active.png",
    "iconPath":"./icons/ticket-default.png",
    "pagePath":"pages/index/index"
  },{
    "text":"我的",
    "selectedIconPath":"./icons/face-active.png",
    "iconPath":"./icons/face-default.png",
    "pagePath":"pages/index/index"
  }

]
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

wxml是页面的结构，可以绘制自己需要的结构
轮播图组件：

<swiper indicator-dots>
<swiper-item><image src="../../static/img/0.jpg"></image></swiper-item>
<swiper-item><image src="../../static/img/3.jpg"></image></swiper-item>
<swiper-item><image src="../../static/img/4.jpg"></image></swiper-item>
</swiper>

写页面时view相当于div，navigator相当于a标签，url代替src。text相当于span

2,小程序的静态资源托管和字体图标的使用，先创建远程仓库，将静态资源static文件夹git init ，git add . commit-m托管到创建的远程仓库，字体图标的使用：在全局app.wxss里导入@face样式文件，将开头的url前缀加上远程仓库地址。

3.小程序js文件的使用：
先调用page()函数,page函数接受一个对象数据，可以定义事件回调函数，生命周期。wxml访问data里的数据，都要用{{}}，循环用wx:for=’{{}}’,wx:for-index=‘key’,wx:for-item=‘val’:

4.绑定数据bing：事件名称=‘事件回调’ **bind事件名称=“事件回调”**阻止冒泡用catch替换bind.

5.e.target.dataset获得wxml中的自定义属性。

6.小程序要改变data里的数据，需要使用 this.setData({})
7.发送请求，如果是onload加载，则let _this=this，再到success里操作数据。

8.小程序的生命周期app.js里有：onLaunch（）{启动时触发。}，onShow(){
前台运行时触发}; onHide(){后台运行时触发}；index.js里有onload(){}，onRead()，onShow(){}，onHide(){},以下是场景：

9.导入模块，支持require，nmp init 是为了创建pack.json文件。工具=>构建npm,详情=>本地设置=>使用npm模块

10.app.js可以在app.定义全局的属性和方法。用getApp.获取小程序实例。

小程序API:wx.request;
显示加载框:wx.showLoading({})
关闭加载框：wx.hideLoading();
提示框：wx.showToast({title:'232});
确定框：wx.showModal({});
多选框：wx.showActionSheet({});
本地相册的访问及拍照：wx.chooseImage({});
文件的上传,有时候在成功改变路径后直接调用：wx.uploadFile({})
12.wxs,和script标签相似，需要有module属性，可以通过标签引入，src不支持绝对路径。

13.小程序模板的使用：支持import导入，is绑定模板名字。

14.小程序使用组件：先创建，再到json注册，到wxsm使用，直接用标签。

15.组件的属性，在组件的js文件的properties中定义：两个必要的：类型type和默认value值。

定义好了就可以在组件内使用了，courses在index的js文件中page的data里定义。

16.父组件得到子组件的数据。父传子：指定一个事件回调：

组件的js里的methods里接受并触发事件，：