小程序文件结构

1 文件结构

1.1 框架主体文件

• .wxss 公共样式表，对所有页面的布局文件都有效
• .js 小程序逻辑文件，用于注册小程序全局实例
  • 通过APP()函数注册小程序生命周期函数、全局方法、全局属性，在其他逻辑层代码中通过getAPP()获取。
  • 生命周期函数
• .json 公共设置，配置小程序全局设置
  • 配置项
    • pages （数组 -- 包含页面路径+文件名不需要拓展名，建议文件名和目录名保持一致）
    • window （对象）
      • enablePullDownRefresh (默认为false) 下拉会触发 onPullDownRefresh事件
    • tabBar （对象）
      • list数组，数组中每一项是一个对象，最少2个最多5个tab
      • position (bottom/top)
    • networkTimeout （对象 -- 网络请求API的超时时间）
    • debug （布尔值）

1.2 框架页面文件

• .wxml 页面结构文件,用于渲染页面，在不同平台被解析成不同端的渲染文件

  • WXML具有数据绑定（Mustache语法）、列表渲染（wx:for）、条件渲染（wx:if={{判断条件}}）、模板、事件等能力
    • 模板(