3-21 小程序宿主环境

小程序宿主环境

1. 小程序宿主环境包含的内容

1. 通信机制
2. 运行机制
3. 组件
4. api

1.通信机制

小程序中的通信的主体是渲染层 和逻辑层，其中

1. WXML 模版和 WXSS 样式工作在渲染层
2. js 脚本工作在逻辑层

2. 运行机制

1. 小程序启动的过程
   • 把小程序的代码包下载到本地
   • 解析 app.json 全局配置文件
   • 执行 app.js 小程序入口文件，调用 app() 创建小程序实例
   • 渲染小程序首页
   • 小程序启动完成
2. 页面的渲染过程
   • 加载解析页面的.json 文件
   • 加载页面的 wxml 和 wxss 文件
   • 执行页面的.js 文件，调用 page 创建页面实例
   • 页面渲染完成

组件

1. view
   • 普通的视图区域
   • 类似于 html 中的 div，是一个块级元素
   • 常用来实现页面布局效果
2. scroll-view
   • 可滚动的视图区域
   • 常用来实现滚动列表效果
3. swiper 和 swiper-item
   • 轮播图容器，和轮播图子项
4. text
   • 支持长按选中
5. rich-text
   • 将 html 字符串渲染为 UI 结构
6. button
   • 按钮组件
   • 功能比 html 中的 button 按钮丰富
   • 通过 open-type 可以调用微笑提供的各种功能，（客服，转发，获取用户授权，获取用户信息）等
7. image
   • image 组件默认 300px 宽 240px 高
8. navigator
   • 导航组件，等同于 html 中的 a 链接

API

小程序官方吧 API 分为以下三大类

1. 事件监听
   • 特点，以 on 开头，用来监听某些事件的触发
2. 同步 API
   • 以 sync 结尾的 API 都是同步 API
   • 同步 API 的执行结果，可以通过函数返回值直接获取，如果执行出错会抛出异常
3. 异步 API
   • wx.request()