小程序当中的文件类型，组织结构，配置，知识点等

app.json
project.config.json
logs.json

// 简书作者：达叔小生
{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

pages页面路径列表
window默认窗口表现
tabBar底部 tab 栏的表现
networkTimeout网络超时时间
debug是否开启 debug 模式

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ]
}

navigationBarBackgroundColor导航栏背景颜色
navigationBarTextStyle导航栏标题颜色
navigationBarTitleText导航栏标题文字内容
navigationStyle导航栏样式
backgroundColor窗口的背景色
backgroundTextStyle下拉 loading 的样式

color tab 上的文字默认颜色
selectedColor tab 上的文字选中时的颜色
backgroundColor tab 的背景色
list 最少2个、最多5个 tab
position tabBar的位置
pagePath 页面路径
text tab 上按钮文字

request 
connectSocket
uploadFile
downloadFile

// 数据绑定
<view> {{message}} </view>
Page({
  data: {
    message: 'Hello!'
  }
})

// 列表渲染
<view wx:for="{{array}}"> {{item}} </view>
Page({
  data: {
    array: [1, 2, 3, 4, 5]
  }
})

// 模板
<template name="Name">
 <view>
 
 </view>
</template>
<template is="Name" data=""></template>

<!-- itemDemo.wxml -->
<template name="itemDemo">
  <text>{{text}}</text>
</template>

<import src="itemDemo.wxml"/>
<template is="itemDemo" data="{{text: 'itemDemo'}}"/>

//
<!-- indexDemo.wxml -->
<include src="headerDemo.wxml"/>
<view> body </view>
<include src="footerDemo.wxml"/>
//
<!-- headerDemo.wxml -->
<view> header </view>
//
<!-- footerDemo.wxml -->
<view> footer </view>

App({
  onLaunch: function () {
    // 小程序启动后 触发
  }
})

Page({
  data: {
    ...
  },
  onLoad: function () {
    // 页面渲染后 执行
  }
})

data 页面的初始数据

/** add.wxss **/
.b-p {
  padding:5px;
}
/** app.wxss **/
@import "add.wxss";
.a-p {
  padding:15px;
}

touchstart 手指触摸，动作开始
touchmove 手指触摸后，移动
touchcancel 手指触摸，动作被打断
touchend 手指触摸，动作结束
tap 手指触摸后，马上离开