第十五周周记

一、小程序简介
小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。
小程序的主要开发语言是JavaScript，小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言，从网页开发迁移到小程序的开发成本并不高，但是二者还是有些许区别的。

二、小程序代码构成
在微信小程序中，可以注意到一个项目里边生成了不同类型的文件：

.json 后缀的JSON配置文件；
.wxml后缀的WXML模板文件；
.wxss后缀的WXSS样式文件；
.js后缀的JS脚本逻辑文件。

接下来我们分别看看这4种文件的作用。

1. JSON配置
   JSON是一种数据格式，并不是编程语言，在小程序中，JSON扮演的静态配置的角色。

这里说一下小程序里JSON配置的一些注意事项。
JSON文件都是被包裹在一个大括号中“{}”，通过key-value的方式来表达数据。
JSON的Key必须包裹在一个双引号中，在实践中，编写JSON的时候，忘了给Key值加双引号或者是把双引号写成单引号是常见错误。

JSON的值只能是以下几种数据格式，其他任何格式都会触发报错，例如JavaScript中的undefined：

数字，包含浮点数和整数；
字符串，需要包裹在双引号中；
Bool值，true或者false；
数组，需要包裹在方括号中 []；
对象，需要包裹在大括号中 {}；
Null。

还需要注意的是JSON文件中无法使用注释，试图添加注释将会引发报错。

2. WXML模板
   网页编程采用的是HTML + CSS + JS这样的组合，其中HTML是用来描述当前这个页面的结构，CSS用来描述页面的样子，JS通常是用来处理这个页面和用户的交互。

3. WXSS样式
   WXSS具有CSS大部分的特性，小程序在WXSS也做了一些扩充和修改。

新增了尺寸单位：在写CSS样式时，开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比，采用一些技巧来换算一些像素单位。WXSS在底层支持新的尺寸单位rpx，开发者可以免去换算的烦恼，只要交给小程序底层来换算即可，由于换算采用的浮点数运算，所以运算结果会和预期结果有一点点偏差。

提供了全局的样式和局部样式：和前边app.json，page.json的概念相同，你可以写一个app.wxss作为全局样式，会作用于当前小程序的所有页面，局部页面样式page.wxss仅对当前页面生效。

4. JS逻辑交互
   一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，我们就通过编写JS脚本文件来处理用户的操作。