从入门到入土

与网页编程类似，网页编程是HTML + CSS + JS ，HTML是来描述当前这个页面的结构，CSS描述页面的样子，JS通常用来处理这个页面和用户的交互。
& 在小程序中，WXML充当类似HTML的角色，也由标签、属性等构成。但是也有不同的地方：

1. 标签名字的不同：需要的组件为了提高开发效率，会把常用的组件包装起来。例如：view, button, text 等等。
2. 多一些wx:if 这样的属性以及 {{ }} 这样的表达式：将变量与交互产生的行为分离，也就是说把渲染和逻辑分离，渲染再WXML文件里，逻辑在JS中管理状态即可。
3. 通过 {{ }} 的语法把一个变量绑定到界面上，我们称为数据绑定。在小程序中，控制能力都用wx：开头的属性来表示。
   &WXSS样式具有CSS大部分的特性，小程序的WXSS就是在基础上做了一些扩充和修改。
4. 新增了尺寸单位。WXSS在底层支持新的尺寸单位 rpx （可以根据屏幕宽度进行自适应。），开发者不用换算，只要交给小程序底层来换算，由于换算采用的浮点数运算，所以运算结果会和预期结果有一点偏差。
5. 提供了全局样式和局部样式。和前边 app.json, page.json 相同，你可以写一个 app.wxss 作为全局样式，会作用于当前小程序的所有页面，局部页面样式 page.wxss 仅对当前页面生效且会覆盖并会覆盖 app.wxss 中相同的选择器。
6. WXSS 仅支持部分 CSS 选择器。
7. 样式导入：
   a. 可以使用@import””语句导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。
   b. 可以在组件中使用style、class属性来控制组建的样式。style 接收动态的样式，在运行时会进行解析。例如：。class支持静态的样式，用于指定样式规则，属性值是样式规则中类选择器名(样式类名)的集合，样式类名不需要想CSS的样式表一样带上.，样式类名之间用空格分隔。
   &JS逻辑交互：一个服务正常来说不可能仅有界面展示，一定会需要给用户的交互体验，例如响应用户的点击、获取用户的位置等等。在小程序中通过编写JS脚本文件来处理用户的操作。