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

小程序基础

微信小程序behaviors

7

behaviorsbehaviors是用于组件间代码共享的特性,类似于一些编程语言中的“mixins”或“traits”。每个behavior可以包含一组属性、数据、生命周期函数和方法。组件引用它时,它的属性、数据和方法会被合并到组件中,生

微信小程序 广告·Grid广告

19

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

微信小程序sitemap配置

10

微信现已开放小程序内搜索,开发者可以通过sitemap.json配置,或者管理后台页面收录开关来配置其小程序页面是否允许微信索引。当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索词条触发该索引时,小程序

微信小程序纯数据字段

9

纯数据字段纯数据字段是一些不用于界面渲染的data字段,可以用于提升页面更新性能。从小程序基础库版本2.8.2开始支持。组件数据中的纯数据字段有些情况下,某些data中的字段(包括setData设置的字段)既不会展示在界面上,也不会传递给其

微信小程序响应显示区域变化

15

响应显示区域变化显示区域尺寸显示区域指小程序界面中可以自由布局展示的区域。在默认情况下,小程序显示区域的尺寸自页面初始化起就不会发生变化。但以下两种方式都可以改变这一默认行为。在手机上启用屏幕旋转支持从小程序基础库版本2.4.0开始,小程序

微信小程序 数据预拉取

29

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

微信小程序小程序宿主环境

8

小程序宿主环境我们称微信客户端给小程序所提供的环境为宿主环境。小程序借助宿主环境提供的能力,可以完成许多普通网页无法完成的功能。上一章中我们把小程序涉及到的文件类型阐述了一遍,我们结合QuickStart这个项目来讲一下这些文件是怎么配合工

微信小程序 用户信息·获取手机号

24

获取手机号获取微信用户绑定的手机号,需先调用wx.login接口。因为需要用户主动触发才能发起获取手机号接口,所以该功能不由API来调用,需用button组件的点击来触发。注意:目前该接口针对非个人开发者,且完成了认证的小程序开放(不包含海

微信小程序 转发

9

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

微信小程序 打开App

57

打开App此功能需要用户主动触发才能打开APP,所以不由API来调用,需要用open-type的值设置为launchApp的button组件的点击来触发。当小程序从APP分享消息卡片的场景打开(场景值1036,APP分享小程序文档iOS/A

微信小程序模块化

5

模块化可以将一些公共的代码抽离成为一个单独的js文件,作为一个模块。模块只有通过module.exports或者exports才能对外暴露接口。注意:exports是module.exports的一个引用,因此在模块里边随意更改export

微信小程序 NFC

63

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

微信小程序页面配置

5

页面配置每一个小程序页面也可以使用同名.json文件来对本页面的窗口表现进行配置,页面中配置项会覆盖app.json的window中相同的配置项。完整配置项说明请参考小程序页面配置例如:{"navigationBarBackgroundCo

体验微信小程序

5

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

目录结构

8

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

微信小程序页面路由

14

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

微信小程序注册页面

5

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

微信小程序 运行时性能

17

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

微信小程序 用户信息·小程序登录

14

小程序登录小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系。登录流程时序说明:调用wx.login()获取临时登录凭证code,并回传到开发者服务器。调用auth.code2Session接口

微信小程序插件功能页

31

插件功能页插件功能页从小程序基础库版本2.1.0开始支持。某些接口不能在插件中直接调用(如wx.login),但插件开发者可以使用插件功能页的方式来实现功能。目前,插件功能页包括:获取用户信息,包括openid和昵称等(相当于wx.logi