保持好奇心；用行动去创造
用了大约有两天多的时间，终于把words上线了。感觉以后可能用不多说说了，就把地址发了一下。大家的反应有象征性的点赞的、有看不懂的、有说太简陋的。我只能笑一笑而已。确实东西很简单，但其实没有想象的那么简单。表面上看上去就是一个留言板。其实：
其实东西确实很简单，不过现在可以用了以后：
看似简单，其实一个框真的可以做很多很多东西。
将体验做到极致。
html5并不是想我们想象的那么神秘，其实只是让原来的东西变的更容易。html5增加的东西不仅仅是一些简单都新标签，那些只是一些简单的概念。就像html4的时候各个标签它只是标签而已。更重要的是灵活运用。
下面主要是将html5主要的东西概括一下。不对都地方请指正。
html5的一些新标签增加了部分比较有用的标签，同时也将上一版的标签的含义有所改变，这个具体请自行看书，html5标签最主要的就是它更接近与语义化。简单的举一下例子。
header 标记头部区域的内容(用于整个页面或者页面的一块区域)footer 标记脚部区域的内容(用于整个页面或者页面的一块区域)section Web 页面的一块区域article独立的文章内容aside 相关内容或者引文nav 导航类辅助内容canvas是html5中一个基础且重要的东西，用它来进行进行画东西，具体都canvas一些操作 请戳canvas
功能强大，知识简单，不做赘述，常用api
Geolocation是位置信息，利用它可以调用找到你的位置信息，给出的是一个经纬度的值，结合其他地图api可以很好都开发出地图应用。
顾名思义Communication主要就是关于通信，方面的知识，页面与页面之间，页面与框架之间的信息互通，比较常见的一个例子就是html5做的幻灯片就是利用这方面的知识点做的。
webScoket html5中一个强大的通信功能，实现实时更新，减少网络延迟。
用它可以做什么
本地存储，其实就是cookie的扩展版。也是一个比较有用的功能,可以不用利用服务器就可以存储数据，方便又快速。 主要包括sessionStorage localstorage对这方面主要是对数据的处理和了解，只要能够有个大体了解，操作起来并不是太难
tel电话号码email电子邮件url网址Search用于搜索引擎range特定范围的数值选择器，滑动条number只能是数字color 颜色选择器datetime显示完整的时间，时间选择器data 日期选择器week某年的周选择器以上主要是应用比较广泛的地方还有一些也很有用的新属性就不一一介绍了，主要是因为比较简单或者不太常用,下面将一些其他的列出来，算是个提纲吧有机会再介绍
Camera API 调用摄像头操作上面那些只是对html5的应用的一些介绍，是想要开发一个html5应用你，最主要的是将这些东西能够完美的结合起来。例如开发一个你画我猜，需要画板(canvas),然后需要对方实时看见，那就需要web socket。而webScoket又需要配置环境，如果想用的更好一些，可能还需要一些后台知识。所以说重要的是能将这些知识结合在一起。
如果有更好的表现还需要看一下css3的相关知识，这些都能够很大程度的减少工程量。
更多参考
– MDN html5
– inter html5
– jquery 官方文档
– jquery 中文文档
– w3cplus
尽量使用大括号，甚至实在可选的情况下，都使用大括号。很多情况下如果只有一条语句可以省略大括号，但是为了一致性和更方便升级，最好都使用大括号。
例如：
|
1 2 3 4 |
//不提倡 for (var i = 0; i < 10; i += 1) alert(i); |
但是如果以后想要在这个循环中增加就会出现：
|
1 2 3 4 |
for （var i = 0; i < 10; i += 1) alert(i); alert(n); |
这样就不是不规范了，而是错误了，所以无论何种情况都一直使用大括号：
|
1 2 3 4 5 |
//提倡 for (var i = 0; i < 10; i += 1) { alert(i); } |
大括号位置:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
//提倡 function foo() { return { name: "polande"; } } if (a > b) { return a; } else { return b; } |
因为js会默认为语句末尾添加分号这样有时就会出现问题
使用空格比较好的位置：
注释要适当，不要太多
单行注释 // 注释符前留有一个空格
多行注释:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
/* * 星号对齐 */ 函数和方法注释: /** * 方法说明 * @method 方法名 * @for 所属类名 * @param {参数类型} 参数名 参数说明 * @return {返回值类型} 返回值说明 */ |
<<<<<<< HEAD
写页面时有时经常为了class/id命名苦恼，有时候还会因为疏忽两个名字一样而出现冲突问题，不过这段时间找到了几个好的方法(虽然以前也用过，但没有发现她的重要性)：
语法：div [attr=value]
主要有六种属性使用方法：
1. [attr=value] 选择属性为value的元素 继续阅读“css选择器”
vim有一个强大的功能就是其映射功能，可以将各种按键映射成不同的功能。例如：
|
1 |
map a b "则此时按b就会显示a |
|
1 |
map <C-a> A "ctrl + a 映射成A |
可以方便的映射定义各种快捷键。但是需要注意的一点就是vim有很多模式，不同模式下的映射方式不同，map只是普通模式下的映射，同样是<C-a> 可以再不同的模式下实现不同的功能。所以先来看一下vim的各个模式。
vim一共可以分为五种模式：
最常见的模式，打开vim不进行操作即为普通模式。
2. 插入模式 （Insert Mode）
可以输入的那种模式，普通模式下按i键可以进入。
3. 可视模式（Visual Mode）
可以选择多行、多列、段等进行操作，普通模式下按v可以按行选择，按<C-V>可以按列（块）选择。
4. 选择模式（Select Mode）
与可视模式差不多，不过这个选择之后，按键后会将选择的地方替换，与win下常见的编辑模式相同。普通模式下按gh可以进入。
5. 命令行模式（Command-line/Ex）
普通模式下按” : “ 进入命令行模式，可以进行相关的操作。Ex模式可以连续输入多行命令，普通模式下按Q进入。
针对不同的模式于是乎也就产生了不同的映射方式，并且这些映射方式可以互相组合，map为基本映射，对普通模式、插入模式、可视模式、命令行模式都有效，然后会有不同的前缀表示不同的模式，主要有：
对于递归：
|
1 2 3 4 5 |
map a b map b c 按c会直接映射到a |
inoremap 表示避免映射的嵌套和递归，imap则没有这个限制。
举例来说： <c-e>在插入模式下表示插入光标下面的字符(参见：h i_ctrl-e)。但是你有某
种原因希望使用 <c-e>表示别的含义，例如表示插入字符 “E” (随便举的例子），同时，你
希望保留<c-e>的功能，但是需要映射到别的组合键表示这个功能。那么该怎么办呢？你可
以先重新定义<c-e>的功能：:imap <c-e> E
然后把原来的<c-e>映射到别的组合键，比如<c-t>, 你可以这样
:inoremap <c-t> <c-e>注意这里你就不能用 imap 来实现，因为这样会出现递归。嗯？不明白，那么你可以试试这
个错误的命令：
:imap <c-t> <c-e>分别键入正确和错误的命令，然后在插入模式下键入<c-t>，看看屏幕上出现什么，你就会
明白的。
一些映射举例：
|
1 2 3 |
inoremap jj <esc> "按 jj 可以进入普通模式 map <F10> <Esc>:tabnew<CR> 按<F4>新建标签 |