开发

    • 获取微信小程序的 AppID
    • 创建项目
    • 编写代码
      • 创建小程序实例
      • 创建页面
    • 手机预览


    • 配置项列表
      • pages
      • window
      • tabBar
      • networkTimeout
      • debug
    • page.json

    • App()
    • getApp()

    • Page()
    • 初始化数据
    • 生命周期函数
    • 页面相关事件处理函数
    • 事件处理函数
    • Page.prototype.setData()
    • setData() 参数格式
    • getCurrentPages()
    • 生命周期
    • 页面的路由

    • 文件作用域
    • 模块化
    • ES6 语法以及 API 支持

    • 数据绑定
      • 简单绑定
      • 运算
      • 组合
      • wx:if
      • block wx:if
      • wx:if vs hidden
    • 列表渲染
      • wx:for
      • block wx:for
      • wx:key
      • 定义模板
      • 使用模板
      • 模板的作用域
    • 事件
      • 什么是事件
      • 事件的使用方式
      • 事件详解
      • import
      • include

    • 尺寸单位
    • 样式导入
    • 内联样式
    • 选择器
    • 全局样式与局部样式

    视图容器

    基础内容

    表单组件

    媒体组件

    地图

    画布

    客服会话


    • wx.request wx.request 发起的是 HTTPS 请求

    • wx.uploadFile 将本地资源上传到开发者服务器
    • wx.downloadFile 下载文件资源到本地

    • wx.connectSocket 创建一个 WebSocket 连接
    • wx.onSocketOpen 监听WebSocket连接打开事件
    • wx.onSocketError 监听WebSocket错误
    • wx.sendSocketMessage 通过 WebSocket 连接发送数据
    • wx.onSocketMessage 监听WebSocket接受到服务器的消息事件
    • wx.closeSocket 关闭WebSocket连接
    • wx.onSocketClose 监听WebSocket关闭

    • wx.chooseImage 从本地相册选择图片或使用相机拍照
    • wx.previewImage 预览图片
    • wx.getImageInfo 获取图片信息

    • wx.startRecord 开始录音
    • wx.stopRecord 主动调用停止录音

    • wx.playVoice 开始播放语音
    • 暂停正在播放的语音
    • wx.stopVoice 结束播放语音

    • wx.getBackgroundAudioPlayerState 获取音乐播放状态
    • wx.playBackgroundAudio 播放音乐,同时只能有一首音乐正在播放
    • wx.pauseBackgroundAudio 暂停播放音乐
    • wx.seekBackgroundAudio 控制音乐播放进度
    • wx.stopBackgroundAudio 停止播放音乐
    • wx.onBackgroundAudioPlay 监听音乐播放
    • wx.onBackgroundAudioPause 监听音乐暂停
    • wx.onBackgroundAudioStop 监听音乐停止

    • wx.createAudioContext 创建并返回 audio 上下文 audioContext 对象

    • wx.chooseVideo 拍摄视频或从手机相册中选视频,返回视频的临时文件路径

    • wx.createVideoContext 创建并返回 video 上下文 videoContext 对象

    • wx.saveFile 保存文件到本地
    • wx.getSavedFileList 获取本地已保存的文件列表
    • wx.getSavedFileInfo 获取本地文件的文件信息
    • wx.removeSavedFile 删除本地存储的文件
    • wx.openDocument 新开页面打开文档,支持格式:doc, xls, ppt, pdf, docx, xlsx, pptx

    • wx.setStorage 将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口
    • wx.setStorageSync 将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口
    • wx.getStorage 从本地缓存中异步获取指定 key 对应的内容
    • wx.getStorageSync 从本地缓存中同步获取指定 key 对应的内容
    • wx.getStorageInfo 异步获取当前storage的相关信息
    • wx.getStorageInfoSync 同步获取当前storage的相关信息
    • wx.removeStorage 从本地缓存中异步移除指定 key
    • wx.clearStorage 清理本地数据缓存
    • wx.clearStorageSync 同步清理本地数据缓存

    获取位置

    • wx.getLocation 获取当前的地理位置、速度
    • wx.chooseLocation 打开地图选择位置

    查看位置

    • wx.openLocation 使用微信内置地图查看位置

    • wx.createMapContext 创建并返回 map 上下文 mapContext 对象

    • wx.getSystemInfo 获取系统信息
    • wx.getSystemInfoSync 获取系统信息同步接口

    • wx.getNetworkType 获取网络类型

    • wx.onAccelerometerChange 监听重力感应数据,频率:5次/秒

    • wx.onCompassChange 监听罗盘数据,频率:5次/秒

    • 拨打电话

    • wx.scanCode 调起客户端扫码界面,扫码成功后返回对应的结果

    • wx.showToast 显示消息提示框
    • wx.hideToast 隐藏消息提示框
    • wx.showModal ​显示模态弹窗
    • wx.showActionSheet 显示操作菜单

    • wx.setNavigationBarTitle 动态设置当前页面的标题
    • wx.showNavigationBarLoading 在当前页面显示导航条加载动画
    • wx.hideNavigationBarLoading 隐藏导航条加载动画

    • wx.navigateTo 保留当前页面,跳转到应用内的某个页面,使用 wx.navigateBack 可以返回到原页面
    • wx.redirectTo 关闭当前页面,跳转到应用内的某个页面
    • wx.switchTab 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
    • wx.navigateBack 关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层

    • wx.createAnimation 创建一个动画实例 animation。调用实例的方法来描述动画。最后通过动画实例的export 方法导出动画数据传递给组件的 animation 属性。
    • animation
    • 动画队列

    • Page.onPullDownRefreshPage 中定义 onPullDownRefresh 处理函数,监听该页面用户下拉刷新事件
    • wx.stopPullDownRefresh 停止当前页面下拉刷新

    • wx.login 调用接口获取登录凭证(code)进而换取用户登录态信息
    • code 换取 session_key
    • 登录态维护
      • 登录时序图
      • wx.checkSession 检查登陆态是否过期
    • 用户数据的签名验证和加解密
      • 数据签名校验
      • 加密数据解密算法

    用户信息

    • wx.getUserInfo 获取用户信息,需要先调用 wx.login 接口说明
    • UnionID 机制说明

    微信支付

    • wx.requestPayment 发起微信支付

    模板消息

    • 使用说明
    • 接口说明
      • 获取 access_token
      • 发送模板消息
      • 下发条件说明
      • 审核说明
      • 违规说明
      • 处罚说明

    客服消息

    • Page.onShareAppMessage

    • 模拟器
    • 调试工具
      • Wxml panel
      • Sources panel
      • Network panel
      • Appdata panel
      • Storage panel
      • Console panel
    • 小程序操作区

    • 文件支持
    • 实时预览
    • 自动保存
    • 自动补全
    • 常用快捷键
      • 格式调整
      • 光标相关
      • 界面相关

    • 显示当前项目细节
    • 提交预览和提交上传
    • 项目配置
      • ES6 转 ES5
      • 监听文件变化,自动刷新开发者工具
      • 压缩代码
      • 样式补全
      • 不校验请求域名及 TLS 版本


    • 怎么获取用户输入
    • 为什么脚本内不能使用window等对象
    • 为什么 zepto/jquery 无法使用
    • wx.navigateTo 无法打开页面
    • 样式表不支持级联选择器
    • 本地资源无法通过 css 获取
    • 如何修改窗口的背景色
    • 为什么上传不成功
    • 网络请求的 referer