微信小程序开发文档-OStack程序员社区-中国程序员成长平台

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› 移动开发›微信小程序开发文档

微信小程序开发文档

RSS

微信小游戏开发文档

微信小游戏的运行环境跟小程序类似，运行在 JavaScriptCore 中，因此没有 DOM、BOM API。与小程序一样，小游戏每次发布需要经过审核。_来自微信小游戏开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:24 | 阅读：251 | 回复：0
微信小程序联系我们

我们建议你先完整阅读该开发文档，这将有助于更快地完成开发。如果发现我们的文档有任何错漏，或者开发过程中有任何疑问，欢迎通过下列邮箱联系我们。[email protected]为方便定位原因，如果是开发过程中的问 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:23 | 阅读：244 | 回复：0
微信小程序 Q&A

不能直接操作 Page.data避免在直接对 Page.data 进行赋值修改，请使用 Page.setData 进行操作才能将数据同步到页面中进行渲染怎么获取用户输入能够获取用户输入的组件，需要使用组件的属性bindchange将用户的输入内 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:23 | 阅读：255 | 回复：0
微信小程序设计规范

微信小程序设计的基本原则是微信设计中心针对在微信类上线的小程序页面总结的设计指南及建议。以下设计原则都是基于对用户的尊重的基础上的，旨在微信生态类建立友好、高效、一致的用户体验的同时，最大程度顺应和支 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:23 | 阅读：273 | 回复：0
微信小程序设计规范（1）友好礼貌

概要基于微信小程序轻快的特点，我们拟定了小程序界面设计指南和建议。设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大程度适应和支持不同需 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:23 | 阅读：269 | 回复：0
微信小程序设计规范（2）清晰明确

二、清晰明确一旦用户进入我们的小程序页面，就有责任和义务清晰明确告知用户身在何处、又可以往何处去，确保用户在页面中游刃有余地穿梭而不迷路，这样才能为用户提供安全的愉悦的使用体验。1. 导航明确，来去自如 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:23 | 阅读：252 | 回复：0
微信小程序设计规范（3）便捷优雅

三、便捷优雅从PC时代的物理键盘鼠标到移动端时代手指，虽然输入设备极大精简，但是手指操作的准确性却大大不如键盘鼠标精确。为了适应这个变化，需要开发者在设计过程中充分利用手机特性，让用户便捷优雅的操控界面 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:23 | 阅读：245 | 回复：0
微信小程序设计规范（4）统一稳定

四、统一稳定除了以上所提到的种种原则，建议接入微信的小程序还应该时刻注意不同页面间的统一性和延续性，在不同的页面尽量使用一致的控件和交互方式。统一的页面体验和有延续性的界面元素都将帮助用最少的学习成本 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:23 | 阅读：254 | 回复：0
微信小程序设计规范（5）视觉规范

五、视觉规范1. 字体规范微信内字体的使用与所运行的系统字体保持一致，常用字号为20，18，17，16，14，13，11（pt），使用场景具体如下：字体颜色主内容Black黑色，次要内容Grey灰色；时间戳与表单缺省值Light灰色 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:23 | 阅读：258 | 回复：0
微信小程序源码分享

微信小程序开发目前可以说是非常火热的，很多小伙伴都在学习这方面的知识。本文将为大家带来众多微信小程序的实例源码，小伙伴们可以根据源码来进行进一步学习。_来自微信小程序开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:23 | 阅读：260 | 回复：0
微信小程序工具库类·国际化

快速入门概览miniprogram-i18n 的用法主要分为四部分。分别是：构建脚本与i18配置、i18n文本定义、WXML中的用法及JavaScript中的用法。安装该方案目前需要依赖 Gulp 并且对源文件目录结构有一定的要求，需要确保小程 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:22 | 阅读：239 | 回复：0
微信小程序插件服务·微信同声传译

微信同声传译微信同声传译插件是微信自研的语音输入，文本翻译等功能的插件封装，用于提供给第三方小程序调用。体验入口语音输入提供语音的实时流式识别能力。通过获取全局唯一的语音识别管理器recordRecoManager实 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:22 | 阅读：222 | 回复：0
微信小程序插件服务·OCR支持

OCR 支持查看本文档前，建议先阅读《小程序插件文档》体验工具小程序 —— 该插件完全使用此插件实现。该插件支持身份证识别，行驶证识别和银行卡识别。小程序码申请权限请在小程序后台搜索本插件（AppID=wx4418e3e0 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:22 | 阅读：229 | 回复：0
微信小程序服务平台·能力介绍

API服务平台除基础组件与接口能力外，「小程序·服务平台」还为小程序开发者提供更丰富的增值能力，开发者可根据需求，选购不同规格的资源包。购买后，通过调用小程序原生快捷接入服务平台内的能力，丰富小程序的功 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:22 | 阅读：248 | 回复：0
微信小程序服务平台·API

服务平台 API2.9.4API 均在wx.serviceMarket对象下。invokeService方法可以通过兼容性配置，无需依赖2.9.4即可使用，配置方法见底部兼容性配置章节说明。从2.11.1_来自微信小程序开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:22 | 阅读：217 | 回复：0
多端开发kbone

多端统一开发工具——kbonekbone 是一个致力于微信小程序和 Web 端同构的解决方案。简介微信小程序的底层模型和 Web 端不同，我们想直接把 Web 端的代码挪到小程序环境内执行是不可能的。kbone 的诞生就是为了解决这 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:22 | 阅读：239 | 回复：0
微信小程序开发文档-腾讯云支持

介绍腾讯云为开发者提供免费的开发环境和生产环境，更加方便、快速、可靠的构建你的小程序。目前服务端支持 NodeJS 和 PHP 两种语言,开发者可以使用开发者工具同时进行服务端和小程序的开发。开发环境免费使用 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:22 | 阅读：272 | 回复：0
微信小程序框架扩展·MobX绑定辅助库

小程序的 MobX 绑定辅助库小程序的 MobX 绑定辅助库。此 behavior 依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。可配合 MobX 的小程序构建版 npm 模块mobx-miniprogram使用。使用方法需要小程序_来自微 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:21 | 阅读：245 | 回复：0
微信小程序工具库类·小程序瘦身工具

小程序瘦身工具通过剔除无用文件、压缩图片、复用代码等方式减少小程序代码包体积。开源项目地址：https://github.com/wechat-miniprogram/miniprogram-slim。安装npm install -g miniprogram-slim使用Usage: minipr ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:21 | 阅读：242 | 回复：0
微信小程序工具库类·TypeScript支持

微信小程序定义文件微信小程序 API 的 TypeScript 类型定义文件安装通过 npm 安装：# 安装对应最新基础库的定义文件npm install miniprogram-api-typings或者通过版本号指定一个基础库版本：# 安装对应基础库版本 2. ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:21 | 阅读：204 | 回复：0
微信小程序工具库类·API Promise化

API Promise化扩展微信小程序api支持promise安装npm install --save miniprogram-api-promise使用在小程序入口（app.js）调用一次promisifyAll，只需要调用一次。示例:import { promisifyAll, promisi_来自微信小程 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:21 | 阅读：219 | 回复：0
微信小程序工具库类·threejs

threejs-miniprogramThree.js 小程序 WebGL 的适配版本。使用可参考example目录下的示例项目或参照以下流程：通过 npm 安装npm install --save threejs-miniprogram安装完成之后在微信开发者工具中点击构_来自微信小 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:21 | 阅读：205 | 回复：0
微信小程序工具库类·lottie

lottie-miniprogramlottie 动画库适配小程序的版本。lottie 的相关介绍与动画生成方法等请参考官方说明依赖小程序基础库版本 = 2.8.0 的环境使用可参考该代码片段：https://developers.weixin.qq.com/s/2TYvm9mJ_来 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:21 | 阅读：235 | 回复：0
微信小程序工具库类·国密算法

sm-crypto小程序 js 库。国密算法 sm2、sm3 和 sm4 的实现。使用此组件需要依赖小程序基础库 2.2.1 以上版本，同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。安装npm install --save miniprogram-sm ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:21 | 阅读：228 | 回复：0
微信小程序扩展组件·纵向选项卡组件

vtabs纵向选项卡组件，需与vtabs-content组件结合使用。属性列表属性类型默认值必填说明vtabsArray是数据项格式为{title}active-tabNumber0否激活 tab 索引tab-bar-classString否选_来自微信小程序开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:20 | 阅读：237 | 回复：0
微信小程序扩展组件·索引列表组件

index-list索引列表组件，可实现类似通讯录效果。组件内节点将被添加到列表上方。示例代码：const res = { result: , fullname: 北京市, id: 110000,_来自微信小程序开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:20 | 阅读：216 | 回复：0
微信小程序扩展组件·小程序弹幕组件

Barrage for MiniProgram小程序弹幕组件。通过 view 的 transform 移动弹幕，覆盖在原生组件上时，请确保组件已经同层化。参考用例使用方法npm 安装npm install --save miniprogram-barrageJSON 组件声明{ using_ ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:20 | 阅读：209 | 回复：0
微信小程序扩展组件·可选文本组件

select-text可选文本组件。该组件有两种使用模式：长按出现选区，与浏览器默认效果一致；长按出现复制按钮，点击复制拷贝全部内容至剪贴板，常见于聊天对话框等场景。需注意的时，为实现点击其它区域隐藏复制按钮， ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:20 | 阅读：212 | 回复：0
微信小程序扩展组件·绘制canvas

wxml-to-canvas小程序内通过静态模板和样式绘制 canvas ，导出图片，可用于生成分享图等场景。使用方法Step1. npm 安装npm install --save wxml-to-canvasStep2. JSON 组件声明{ usingComponents: {_来自微信小程序 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:20 | 阅读：239 | 回复：0
微信小程序框架扩展·computed

computed小程序自定义组件扩展 behavior，计算属性computed和监听器watch的实现。在 data 或者 properties 改变时，会重新计算computed字段并触发watch监_来自微信小程序开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:20 | 阅读：253 | 回复：0
微信小程序 WeUI·搜索组件

Searchbar搜索组件Searchbar提供搜索的功能，并展示搜索的结果。示例代码：{ usingComponents: { mp-searchbar: ../components/searchbar/searchbar }, navigationBarTitl_来自微信小程序开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:19 | 阅读：209 | 回复：0
微信小程序 WeUI·其他组件

其他组件出于性能考虑，weui-miniprogram并没有对所有 WeUI 组件进行封装（如：flex布局组件），可以直接使用 WeUI 中定义的组件结构（参考Demo）。示例代码在引入 weui.wxss 后，可以直接使用 weui-wxss 中定义的 c ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:19 | 阅读：218 | 回复：0
微信小程序扩展组件·仿微信表情组件

emoji仿微信表情组件。使用前需将文档下方提供的表情雪碧图上传CDN，再传入表情组件。为提升首次加载表情图片的性能，可通过image组件提前触发雪碧图的下载，利用浏览器的缓存机制。在不使用表情面板的页面，可将emo ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:19 | 阅读：210 | 回复：0
微信小程序扩展组件·视频滑动切换组件

video-swiper视频滑动切换组件，可实现类似微视无限视频列表效果。使用说明video-list 的长度应当不低于 3 个，当滚动到首项或者尾项后，会进入循环。通过 setData 更改 video-list，会直接追加到之前的视频源中。可 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:19 | 阅读：220 | 回复：0
微信小程序扩展组件·小程序长列表组件

recycle-view小程序长列表组件使用此组件需要依赖小程序基础库 2.2.2 版本，同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。背景目前小程序会有不少的应用场景里会用到无限长列表的交互，当一个页 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:19 | 阅读：229 | 回复：0
微信小程序扩展组件·粘性布局组件

sticky粘性布局组件。Sticky 组件与 CSS 中position: sticky属性实现的效果一致，当组件在屏幕范围内时，会按照正常的布局排列，当组件滚出屏幕范围时，始终会固定在屏幕顶部。属性列表属性 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:19 | 阅读：225 | 回复：0
微信小程序扩展组件·选项卡组件

tabs选项卡组件。view class=page mp-tabs tabs={{tabs}} activeTab={{activeTab}} swiperClass=weui-tabs-swiper bindtabc_来自微信小程序开发文档……

作者：菜鸟教程小白 | 时间：2022-2-2 16:19 | 阅读：202 | 回复：0
微信小程序扩展组件·row/col 组件

row/col 组件按照栅格化布局思路，再加上响应式布局的特性，提供了 row/col 两个基础布局组件，用来帮助开发者快速适配多屏应用。核心概念是将整个屏幕宽度分为24单位，每个单位的大小，由当前屏幕尺寸决定的。例如 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:19 | 阅读：228 | 回复：0
微信小程序 WeUI·Slideview

Slideview左滑删除组件，基础库 2.4.4 开始支持。示例代码：{ usingComponents: { mp-cells: ../components/cells/cells, mp-cell: ../components/cell/cell,_来自微信小程序开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 16:18 | 阅读：235 | 回复：0
微信小程序 WeUI·Uploader

图片上传Uploader组件。示例代码：{ usingComponents: { mp-uploader: ../components/uploader/uploader, mp-cells: ../components/cells/cells, m_来自微信小程序开发文档……

作者：菜鸟教程小白 | 时间：2022-2-2 16:18 | 阅读：206 | 回复：0

12 3 4 5 6 7 8 9 10 ... 21 / 21 页下一页

客服电话

电子邮件

微信小程序开发文档

关于我们

产品与服务

解决方案

139-2527-9053