摘要: 参考:https://www.w3cplus.com/css/centering-css-complete-guide.html 一.水平居中 1.行内元素: text-align:center即可 2.块级元素【固定宽度】: (1).一个固定宽度的块级元素,使用margin:0 auto即可 cs 阅读全文
posted @ 2017-11-17 17:12 Ch11ry 阅读(320) 评论(0) 推荐(0) 编辑
摘要: 一、参考文章 1.双飞翼布局和圣杯布局的对比(http://www.cnblogs.com/tinyphp/p/4743674.html) 二.双飞翼局中用到的属性: 1.浮动——float:设置浮动后,元素会脱离文档流,如果希望文档流按照布局顺序显示,那么需要用到“清除浮动”的hack (1).l 阅读全文
posted @ 2017-11-14 17:03 Ch11ry 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 一.需求: 想实现上图中的布局,我们一下子就可以构想出大致的html结构: 配上少许的css,再来看一下效果: 但是结果却不尽人意。因为给section中的div设置了float:left,使得section的高度失真(高度只有18px): 二.此时遇到的问题有: 1.section高度失真。 2. 阅读全文
posted @ 2017-11-14 16:21 Ch11ry 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 一、参考文章 1.圣杯布局的实现过程(https://www.cnblogs.com/tinyphp/p/4742922.html) 2.http://www.jianshu.com/p/f9bcddb0e8b4 二.圣杯布局中用到的属性: 1.浮动——float:设置浮动后,元素会脱离文档流,如果 阅读全文
posted @ 2017-11-14 15:12 Ch11ry 阅读(387) 评论(0) 推荐(0) 编辑
摘要: 一.参考文献: 1.Flex 布局教程:语法篇(http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html) 2.Flex 布局教程:实例篇(http://www.ruanyifeng.com/blog/2015/07/flex-examples 阅读全文
posted @ 2017-11-13 21:04 Ch11ry 阅读(901) 评论(0) 推荐(0) 编辑
摘要: 函数节流的目的,是为了防止在不间断的时间里,重复执行某个函数。 比如浏览器的onresize事件,如果我们在这个函数中操作了DOM元素,那么对CPU的开销是非常大的。 所以为了防止这种情况的出现,函数节流起到了很好的作用。 阅读全文
posted @ 2017-09-24 23:31 Ch11ry 阅读(384) 评论(0) 推荐(0) 编辑
摘要: 相关代码已放在我的Github:https://github.com/kisscancer/cnblogs.com-ch11ry/tree/master/Event 一.DOM事件流(三个阶段): 事件捕获阶段 处于目标阶段(被看作是事件冒泡阶段的一部分) 事件冒泡阶段 // TODO:代码示例1 阅读全文
posted @ 2017-09-20 13:34 Ch11ry 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 相关代码都放在了我的github上:https://github.com/kisscancer/cnblogs.com-ch11ry/tree/master/DOM-DEMO DOM层次节点 一.Node类型 通过element.nodeType获取到元素的Node类型 Node.ELEMENT_N 阅读全文
posted @ 2017-09-13 00:23 Ch11ry 阅读(274) 评论(0) 推荐(0) 编辑
摘要: 闭包的定义:在函数中创建子函数,并且子函数中调用了函数中的变量。称之为闭包 闭包和普通函数的区别是: 多了一层外部函数的作用域链 普通函数的作用域链为:函数本身的变量 -> 全局变量;而闭包作用域链为:函数本身的变量 -> 父函数的变量-> 全局变量 应尽量少用闭包,因为会增加内存的占用 标准的闭包 阅读全文
posted @ 2017-09-10 15:45 Ch11ry 阅读(107) 评论(0) 推荐(0) 编辑
摘要: javascript继承的实现,主要有几个点需要注意: 子类中call父类,达到继承父类中的所有属性和方法 创建一个立即执行的闭包,闭包中包含: 创建一个空对象 将父类的prototype赋值给空对象的prototype 子类的prototype等于new一个空对象,实现了子类继承父类的protot 阅读全文
posted @ 2017-09-10 15:24 Ch11ry 阅读(117) 评论(0) 推荐(0) 编辑