小程序开发——模板与配置

一、WXML 模板语法

1.数据绑定的基本原则

① 在 data 中定义数据

② 在 WXML 中使用数据

2.在 data 中定义页面的数据

在页面对应的 .js 文件中，把数据定义到 data 对象中即可：

3. Mustache 语法的格式

把data中的数据绑定到页面中渲染，使用 Mustache 语法 （双大括号）将变量包起来即可。语法格式为：

 

二、WXSS 模板样式

WXSS (WeiXin Style Sheets)是一套样式语言，用于美化 WXML 的组件样式，类似于网页开发中的 CSS。

WXSS 具有 CSS 大部分特性，同时，WXSS 还对 CSS 进行了扩充以及修改，以适应微信小程序的开发。

与 CSS 相比，WXSS 扩展的特性有：

1. rpx 尺寸单位，用来解决屏适配的尺寸单位。
2. @import 样式导入外联的样式表

三、全局配置

小程序根目录下的 app.json 文件是小程序的 全局配置文件 。常用的配置项如下：

① pages 记录当前小程序所有页面的存放路径

② window 全局设置小程序窗口的外观

③ tabBar 设置小程序底部的 tabBar 效果

④ style 是否启用新版的组件样式

四、网络数据请求

出于 安全性 方面的考虑，小程序官方对 数据接口的请求 做出了如下

两个限制：

① 只能请求 HTTPS 类型的接口

② 必须将 接口的域名 添加到 信任列表 中

关于 跨域 和 Ajax 的说明

跨域问题只存在于基于浏览器的 Web 开发中。由于小程序的宿主环境不是浏览器，而是微信客户端，所以小程序中不存在跨域的问题。

Ajax 技术的核心是依赖于浏览器中的 XMLHttpRequest 这个对象，由于小程序的宿主环境是微信客户端，所 以小程序中不能叫做“发起 Ajax 请求”，而是叫做“发起网络数据请求”。