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

小程序基础

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

5

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

微信小程序 用户信息·开放数据校验与解密

15

服务端获取开放数据小程序可以通过各种前端接口获取微信提供的开放数据。考虑到开发者服务端也需要获取这些开放数据,微信提供了两种获取方式:方式一:开发者后台校验与解密开放数据方式二:云调用直接获取开放数据(云开发)方式一:开发者后台校验与解密开

小程序注册页面

13

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

微信小程序WXS

15

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

微信小程序存储

8

存储每个微信小程序都可以有自己的本地缓存,可以通过wx.setstorage/wx.setstoragesync、wx.getstorage/wx.getstoragesync、wx.clearstorage/wx.clearstorage

微信小程序周期性更新

22

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

微信小程序 数据预拉取

28

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

微信小程序画布

14

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

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

4

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

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

6

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

微信小程序抽象节点

5

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

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

14

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

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

12

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

体验微信小程序

3

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

逻辑层AppService

9

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

微信小程序 分享到朋友圈(Beta)

22

分享到朋友圈(Beta)从基础库2.11.3开始支持此功能为beta版,暂仅在Android平台支持可将小程序页面分享到朋友圈。适用于内容型页面的分享,不适用于有较多交互的页面分享。设置分享状态小程序页面默认不可被分享到朋友圈,开发者需主动

微信小程序 启动性能

15

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

微信小程序 NFC

60

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

目录结构

6

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

微信小程序 低版本兼容

23

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