小程序文件基础构成

JSON 配置

  • 页面配置的的作用

    • 小程序配置 app.json
      • 小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等
    • 工具配置 project.config.json
      • 做一些个性化配置，例如界面颜色、编译配置等等

    • 页面配置 page.json

      • 独立定义每个页面的一些属性，例如刚刚说的顶部颜色、是否允许下拉刷新等等

        WXML 模板

    • 类似 HTML 页面的使用

    • 用的标签有 view, button, text 等等

      WXSS 样式

    • 类似 CSS

    • 在底层支持新的尺寸单位 rpx

      JS 脚本

    • 响应用户的点击、获取用户的位置

    • 用于与用户交互

      页面布局

      一个页面一定要有以下部分
  1. xxx.js 文件
    1. 页面内部数据管理
  2. xxx.wxml 文件
    1. 页面布局
  3. xxx.wxss 文件
    1. 页面样式
  4. xxx.json 文件
    1. 页面配置

      XXX.js 文件

      ```javascript const app = getApp(); //引入全局 app.js

Page({ data: { //data 用来储存数据 history: [], startX: 0, startY: 0, AA: false },

onShow: function () { //页面渲染执行 this.setData({ //setData修改数据 history: wx.getStorageSync(“CollectList”), }); }, ```