Please enable JavaScript.

Coggle requires JavaScript to display documents.

小程序 (其他 (网络, 硬件能力, 开放能力, 调试, 性能, 基础库), 入门 (3 代码构成 (.wxml 模板（类html）, .wxss…

- - - - 页面加载
        
        装载 WXML 结构
        
        装载 WXSS 样式
        
        .json 生成页面
        
        装载 logs.js
      - 过程
        
        app.json 页面
        
        app.js
        
        代码包下载
    - - 渲染层多个WebView
      - 逻辑层 JsCore
      - Native 微信客户端
        
        渲染层与逻辑层交互
        
        与第三方服务器交互
    - - 视图容器
      - 基础组件
    - - 用户信息、微信
      - more
- - - - 主体部分
        
        app.wxss 全局样式
        
        app.js 全局脚本逻辑文件
        
        app.json 全局配置
      - 工具配置
        
        project.config.json
    - - index（例子）
        
        index.wxss
        
        index.wxml
        
        index.json
        
        index.js
      - 页面组成
    - - util.js
  - - - 覆盖 app.json 相同配置
      - 配置页面的窗口
    - - 默认可以
      - 微信索引
    - - 窗口表现
      - 网络超时时间
      - 页面文件的路径
      - 多 tab
  - - - 模块化
        
        公共的代码
        
        js 文件
        
        module.exports
        
        文件作用域
      - API
        
        事件监听 API
        
        同步 API
        
        异步 API
      - 注册页面
      - 页面生命周期
      - 注册小程序
      - 页面路由
        
        页面栈
        
        页面栈表现
        
        路由方式
        
        路由方式
        
        初始化
        
        打开新页面
        
        页面重定向
        
        页面返回
        
        Tab 切换
        
        重启动
    - - 进入路径
    - - WXSS
        
        样式导入
        
        尺寸单位
        
        内联样式
        
        CSS 大部分特性
        
        选择器
        
        全局样式与局部样式
      - WXS
        
        页面渲染
        
        数据处理
      - WXML
        
        数据绑定
        
        列表渲染
        
        条件渲染
        
        模板
        
        引用
      - 事件系统
        
        定义
        
        用户行为到逻辑层进行处理
        
        事件绑定组件
        
        视图层与逻辑层的通讯方式
        
        事件对象额外信息携带
        
        事件的使用方式
        
        Page定义事件处理函数
        
        组件中绑定事件处理函数
        
        使用WXS函数响应事件
        
        事件详解
        
        事件绑定和冒泡
        
        事件的捕获阶段
        
        事件分类
        
        冒泡事件
        
        非冒泡事件
        
        事件对象
      - 基础组件
        
        公共属性
        
        id
        
        hidden 是否显示
        
        class 组件样式类
        
        style 内联样式
        
        data-* 自定义属性
        
        bind / catch 组件事件
        
        特殊属性
        
        属性类型
        
        Boolean、Number、String、Array
        
        Object
        
        EventHandler 事件处理函数名
        
        Any
      - 获取界面上的节点信息
        
        WXML节点信息
        
        WXML节点布局相交状态
      - 响应显示区域变化
        
        在 iPad 上启用屏幕旋转支持
        
        Media Query
        
        在手机上启用屏幕旋转支持
        
        屏幕旋转事件
      - 动画
        
        界面动画
        
        CSS 渐变
        
        CSS 动画
        
        高级的动画方式
        
        WXS 响应事件
        
        动态调整 style 属性
- - - - 组件模板
      - 组件样式
    - - 监听事件
      - 触发事件
      - 组件间通信