Baidu-Test

4-27:完成task0001的练习题。

总结：虽然是基础知识，可还是有很多细节的知识没有掌握。当设置绝对定位后，再设置float属性会失效。绝对定位的优先级大于float属性。margin-left: 左外边距，元素向右移动。margin-right:右外边距，元素不移动，只是设置与下一个元素保持的距离。水平居中的两种方法： 1、margin：0 auto; 2、position: absolute; left: 50%; margin-left: -100px;(width:200px;) 文档流：从窗体自上而下分成一行一行，并在每行中按从左到右的顺序排放元素。

4-29:完成task0001任务的第一个主页面index.html。

总结：巩固了float浮动，position定位，水平居中、border-radius圆形头像知识，学到css3透明度颜色渐变新知识：-webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%); 这个页面主要是对html和css的巩固，相对来说是比较简单的，js还没有涉及到，可是还是有细节的东西需要注意，比如说每个小div宽度的计算、文本方面的排版等。用了两天时间是有点慢了，如果熟练的话几个小时的时间应该是可以完成的，所以感觉还是得多练，加快编码速度。

5-1:完成task0001的第二个页面blog.html。

总结：遇到了浮动溢出问题，原先是用overflow：hidden属性清除浮动，后来发现会导致其他子元素的隐藏，后来换了另一种方法：添加空元素后添加clear: both属性，可出于性能优化方面，这个方法会造成html代码的冗余，于是在网上查了一下，最好的方法是给父容器添加clearfix后添加:after伪类，设置.clearfix:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden;
} .clearfix { zoom: 1; // 触发ie6的haslayout，因为ie6不支持：after伪类 }

5-2：完成task0001的第二个页面gallery.html。

总结：新学到了瀑布流布局，column元素对容易分栏，即使图片高度不同也不会有错乱感。

5-3：完成task0001的最后一个页面about.html。

总结：三列布局当中间部分需要在前方（覆盖旁边部分）时，当用position：relative;实现时，中间部分的宽度会挤掉右边的部分，导致右边不能同行，因为我们要实现的是旁边两列平分宽度，中间列不分宽度，在屏幕前方，盖住左右两列，可它也是大容器的一部分。我们可以用position：absulote；基于父容器定位，让它固定在中间部分。

5-4：完成task0002的2.1部分js练习题。

5-5：完成task0002的2.1部分js练习题。

5-6：完成task002的3.1部分js练习题。

总结：bug很多，而且都是低级的错误，循环遍历当然用while而不是if，使用独立的if,而不是else if，若用else if当判断nextnode时会被忽略。前一个元素节点为prevoisElementSibling。还是得多练多练 。。。。

5-10: 完成task002的3.1js练习题。

总结：这几天一直在学正则表达式，用js实现jQuery用到了选择器的匹配问题，需要用到正则表达式，经过这几天的研究终于写出来了，可能代码还有需要改进的地方，能实现还是挺不错的，之后会继续深入学习正则，学了之后感觉它大有用处，而且用到的地方也很多。

5-11：完成task002的4.1练习题。

5-12：完成task002的5.1练习题。

总结：在字符串比较时没有注意到前后有空格的问题，应先给字符串执行trim()方法去掉前后空格后比较。

5-14：完成task002的6.1练习题。

5-15：完成task002的小练习1。

5-17：完成task002的小练习2。

总结：提取月份方法getMonth()返回的值是0-6，因此还得+1。getDay()是获取星期，getDate()才是获取日期。

5-18：完成task002的小练习3。

总结：尽量把事件写在js里,避免这种方式触发事件。事件后跟着function(){}再调用函数。 div.onclick = function(){ countdown();};

5-19：完成task002的小练习4。

5-20：完成task002的小练习5。

总结：1. [] 里可为任意表达式。变量名称当成属性名称。 var name = "length"; var text = "coco"; text[name]; //4

2. in:判断一个对象是否有某个属性，包括原型。 hasOwnProperty():判断一个对象是否有某个实例属性，不包括原型。 "name" in obj; obj.hasOwnProperty("name"); 主要加上""

5-27：完成task0003部分功能。

6-1：完成javascript作用域链学习笔记。

6-2：完成javascript原型学习笔记。

6-3: 完成javascript构造函数学习笔记。

6-4：完成javascript闭包学习笔记。

     完成javascript面向对象学习笔记。

6-6: 完成javascript设计模式学习笔记。