学习日历

5.4 之前

js的秘密花园  这本书讲了蛮多js的注意事项，都是基础性的，有空可以多看看。

5.4     学习ps切图以及准备写一份html网页

慕课PS技能——切图篇   了解ps切图最便捷路径。

从 psd 到 html   了解网页的布局思路，并熟练html代码书写。

zoom:1; 作用：清除浮动，触发haslayout。     当设置了zoom的值之后，所设置的元素就会就会扩大或者缩小，高度宽度就会重新计算了，这里一旦改变zoom值时其实也会发生重新渲染，运用这个原理，也就解决了ie下子元素浮动时候父元素不随着自动扩大的问题。:after伪类+content内容: 张鑫旭老师讲解的清除浮动。对于logo：选择图层为智能对象， ctrl+c -->ctrl+n  新建一个，ctrl+v 复制上去line-height: 张鑫旭老师

5.5      学习代码规范

html代码规范上传github：psd->html内容

5.6    代码规范学习

网页头部的声明应该是用 lang="zh" 还是 lang="zh-cn"？  知乎。

百度前端学院

侧边栏/分栏高度自动相等  :利用margin-bottom:-2000px;    padding-bottom:2000px;

5.7     布局练习1

使用float:left; 时vertical:bottom; 无效：可以把元素改为display:inline-block;

CSS深入理解流体特性和BFC特性下多栏自适应布局

flex:1; 设置在子项，数值表示占据剩余空间的份数

display和visibility ：把 display 设置成 none 元素不会占据它本来应该显示的空间，但是设置成 visibility: hidden; 还会占据空间。

5.8      布局练习2

height 百分比：父元素的高度只是一个缺省值：height: auto;。当你要求浏览器根据这样一个缺省值来计算百分比高度时，只能得到undefined的结果，也就是一个null值。

BFC（块级格式上下文）：1、同一个BFC下外边距会发生折叠； 2、清除元素； 3、阻止元素被浮动元素覆盖

5.9    复杂页面的实现

overflow:auto滚动超出部分的同时隐藏滚动条：两种方法：1、伪对象选择器：.element::-webkit-scrollbar {display:none}

2、在容器外面再嵌套一层 overflow:hidden 内部内容再限制尺寸和外部嵌套层一样，就变相隐藏了

相对于父元素的fixed 定位的实现：在父元素内拖动滚动条时，"fixed"定位的元素不能滑动，在外层拖动滚动条时，父元素及父元素内的所有元素跟着一起滑动。

Chrome审查元素小技巧：知乎；

url、href、src：知乎；

《编写高质量代码》--曹刘阳 （著）

5.10  JavaScript 入坑

Js 变量声明提升和函数声明提升：编译阶段和执行阶段。    

5.11 ---

5.12 JavaScript 的this、原型、闭包

 深入理解javascript原型和闭包系列：王福朋老师

5.13 《JavaScript DOM编程艺术》

5.17  《JavaScript 高级程序设计》

js断点调试

5.21    练习JavaScript小栗子

你真的理解CSS的linear-gradient？

5.22    

js如何判断一个对象是不是Array？

5.23 事件

js中的事件委托或是事件代理详解：

初步理解JS的事件机制

5.28 js右下角广告

这样写为什么不好?