微信小程序开发文档

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

RSS

微信小程序表单组件 checkbox

微信小程序表单组件 checkboxcheckbox-group多项选择器，内部由多个checkbox组成。属性名_来自微信小程序开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:59 | 阅读：89 | 回复：0
微信小程序表单组件 form

微信小程序form基础库 1.0.0 开始支持，低版本需做兼容处理。表单。将组件内的用户输入的switchinputcheckboxsliderradiopicker提交。当点击form表单中 f_来自微信小程序开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:59 | 阅读：83 | 回复：0
运行机制

运行机制小程序没有重启的概念当小程序进入后台，客户端会维持一段时间的运行状态，超过一定时间后（目前是5分钟）会被微信主动销毁置顶的小程序不会被微信主动销毁当收到系统内存告警也会进行小程序的销毁再次打开 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:58 | 阅读：87 | 回复：0
微信小程序基础组件

基础组件框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。什么是组件：组件是视图层的基本组成单元。组件自 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:58 | 阅读：87 | 回复：0
微信小程序视图容器 view

view视图容器。属性类型默认值必填说明最低版本hover-classstringnone否指定按下去的样式类。当hover-class=none时，没有点击态效果1.0.0hover-stop-propagationbooleanfalse否指定是否阻止本节点的祖先节点_来自微 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:58 | 阅读：73 | 回复：0
微信小程序视图容器 scroll-view

scroll-view可滚动视图区域。属性名类型默认值说明 scroll-x_来自微信小程序开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:58 | 阅读：76 | 回复：0
微信小程序滑块视图容器滑块视图容器

swiper基础库 1.0.0 开始支持，低版本需做兼容处理。滑块视图容器。属性类型默认值必填说明最低版本indicator-dotsbooleanfalse否是否显示面板指示点1.0.0indicator-colorcolorrgba(0, 0, 0, .3)否指示点颜色1.1.0in ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:58 | 阅读：87 | 回复：0
微信小程序视图容器 movable-area

movable-area基础库 1.2.0 开始支持，低版本需做兼容处理movable-view 的可移动区域注意：movable-area 必须设置width和height属性，不设置默认为10pxmovable-view基础库 1.2.0 开始支持，低版本需做兼容处理可移动 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:58 | 阅读：96 | 回复：0
微信小程序视图容器 cover-view

cover-view基础库 1.4.0 开始支持，低版本需做兼容处理。覆盖在原生组件之上的文本视图。可覆盖的原生组件包括map、video、canvas、camera、live-player、live-pusher只支持嵌套cover-view、cover-image，可在&_来自 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:58 | 阅读：68 | 回复：0
微信小程序视图容器 cover-image

cover-image基础库 1.4.0 开始支持，低版本需做兼容处理。覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view，支持嵌套在cover-view里。属性类型默认值必填说明最低版本srcstring否图标路径，支持临时路 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:58 | 阅读：66 | 回复：0
微信小程序 WXSS

WXSSWXSS(WeiXin Style Sheets)是一套样式语言，用于描述WXML的组件样式。WXSS用来决定WXML的组件应该怎么显示。为了适应广大的前端开发者，我们的WXSS具有CSS大部分特性。同时为了更适合开发微信小程序，我们对CSS ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:57 | 阅读：90 | 回复：0
微信小程序基础组件

基础组件框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。详细介绍请参考组件文档_来自微信小程序开发文档……

作者：菜鸟教程小白 | 时间：2022-2-2 14:57 | 阅读：76 | 回复：0
简易双向绑定

基础库 2.9.3 开始支持，低版本需做兼容处理。双向绑定语法在 WXML 中，普通的属性的绑定是单向的。例如：input value={{value}} /如果使用this.setData({ value: 'leaf' })_来自微信小程序开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:57 | 阅读：99 | 回复：0
性能

目前，我们提供了两种性能分析工具，和几个性能优化上的建议，开发者可以参考使用。分析工具优化建议_来自微信小程序开发文档……

作者：菜鸟教程小白 | 时间：2022-2-2 14:57 | 阅读：102 | 回复：0
微信小程序性能Trace工具

微信 Andoid 6.5.10 开始，我们提供了 Trace 导出工具，开发者可以在开发者工具 Trace Panel 中使用该功能。使用方法PC 上需要先安装adb工具，可以参考一些主流教程进行安装，Mac 上可使用 brew 直接安装。确定adb工 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:57 | 阅读：74 | 回复：0
微信小程序优化建议

setDatasetData是小程序开发中使用最频繁的接口，也是最容易引发性能问题的接口。在介绍常见的错误用法前，先简单介绍一下setData背后的工作原理。工作原理小程序的视图层目前使用 WebView 作为渲染载体，而逻辑层是 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:57 | 阅读：81 | 回复：0
基础库

基础库与客户端之间的关系小程序的能力需要微信客户端来支撑，每一个基础库都只能在对应的客户端版本上运行，高版本的基础库无法兼容低版本的微信客户端。关于基础库的兼容方法，可以查看「兼容处理」章节。基础库更 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:57 | 阅读：70 | 回复：0
兼容

小程序的功能不断的增加，但是旧版本的微信客户端并不支持新功能，所以在使用这些新能力的时候需要做兼容。文档会在组件，API等页面描述中带上各个功能所支持的版本号。可以通过wx.getSystemInfo或者wx.getSystemInf ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:57 | 阅读：73 | 回复：0
微信小程序 WXS

WXSWXS（WeiXin Script）是小程序的一套脚本语言，结合WXML，可以构建出页面的结构。注意:wxs 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。wxs 与 javascript 是不同的语言，有自己的语法，并不和 j ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:56 | 阅读：79 | 回复：0
微信小程序 WXS模块

WXS 模块WXS 代码可以编写在 wxml 文件中的wxs标签内，或以 .wxs 为后缀名的文件内。模块每一个 .wxs 文件和wxs标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数，_来自微 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:56 | 阅读：94 | 回复：0
微信小程序变量

概念WXS 中的变量均为值的引用。没有声明的变量直接赋值使用，会被定义为全局变量。如果只声明变量而不赋值，则默认值为undefined。var表现与javascript一致，会有变量提升。var foo = 1;var bar = hello world;var ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:56 | 阅读：67 | 回复：0
微信小程序注释

WXS 主要有 3 种注释的方法。示例代码：!-- wxml --wxs module=sample// 方法一：单行注释/*方法二：多行注释*//*方法三：结尾注释。即从 /* 开始往后的所有 WXS 代码均被注释var a = 1;var b = 2;var_来自微信小程 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:56 | 阅读：92 | 回复：0
微信小程序运算符

基本运算符示例代码：var a = 10, b = 20;// 加法运算console.log(30 === a + b);// 减法运算console.log(-10 === a - b);// 乘法运算console.log(200 === a * b);// 除法运算cons_来自微信小程序开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:56 | 阅读：74 | 回复：0
微信小程序语句

if 语句在 WXS 中，可以使用以下格式的if语句：if (expression) statement：当expression为 truthy 时，执行statement。if (expression) statement_来自微信小程序开发文档……

作者：菜鸟教程小白 | 时间：2022-2-2 14:56 | 阅读：86 | 回复：0
微信小程序数据类型

数据类型WXS 语言目前共有以下几种数据类型：number：数值string：字符串boolean：布尔值object：对象function：函数array: 数组date：日期regexp：正则number语法number 包括两种数值：整数，小数。var a_来自微信 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:56 | 阅读：82 | 回复：0
微信小程序基础类库

consoleconsole.log方法用于在 console 窗口输出信息。它可以接受多个参数，将它们的结果连接起来输出。Math属性ELN10LN2LOG2ELOG10EPISQRT1_2SQRT2以上属性的具体使用请参考ES5标准。方法absacosasin_来自微信小程 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:56 | 阅读：83 | 回复：0
微信小程序 WXML

WXMLWXML(WeiXin Markup Language)是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。用以下一些简单的例子来看看WXML具有什么能力：数据绑定!--wxml--view {{message}} /view&g_来自微信小 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:55 | 阅读：75 | 回复：0
微信小程序数据绑定

数据绑定WXML中的动态数据均来自对应Page的data。简单绑定数据绑定使用Mustache语法（双大括号）将变量包起来，可以作用于：内容view {{ message }} /viewPage({ data: { message: 'Hel_来自微信小程序开发 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:55 | 阅读：69 | 回复：0
微信小程序列表渲染 wx:for

wx:for在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 itemview wx:for={{array}} {{index}}: {{item. ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:55 | 阅读：63 | 回复：0
微信小程序条件渲染 wx:if

wx:if在框架中，我们用wx:if={{condition}}来判断是否需要渲染该代码块：view wx:if={{condition}} True /view 也可以用wx:elif和wx:else来添加一个else块：view wx:if=_来自微信小程序开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:55 | 阅读：63 | 回复：0
微信小程序模板(template)

模板WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。定义模板使用name属性，作为模板的名字。然后在template/内定义代码片段，如：!-- index: int msg: string time: string--&g_来 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:55 | 阅读：67 | 回复：0
微信小程序事件

什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。_来自微信小程序开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:55 | 阅读：83 | 回复：0
微信小程序 WXML提供了import和include引用方式

引用WXML提供两种文件引用方式import和include。importimport可以在该文件中使用目标文件定义的template，如：在item.wxml中定义了一个叫item的template：!-- item.wxml --template name=item_来自微信小程序开发文 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:55 | 阅读：64 | 回复：0
微信小程序框架逻辑层(App Service)

逻辑层(App Service)小程序开发框架的逻辑层是由JavaScript编写。逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。在 JavaScript 的基础上，我们做了一些修改，以方便地开发小程序。增加 App 和 Pag ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:54 | 阅读：81 | 回复：0
微信小程序注册程序 App()函数

AppApp()App()函数用来注册一个小程序。接受一个object参数，其指定小程序的生命周期函数等。object参数说明：属性类型描述触发时机_来自微信小程序开 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:54 | 阅读：80 | 回复：0
微信小程序场景值

场景值列表关于场景值的详细说明和获取方式请参考指南-场景值场景值ID说明图例1000其他/1001发现栏小程序主入口，「最近使用」列表（基础库2.2.4版本起包含「我的小程序」列表）/1005微信首页顶部搜索框的搜索结果页 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:54 | 阅读：62 | 回复：0
微信小程序注册页面 Page()函数

PagePage() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。object 参数说明：属性类型描述dataObject页面的初始数据onLoadFunction生命周期函数--监听页面加载 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:54 | 阅读：72 | 回复：0
微信小程序页面路由

页面路由在小程序中所有页面的路由全部由框架进行管理。页面栈框架以栈的形式维护了当前的所有页面。当发生路由切换的时候，页面栈的表现如下：路由方式页面栈表现初始化新页面入栈打开新页面新页面入栈页面重定向当 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:54 | 阅读：74 | 回复：0
微信小程序模块化

文件作用域在JavaScript文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。通过全局函数getApp()可以获取全局的应用实例，如果需要全局的数据可以在App()中设置， ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:54 | 阅读：66 | 回复：0
小程序 API

小程序API小程序开发框架MINA提供丰富的微信原生API，可以方便的调起微信提供的能力，如获取用户信息，本地存储，支付功能等。详细介绍请参考微信小程序API文档_来自微信小程序开发文档 ...……

作者：菜鸟教程小白 | 时间：2022-2-2 14:54 | 阅读：81 | 回复：0

1 ... 13 14 15 161718 19 20 21 / 21 页下一页

客服电话

电子邮件

微信小程序开发文档

关于我们

产品与服务

解决方案

139-2527-9053