1 链接
微信官方文档
因为微信官方已经写的足够详细了，因此这篇blog就是写一些窝不太熟悉的点
1.1 pages
navigation(导航)
bar（条）
background：并不是意思上的背景，而是隐蔽窗的意思。不能搞混了。
2.基础
2.1标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
<标签> 内容 </标签>
2.1.1标签种类
<!DOCTYPE html>声明为 HTML5 文档
<html> <html> 元素是 HTML 页面的根元素
<head> <head> 元素包含了文档的元（meta）数据
<meta charset="utf-8">该网页的中文编码格式为utf-8
<title>我的html</title> <title> 元素描述文档的标题
</head>
<body> <body> 元素包含了可见的页面内容！只有body内的内容
才会显示在页面
<h1>我的第一个标题</h1> <h1> 元素定义一个大标题，
一共有h1~6表示标题等级，类比markdown的#号
<p>我的第一个段落。</p> <p>元素定义了一个元素
</body>
</html>2.2元素
“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签，如下实例:
HTML 元素:
<p> 这是一个段落。</p>
这就是一个元素，尖括号内的被称为标签。元素与标签还是不太一样的
3.block与view(vx)
block并不是一个组件因此不会被渲染，速度自然比view快。
block的英文是块，也就是说block标签是控制一个块的，相比于view控制的东西更多。
将这3个代码一起渲染，仔细对比
1
<block wx:for="{{[1, 2, 3]}}">
{{index}}:{{item}}
</block>
2
<block wx:for="{{[1,2,3]}}">
<view>{{index}}:{{item}}</view>
</block>
3
<view wx:for="{{[1,2,3]}}">
{{index}}:{{item}}
</view>1的渲染效果排列为一行，2和3的渲染效果相同。
而重点则在于1和3的渲染效果与代码的异同！！
4.wxml的class与wxss
众所周知wxml类比于html，所以只能编译页面出现的信息。而要更改样式则需要跑到css=wxss中来，这个时候就需要取到wxml中定义的class了
5事件绑定及参数传递
绑定的时候用bindtap，然后被绑定的数据会被包装成一个event送给写在js中的时间function，而想要把什么东西包装进event就需要用到如下的写法
<view bindtap="onClick" wx:for={{datas}} data-X="{{}}" data-Y="{{}}" >
</view>
data-后的{{}}里的东西就会被包装进event给事件function。