WXML
WXML是从HTML衍生而来的、专门在微信小程序前端页面使用的一套标签语言。 WXML和HTML一样，都是用标记标签来描述页面结构，页面内容写在标签内部，标签由缉拿括号包围的关键词构成。
标签
标签分为两类：
1、成对出现的标签，有开始和结束标签，内容部分写在两个标签之间。 <关键词>内容</关键词> 2、不成对出现，使用时只有一个标签存在。这种标签因为表示的含义使它们不需要结束标签进行标识，如< input/ >
属性
属性：对不同组件设置参数。 基本格式：<关键词 属性名称="属性值">属性值要用单引号或双引号包括
<view class = 'demoview' id = 'id123' style = 'abc' bindtap = 'jsaction' hidden= 'true' data-ABC = 'abc666'></view>
WXML的属性分为两类，包括通用属性和专用属性两类 常用的通用属性包括：ID、样式、响应函数、参数传递等，专用属性对于不同组件不同，参考微信开发者文档。
数据绑定
通过{{}}的语法把一个变量绑定到界面上
使用方法：在wxml文件的标签中或者属性中使用：{{变量名}}。 在js文件中对该变量进行定义 当WXML在加载组件及组件的属性时，会自动将该格式下的变量名拿到js文件中寻找，并将数据值渲染到页面上。
数据绑定使用的位置：
- 内容:
<view>{{msg}}</view> - 组件属性（需要在双引号之内）：
<view id="item-{{id}}"></view> - 控制属性：
<view wx:if="{{condition}}"></view> - 关键字：
<checkbox checked="{{false}}"></checkbox> - 也可以在{{}}中进行简单的算术、逻辑运算。
控制属性
在小程序中，控制能力用wx:开头的属性来表达。列表渲染：在组件上使用wx:for控制属性来绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项下标为index，数组当前项的变量名默认为item。例如：<view wx:for="{{array}}"> {{index}}:{{item.message}} </view>
WXSS
WXSS:样式语言，用于描述WXML的组件样式，由CSS扩充而来，具有大部分CSS特性。 WXSS决定了WXML中的组件应该怎么显示，包括：设置字体和颜色，设置位置和大小，添加动画效果。 WXSS基本语法：
选择器{
属性：属性值;
属性：属性值;
......
}
WXSS特有尺寸单位：RPX尺寸，可以根据屏幕宽度进行自适应。规定屏幕款为750rpx 选择器：#id选择器 .class选择器等 常用样式属性：宽度、高度、颜色、背景颜色、字体大小等。
JS
小程序框架系统分为逻辑层APP Service、视图层View JS声明变量： var 变量名 = 值 所有变量通过var关键字来创建，具体的类型根据赋值来改变。 JS数组：var cars = new Array(); cars[0] = xxx; 或 var cars = new Array(xxx,xxx);或var cars = [xxx,xxx];
Undefined:表示变量不含有值。无值的变量或者未使用值来声明的变量，其值实际上是undefined。 JS中的对象类型声明： var person = { name:xxx; id:xxx } 访问方法：name = person.name;
字符串之间可以用+来连接。
JS中函数声明：函数名:function(参数){ 函数内容 } 事件响应：视图层到逻辑层的通信方式，事件可以绑定在组件上，当达到触发事件时，就会执行逻辑层中对应的事件处理函数。 第一步：在组件中绑定一个事件处理函数，属性值为函数名。 第二部：在相应的page定义中写上相应的事件处理函数。
