一、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 扩展的特性有:
- rpx 尺寸单位,用来解决屏适配的尺寸单位。
- @import 样式导入外联的样式表
三、全局配置
小程序根目录下的
app.json
文件是小程序的
全局配置文件
。常用的配置项如下:
① pages 记录当前小程序所有页面的存放路径
②
window
全局设置小程序窗口的外观
③
tabBar
设置小程序底部的 tabBar 效果
④ style 是否启用新版的组件样式
四、网络数据请求
出于
安全性
方面的考虑,小程序官方对
数据接口的请求
做出了如下
两个限制:
① 只能请求
HTTPS
类型的接口
② 必须将
接口的域名
添加到
信任列表
中
关于
跨域
和
Ajax
的说明
跨域问题只存在于基于浏览器的 Web 开发中。由于小程序的宿主环境不是浏览器,而是微信客户端,所以小程序中不存在跨域的问题。
Ajax 技术的核心是依赖于浏览器中的 XMLHttpRequest 这个对象,由于小程序的宿主环境是微信客户端,所 以小程序中不能叫做“发起 Ajax 请求”,而是叫做“发起网络数据请求”。