task13 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task13
task13 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task13/
task14 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task14
task14 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task14/
task15 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task15
task15 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task15/
task16 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task16
task16 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task16/
task17 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task17
task17 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task17/
task18 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task18
task18 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task18/
task19 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task19
task19 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task19/
task20 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task20
task20 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task20/
task21 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task21
task21 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task21/
task29 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task29
task29 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task29/
task30 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task30
task30 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task30/
task31 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task31
task31 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task31/
task32 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task32
task32 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task32/
task33 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task33
task33 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task33/
task34 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task34
task34 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task34/
task35 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task35
task35 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task35/
task36 任务要求地址：https://github.com/pkjy/ife-task/tree/gh-pages/2016_spring/part2/task36
task36 在线预览地址：http://pkjy.github.io/ife-task/2016_spring/part2/task36/
第二阶段的主要目标是帮助大家 了解、认识、学习、掌握JavaScript。第一阶段任务从 3月21日 开始，持续到 4月21日。当然，您也可以在这个时间以后继续自行实践练习。第一阶段和第二阶段有一部分时间是重合的，主要考虑到大家的基础不同，有的同学HTML/CSS比较好，想更多地参与JavaScript的学习。对于想继续学习CSS的各位依然可以按照自己的节奏继续学习第一阶段的任务。
第二阶段任务一共有 6 个系列 24 个题目，如下：
任务十三：面向零基础的JavaScript代码编写（一），难度简单。对JS、事件、DOM有个初体验
任务十四：面向零基础的JavaScript代码编写（二），难度简单。对JS的判断、循环、数组等有个初体验
任务十五：面向零基础的JavaScript代码编写（三），难度简单。继续熟悉JavaScript
任务十六：面向零基础的JavaScript代码编写（四），难度中等。学习事件代理、表单验证等
任务十七：面向零基础的JavaScript代码编写（五），难度中等。做一个较为完成的有JavaScript交互的页面
任务十八：基础JavaScript练习（一），难度简单。实现一个基本队列的相关操作
任务十九：基础JavaScript练习（二），难度简单。丰富队列操作，实现一个排序算法的可视化呈现
任务二十：基础JavaScript练习（三），难度简单。实践字符串、数组相关方法
任务二十一：基础JavaScript练习（四），难度简单。结合实际运用场景，综合练习十八到二十的学习内容
任务二十二：JavaScript和树（一），难度简单。用JavaScript实践二叉树的遍历
任务二十三：JavaScript和树（二），难度简单。用JavaScript实践多叉树的遍历
任务二十四：JavaScript和树（三），难度中等。用JavaScript实践多叉树的节点相关操作
任务二十五：JavaScript和树（四），难度中等。结合实际运用场景，综合练习二十二到二十四的学习内容
任务二十六：行星与飞船（一），难度中等。学习面向对象编程及基础的设计模式，实现一个有行星和飞船的宇宙
任务二十七：行星与飞船（二），难度中等。改善在任务二十六中创建的各个航空系统
任务二十八：行星与飞船（三），难度中等。改善在任务二十七中创建的各个航空系统
任务二十九：表单（一），难度简单。学习单个表单如何进行验证
任务三十：表单（二），难度简单。学习一个完整表单如何进行验证
任务三十一：表单（三），难度简单。学习如何实现联动表单
任务三十二：表单（四），难度中等。学习如何实现一个表单工厂
任务三十三：听指令的小方块（一），难度简单。实现一个通过文本指令运动的小方块
任务三十四：听指令的小方块（二），难度简单。升级指令系统，实现动画运动效果
任务三十五：听指令的小方块（三），难度中等。升级指令系统，允许输入一段指令集合
任务三十六：听指令的小方块（四），难度高。提供墙的功能，实现寻路算法
同第一阶段一样，这二十四个任务并非所有人都要去完成，而是需要大家按照自己当前的能力水平来合理评估和选择。
从任务的难易程度排序，简单到困难，依次是：任务13-17，18-21，22-25 | 29-32，26-28，33-36
基础较好的同学可以直接选择难度较大的任务集合。能力较强的同学也可以在某个系列中直接选择靠后面较难的题目。
原来array数组自带排序的方法，sort()！！！一定要好好学好基础,知道这个后一切都迎刃而解。
排序之后切记要return data哦，找了一个多小时，原来是这里出问题了。
好像火狐浏览器不支持innerText，改用了innerHTML
数组使用bracket的记法就可以同时命名数组的属性和值了。
for in循环的使用，如何遍历对象的属性和值，W3School的示例。
注意childNodes的运用，同getElementsByTagName一样，获得的是数组，访问的时候记得添加[]
注意先引入js文件容易造成document.getElement的方法取得null值而报错，建议把js放到</body>前面
用来累计的变量result最初声明的语法一定要放到for-in循环的体外
使用数组的bracket的时候记得要带上""，把参数当作字符串才能正确读取~例如pageState["nowSelectCity"]
巧用对象的replace方法，
可以参照inserBefore()方法，链接、appendChild方法，链接等等。
首先创建元素(createElement())，再创建文本节点(createTextNode())，再调用元素的插入功能把文本节点插入。
啊啊，验证数字的时候，返回的false也能被当作值创建文本节点。就算设置return false还是会自动返回undefined，一样有内容在，所以在另一个函数体里面加了个判断，不是false才能进行。
声明对象，数组一定要放在循环体外，不然只记录最后一项。
正则+split方法(把字符串分割成字符串数组)。\s+过滤一个或多个空格，本打算挑出那些特殊符号来匹配的，也可以换个思路，匹配所有的数字英文符号文字的然后取反匹配就好了。[^abc]就是这个方括号，里面的^就是取反。
监控回车onkeydown，回车的keyCode是13,空格是32,逗号是188。逗号用188号来监控有小BUG，会遗留逗号在表格里(已经查明，是重置输入框的时间太慢，放到插入子节点之前重置输入框就好了。)
//trim删除左右两端的空格
function trim(str) {
var regex1 = /^\s*/;
var regex2 = /\s*$/;
return (str.replace(regex1, "")).replace(regex2, "");
}
我选择的是canvas来画整个背景，对canvas的掌握,包括画圆arc()的方法，动态绘图moveTo() 、lineTo()的方法。
用parseInt()强行把字符串转成整数，自动过滤掉非数字，parseFloat()类似。
drawImage()函数把图像画进去画布。clearRect(x,y,width,height)可以把指定坐标的指定矩形范围清空.
把绘制背景地图的用save()保存起来，然后开始飞船的绘制，绘制完成后restore()，就相当于刷新了整个画布。
document.getElementsByName(),通过Name属性来操作DOM，用的比较少，但是关键时候很有用。
假设一个圆的圆心坐标是(a,b)，半径为r， 则圆上每个点的X坐标=a + Math.sin(2Math.PI / 360) * r ；Y坐标=b + Math.cos(2Math.PI / 360) * r ；
用到JS的charCodeAt()方法，可以返回指定位置的字符的Unicode编码,根据返回的编码分开计算英文与非英文的字符长度,W3School。注意其余charAt()方法的区别。
nextSibling是操作节点的，nextElementSibliing是操作元素的！！要分清楚
用到正则的test()方法，可以通过查询正则表达式返回布尔值。^1代表以1开头，[3|4|5|8] 紧跟上面的1后面，可以是3或4或5或8的一个数字，[0-9]表示0-9中间的任何数字，可以是0或9 ，\d{4,8}这个\d跟[0-9]意思一样，都是0-9中间的数字。{4,8}表示匹配前面的最低4位数字最高8位数字。我就直接用{8}来限制位数，记得在最后添加$表示结束匹配，否则超出的位数也会匹配成功。
主要考察select的掌握程度。select可以通过索引值获取当前选中的文本或值。以下是原生js方法，参考链接
var obj = document.getElementByIdx_xx_x('testSelect'); //定位id
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值
用checkbox的checked属性，被选中会返回true。这个主要考察面向对象编程和模块化。！
当变量名称和已经申明的对象名称重复了得时候，就不能调用对象了...解决方法，把对象们放到一个数组里，调用数组就好了~~
border-collapse属性设置表格的边框是否被合并为一个单一的边框，还是像在标准的 HTML 中那样分开显示。
两种调用setTimeout和setInterval都接收两个参数，第一个是函数或字符串。
CSS3的resize属性规定是否可由用户调整元素的尺寸。
实时显示行数可以通过获取相同class的个数来确定。匹配换行符的个数，来动态设置每行的行数。
onscroll事件元素滚动时执行。
scrollTop设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离，把行数的的最顶端margin设置为相关-的像素就能做出滚动的效果。
看完《高程》的间歇调用和超时调用后，来修改这里用到的两种调用，书上是建议用超时内调用超时而不建议间歇调用。顺便把动作的逻辑改了一下，应该OK了暂时没发现BUG。