微信小程序-学习

这是一篇关于微信小程序的思维导图，主要内容包括：resources，宿主环境，场景应用，名词，文件树。

微信小程序

• resources
  • office website
    • 开发指南
• 宿主环境
  • 通信模型
    • 子主题
  • 一个页面构成
    • 界面
      • wxmlwxss
    • 配置
      • json
    • 逻辑
      • js
  • 页面构造器Page()
    • 宿主环境提供了Page()构造器用来注册一个小程序的页面
  • 页面跳转和路由
    • 通过wx.navigateTo推进一个新的页面
    • 页面栈
      • max：10
    • 　app.json定义小程序底部tab
  • 组件
    • wxml
      • 图片
  • 宿主环境
    • 渲染层
      • wxml
      • wxss
    • 逻辑层
      • js
  • 宿主环境
    • 提供
      • Page()构造器
      • App()构造器
      • getApp()获取App案例
    • api
  • 事件
    • 子主题
    • bindtap 事件通过这个属性绑定在组件上
    • 事件绑定与冒泡
      • 写法：key="value"
      • 开头bind 或 catch
      • bind和capture-bind的含义分别代表事件的冒泡阶段和捕获阶段
• 场景应用
  • flex布局
  • 界面常见交互反馈
    • 触摸反馈
    • Toast和模态对话框
      • wx.showToast()
      • wx.showModel()
    • 界面滚动
      • 下拉
        • onPullDownRefresh()
      • 上拉
        • onReachBottom()
      • 某区域滚动
        • srcoll-view
  • 发起Https网络通信
    • api
      • wx.request
      • 请求的域名需要在小程序管理平台配置
  • 微信登录
  • 本地数据缓存
  • 设备能力
• 名词
  • WXML
    • WeiXin Markup Language框架设计的一套标签语言，就像html|，负责页面结构
  • WXSS
    • 就像css，负责页面的样子
  • js交互逻辑
    • 负责页面的交互
• 文件树
  • pages
    • index
      • index.js
        • 逻辑文件（交互）
      • index.wxml
        • 页面结构文件
      • index.wxss
        • 样式文件
      • index.json
        • 页面配置文件
    • logs
      • logs.json
  • utils
    • utils.js
  • app.js
  • app.json
    • 全局配置
    • 页面路径、界面表现、网络超时时间、底部 tab 等
  • app.wxss
  • project.config.json
    • 具上做的任何配置都会写入到这个文件
  • sitemap.json
    • 用来配置小程序及其页面是否允许被微信索引