当前位置:首页 > 小程序教程 > 小程序基础

小程序基础

微信小程序API

4

API小程序开发框架提供丰富的微信原生API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等。详细介绍请参考API文档。通常,在小程序API有以下几种类型:事件监听API我们约定,以on开头的API用来监听某个事件是否触

微信小程序周期性更新

22

周期性更新基础库2.8.0开始支持,低版本需做兼容处理。生效条件:用户七天内使用过的小程序周期性更新能够在用户未打开小程序的情况下,也能从服务器提前拉取数据,当用户打开小程序时可以更快地渲染页面,减少用户等待时间,增强在弱网条件下的可用性。

微信小程序小程序代码构成

5

小程序代码构成​在上一章中,我们通过开发者工具快速创建了一个QuickStart项目。你可以留意到这个项目里边生成了不同类型的文件:.json后缀的JSON配置文件.wxml后缀的WXML模板文件.wxss后缀的WXSS样式文件.js后缀的

目录结构

6

目录结构小程序包含一个描述整体程序的app和多个描述各自页面的page。一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:文件必需作用app.js是小程序逻辑app.json是小程序公共配置app.wxss否小程序公共样式表一个

微信小程序 NFC

60

NFC支持HCE(基于主机的卡模拟)模式,即将安卓手机模拟成实体智能卡。支持NFC读写,即手机作为读卡器使用。适用机型:支持NFC功能,且系统版本为Android5.0及以上的手机适用卡范围:符合ISO14443-4标准的CPU卡支持Rea

微信小程序组件模板和样式

4

组件模板和样式类似于页面,自定义组件拥有自己的wxml模板和wxss样式。组件模板组件模板的写法与页面模板相同。组件模板与组件数据结合后生成的节点树,将被插入到组件的引用位置上。在组件模板中可以提供一个<slot>节点,用于承载

小程序注册页面

13

对于小程序中的每个页面,都需要在页面对应的js文件中进行注册,指定页面的初始数据、生命周期回调、事件处理函数等。使用Page构造器注册页面简单的页面可以使用Page()进行构造。代码示例://index.jsPage({data:{text

逻辑层AppService

8

小程序开发框架的逻辑层使用JavaScript引擎为小程序提供开发JavaScript代码的运行环境以及微信小程序的特有功能。逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。开发者写的所有代码最终将会打包成一份JavaScri

微信小程序 低版本兼容

23

兼容小程序的功能不断的增加,但是旧版本的微信客户端并不支持新功能,所以在使用这些新能力的时候需要做兼容。开发者可以通过以下方式进行低版本的兼容:1.版本号比较微信客户端和小程序基础库的版本号风格为Major.Minor.Patch(主版本号

微信小程序WXS

15

WXSWXS(WeiXinScript)是小程序的一套脚本语言,结合WXML,可以构建出页面的结构。注意WXS不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。WXS与JavaScript是不同的语言,有自己的语法,并不和JavaS

微信小程序 广告·Grid广告

11

Grid广告小程序广告流量主操作指引:文档地址开发者可以使用ad组件创建Grid广告组件,Grid广告组件在创建后会自动拉取广告数据并显示。广告尺寸设置Grid广告不允许直接设置样式属性,默认宽度为100%(width:100%),高度会自

微信小程序 转发

7

转发获取更多转发信息通常开发者希望转发出去的小程序被二次打开的时候能够获取到一些信息,例如群的标识。现在通过调用wx.showShareMenu并且设置withShareTicket为true,当用户将小程序转发到任一群聊之后,此转发卡片在

体验微信小程序

3

开发者可使用微信客户端(6.7.2及以上版本)扫码下方小程序码,体验小程序。1源码查看:查看小程序示例源码

微信小程序 数据预拉取

28

数据预拉取预拉取能够在小程序冷启动的时候通过微信后台提前向第三方服务器拉取业务数据,当代码包加载完时可以更快地渲染页面,减少用户等待时间,从而提升小程序的打开速度。使用流程1.配置数据下载地址登录小程序MP管理后台,进入设置->开发设

微信小程序 消息·位置消息

14

位置消息微信客户端7.0.9及以上版本支持,iOS暂不支持为了让用户更便捷地使用小程序的打车服务,我们在位置消息详情页的菜单中,新增了打车小程序入口。打开聊天中的位置消息,点击详情页右下角绿色按钮,菜单中会展示符合条件的打车小程序,用户可以

微信小程序 用户信息·生物认证

20

生物认证小程序通过SOTER提供以下生物认证方式。目前暂时只支持指纹识别认证。设备支持的生物认证方式可使用wx.checkIsSupportSoterAuthentication查询调用流程流程步骤说明调用wx.startSoterAuth

微信小程序 广告·原生模板广告

12

原生模板广告小程序广告流量主操作指引:文档地址开发者可以使用ad-custom组件创建原生模板广告组件,原生模板广告组件在创建后会自动拉取广告数据并显示。广告尺寸设置原生模板广告不允许直接设置样式属性,默认宽度为100%(width:100

微信小程序抽象节点

5

抽象节点这个特性自小程序基础库版本1.9.6开始支持。在组件中使用抽象节点有时,自定义组件模板中的一些节点,其对应的自定义组件不是由自定义组件本身确定的,而是自定义组件的调用者确定的。这时可以把这个节点声明为“抽象节点”。例如,我们现在来实

微信小程序画布

14

canvas画布所有在canvas中的画图必须用javascript完成:wxml:(我们在接下来的例子中如无特殊声明都会用这个wxml为模板,不再重复)<canvascanvas-id="mycanvas"style="border

微信小程序 启动性能

15

启动性能小程序启动是小程序用户体验中极为重要的一环,启动耗时过长会造成小程序用户流失。本章节的启动只包括小程序冷启动,不包括小程序后台切前台的热启动。一、启动流程在进行启动优化之前,先简单介绍以下小程序的启动过程。在小程序启动过程中,主要包