下载APP 把W3Cschool装进口袋
返回 首页

微信小程序开发文档

开始阅读

手册说明:

一、关于微信小程序开发者文档


这份微信小程序开发者文档是微信公众平台官方团队发布,由W3Cschool编辑整理完成,方便开发者查阅学习,并添加拓展了《微信小程序设计规范》等相关知识,使该文档内容更加丰富。

学习小程序开发之前,请确保您已经具备基本的WEB前端能力:进行前端能力测试



微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。微信“小程序”可以为开发者提供基于微信的表单、导航、地图、媒体和位置等开发组件,让他们在微信的网页里构建一个HTML 5应用。同时微信还开放了登录和微信支付等接口,让这个“小程序”可以和用户的微信账号打通。微信将“小程序”定义为“一种新的应用形态”。微信方面强调,小程序、订阅号、服务号、企业号目前是并行的体系。


二、走进《微信小程序开发文档


“工欲善其事,必先利其器”如果你想开发小程序,必须先学会一套微信特制的「开发语言」。为了让大家更快的上手这门开发语言,W3Cschool官网 为广大小程序开发者收集整理了一份十分详细的开发文档。


详细的介绍了微信小程序向开发者开放的下列API接口:


虽然微信小程序本质上来说就是一个HTML 5(移动网页)应用,但与那些经常在朋友圈刷屏的 H5 小游戏或者应用不同的是,微信小程序获得更多的系统权限。首先是数据缓存能力,这可以让用户在打开一个小程序的时候将程序的主要框架缓存到微信上,下一次就可以快速打开了。微信创始人张小龙曾说过,微信应用号希望实现的目标是“用完即走,无需安装和卸载”,也就是说以后当你要使用一个应用时,只需要在微信里搜索就可以直接使用了。


微信小程序开发文档》让微信小程序开发者开发微信小程序,触手可及随手可得。


想要熟悉小程序,光看是不行的,还需要动手去做。当然了想要开发微信小程序光有开发文档可是不够的,还需要HTML、JS、CSS等基本的WEB前端能力。在W3Cschool官网首页,你同样可以找到这些教程与手册。

如果开发过程中遇到问题,最好的办法就是查阅《微信小程序开发文档》,相信在文档中,你能找到绝大部分问题的解决办法。

同时你还可以在《微信小程序资源汇总》找到更多微信小程序资源。


三、小程序开发工具下载


最新版本 0.11.112300


小程序开发交流群:540453342


想要第一时间获得微信小程序的最新教程资料,就通过下方二维码关注 w3c技术教程 吧!


w3cschoolcn


更新记录
  • 微信小程序表单组件picker-view(嵌入页面的滚动选择器)
    02-20 14:28
  • 微信小程序表单组件 picker
    02-20 14:26
    微信小程序 注册页面 Page()函数
    02-07 11:20
    微信小程序 列表渲染 wx:for
    02-07 11:16
    微信小程序 WXML
    02-07 11:08
    微信小程序表单组件 picker
    02-07 11:06
    微信小程序滑块视图容器 swiper
    02-07 11:00
    微信小程序API 导航
    01-10 22:21
    微信小程序API 导航
    01-10 22:19
    微信小程序API 导航
    01-10 18:14
目录
微信小程序开发教程手册文档
体验微信小程序

微信小程序 框架(MINA)

MINA 文件结构
小程序配置

微信小程序框架逻辑层(App Service)

微信小程序 注册程序 App()函数
微信小程序 场景值
微信小程序 注册页面 Page()函数
微信小程序 页面路由
微信小程序 模块化
小程序 API

微信小程序框架视图层(View)

微信小程序 WXML

微信小程序 数据绑定
微信小程序 列表渲染 wx:for
微信小程序 条件渲染 wx:if
微信小程序 模板(template)
微信小程序 事件
微信小程序 WXML提供了import和include引用方式

微信小程序 WXS

微信小程序 WXS模块
微信小程序 变量
微信小程序 注释
微信小程序 运算符
微信小程序 语句
微信小程序 数据类型
微信小程序 基础类库
微信小程序 WXSS
微信小程序 基础组件
微信小程序 基础库
微信小程序 兼容
微信小程序 运行机制

性能

微信小程序 性能Trace工具
微信小程序 优化建议

微信小程序 基础组件

视图容器

微信小程序视图容器 view
微信小程序可滚动视图区域 scroll-view
微信小程序滑块视图容器 swiper
微信小程序视图容器 movable-area
微信小程序视图容器 cover-view

基础内容

微信小程序内容组件图标 icon
微信小程序内容组件 text(文本)
微信小程序内容组件 rich-text
微信小程序内容组件 进度条:progress

微信小程序表单组件

微信小程序按钮组件:button
微信小程序表单组件 checkbox
微信小程序表单组件 form
微信小程序表单组件输入框 input
微信小程序表单组件 label
微信小程序表单组件 picker
微信小程序表单组件picker-view(嵌入页面的滚动选择器)
微信小程序表单组件单选框 radio
微信小程序表单组件滑动选择器 slider
微信小程序表单组件 开关 switch
微信小程序表单组件多行输入框 textarea

导航

微信小程序导航 navigator

媒体组件

微信小程序媒体组件 audio
微信小程序媒体组件 image
微信小程序媒体组件 video(视频)
微信小程序媒体组件 camera

地图

微信小程序地图 map

画布

微信小程序画布 canvas

开放数据

微信小程序开放数据 open-data
微信小程序承载网页 web-view

客服会话

微信小程序组件 contact-button(客服会话按钮)

微信小程序 API

微信小程序API 网络

微信小程序API 发起请求
微信小程序API 上传、下载
微信小程序API Websocket

媒体

微信小程序API 图片
微信小程序API 录音
微信小程序API 音频播放控制
微信小程序API 音乐播放控制
微信小程序API 背景音频播放管理
微信小程序音频组件控制wx.createAudioContext(audioId)
微信小程序API 视频
微信小程序视频组件控制wx.createVideoContext(videoId)
微信小程序相机组件控制wx.createCameraContext(this)

文件

微信小程序API 文件

数据

微信小程序API 数据缓存

微信小程序API 位置

微信小程序API 获取位置
微信小程序API 查看位置
微信小程序API 地图组件控制

微信小程序 设备

微信小程序API-设备-系统信息
微信小程序API-设备- 网络状态
微信小程序API-设备-加速度计
微信小程序API-设备-罗盘
微信小程序API-设备-拨打电话
微信小程序API-设备-扫码
微信小程序API-设备-剪贴板
微信小程序API 蓝牙适配器接口
微信小程序API-设备-iBeacon
微信小程序API-设备-屏幕亮度
微信小程序API-设备-用户截屏事件
微信小程序API-设备-振动
微信小程序API-设备-手机联系人

界面

微信小程序API 交互反馈
微信小程序API 设置导航条
微信小程序API 设置置顶信息
微信小程序API 导航
微信小程序API 动画
微信小程序API 位置

微信小程序API 绘图接口(reference)、方法大全

微信小程序API 绘图介绍(如何在Canvas上画图)
微信小程序API coordinates(Canvas 坐标系)
微信小程序API gradient(如何绘制渐变效果)
微信小程序API color(绘图颜色)
微信小程序API wx.createCanvasContext(canvasId)(绘图上下文)
微信小程序API 创建并返回上下文 wx.createContext (不推荐使用)
微信小程序API 绘图·绘制画布 drawCanvas (不推荐使用)
微信小程序API 绘图·导出图片canvasToTempFilePath(OBJECT)
微信小程序API 绘图·设置填充样式setFillStyle
微信小程序API 绘图setStrokeStyle(设置线条样式)
微信小程序API 绘图setShadow(设置阴影样式)
微信小程序API 绘图createLinearGradient(创建线性渐变)
微信小程序API 绘图createCircularGradient(创建圆形渐变)
微信小程序API绘图addColorStop(创建颜色渐变点)
微信小程序API 绘图setLineWidth(设置线条宽度)
微信小程序API 绘图setLineCap(设置线条端点样式)
微信小程序API 绘图setLineJoin(设置线条交点样式)
微信小程序API 绘图setMiterLimit(设置最大倾斜)
微信小程序API 绘图rect创建矩形
微信小程序API 绘图fillRect(填充矩形)
微信小程序API 绘图strokeRect(画一个矩形,非填充)
微信小程序API 绘图clearRect(在给定的矩形区域内,清除画布上的像素)
微信小程序API 绘图fill(对当前路径进行填充)
微信小程序API 绘图stroke(对当前路径进行描边)
微信小程序API 绘图beginPath(开始一个路径)
微信小程序API 绘图closePath(关闭一个路径)
微信小程序使用moveTo把路径移动到画布中的指定点,不创建线条
微信小程序中使用lineTo方法增加一个新点
使用arc()方法在微信小程序canvas中画弧线
在微信小程序绘图API中创建二次方贝塞尔曲线
在微信小程序API绘图中创建三次方贝塞尔曲线路径
在微信小程序中调用scale方法对横纵坐标进行缩放
微信小程序API 绘图对坐标轴进行顺时针旋转
微信小程序canvas中使用translate对坐标原点进行缩放
微信小程序API 绘图setFontSize(设置字号)
微信小程序绘图API中使用fillText在画布上绘制被填充的文本
微信小程序API·setTextAlign(用于设置文字的对齐)
微信小程序API·setTextBaseline(设置文字水平对齐)
微信小程序API中,使用drawImage完成绘制图像,图像保持原始尺寸
微信小程序API 绘图中使用setGlobalAlpha设置全局画笔透明度
微信小程序save/restore(保存和恢复绘图上下文)
微信小程序API 绘图·draw(进行绘图)
微信小程序API 绘图·getActions(不推荐使用)
微信小程序API 绘图·clearActions (不推荐使用)
微信小程序API 下拉刷新

WXML节点信息

微信小程序API WXML节点信息

第三方平台

微信小程序API 第三方平台

开放接口

微信小程序API 登录

微信小程序API 用户数据的签名验证和加解密
微信小程序API 在设置界面中修改对该小程序的授权信息
微信小程序API 用户信息 wx.getUserInfo(OBJECT)
微信小程序API 微信支付
微信小程序API 模板消息

微信小程序API 客服消息

微信小程序API 接收消息和事件
微信小程序API 发送客服消息
微信小程序API 转发消息
微信小程序API 临时素材接口
微信小程序API 接入指引
微信小程序API 转发 (Page.onShareAppMessage)
微信小程序API 获取小程序页面二维码
微信小程序API 收货地址
微信小程序API Card卡券
微信小程序API 调起客户端小程序设置界面
微信小程序API 获取用户过去三十天微信运动步数
微信小程序API 打开小程序
微信小程序API 获取发票抬头
微信小程序API 生物认证

数据

常规分析

微信小程序API 数据常规分析 概况
微信小程序API 数据·访问分析
微信小程序API 数据·用户画像

自定义分析

微信小程序API 数据·自定义数据上报

拓展接口

微信小程序 拓展接口

调试接口

微信小程序API 打开/关闭调试

微信小程序 工具

微信小程序工具 概览
微信小程序工具 程序调试的三大主要功能区
微信小程序工具 特殊API的调试
微信小程序工具 命令行调用
微信小程序工具 HTTP调用
微信小程序工具 代码编辑
微信小程序工具 设置
微信小程序工具 项目页卡三大主要功能
微信小程序工具 第三方平台
微信小程序工具 下载地址
微信小程序工具细节点
微信小程序工具 beta版本下载
微信小程序 联系我们
微信小程序 Q&A

微信小程序设计规范

微信小程序设计规范(1) 友好礼貌
微信小程序设计规范(2) 清晰明确
微信小程序设计规范(3) 便捷优雅
微信小程序设计规范(4) 统一稳定
微信小程序设计规范(5) 视觉规范
微信小游戏开发文档

关闭