摘要: 9.1 可视化格式模型介绍 本章和下一章描述了可视化格式模型:这种模型用于定义用户代理是怎样在可视化媒体(visual media)上处理文档树的。 在这个模型里,文档树上的每一个元素都会生成零个,一个或者多个盒子(根据盒子模型),这些盒子的布局由以下内容决定: 盒子的尺寸和类型 定位机制(普通流式(normal flow),浮动(float),绝对(absolute)定位) 文档树中各元素... 阅读全文
posted @ 2015-06-04 22:16 寒山雪 阅读(459) 评论(0) 推荐(0) 编辑
摘要: 6.1 指定值,计算值和实际值 当用户代理解析并构建完文档树后,需要对每个元素的属性值按目标媒体的类型赋值。 属性的最终值的结果需要经过4个步骤的计算:首先由指定值(specified value)决定,然后根据属性继承解析为计算值(computed value),如果必要的话转换为绝对值(used value),最后根据本地环境的限制转换成实际值(actual value) 6.1.1 指定值 ... 阅读全文
posted @ 2015-05-28 10:09 寒山雪 阅读(375) 评论(0) 推荐(0) 编辑
摘要: 能启用GPU加速的几个CSS属性 translate3d translateZ rotate scale 解决可能的闪烁: -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidd... 阅读全文
posted @ 2015-03-10 20:12 寒山雪 阅读(1165) 评论(0) 推荐(0) 编辑
摘要: 在线工具 JsFiddle 用于在线演示和调试前端项目 访问地址:http://jsfiddle.net/ CodePen 与JsFiddle类似,在国内访问速度比JsFiddle要快,JsFiddle经常被墙,需要FQ才能访问 访问地址:http://codepen.io/ CSS框架或工具 BootStrap 简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。 访问地址:... 阅读全文
posted @ 2015-01-17 14:53 寒山雪 阅读(211) 评论(0) 推荐(0) 编辑
摘要: pageXOffset, pageYOffset 浏览器窗口的滚动条位置 IE8以前的IE浏览器不支持,需要使用document.documentElement.scrollLeft和document.documentElement.scrollTop代替,对于怪异模式,则使用document.body.scrollLeft和document.body.scrollTop。 窗口对象定义了sc... 阅读全文
posted @ 2015-01-08 14:25 寒山雪 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 选取文档元素 getElementById 根据元素的id属性值,来选取元素,在低于IE8的浏览器中,id不区分大小写,并且对于某些元素也匹配它的name属性值。 getElementsByName: 根据元素的name属性查找元素。在IE9以前的版本中,对于表单(form),表单元素(input area等),img,iframe等元素也会匹配对应的id值,为了兼容性,不应将同样的值同时分配... 阅读全文
posted @ 2015-01-04 10:49 寒山雪 阅读(94) 评论(0) 推荐(0) 编辑
摘要: Web浏览器根据URL地址下载文档内容,并创建Document对象,解析WEB页面,HTML元素,包含的文本内容,将这些节点添加到DOM树中。在这个阶段,document.readystate属性的值是 loading。当解析器遇到没有async和defer属性的元素时,它把这个元素添加到DOM树中... 阅读全文
posted @ 2014-12-30 21:36 寒山雪 阅读(183) 评论(0) 推荐(0) 编辑
摘要: ECMAScript规范的第五版中,对函数的执行上下文重新进行了定义,与第三版有一定的区别。 本文第一部分对规范中定义的名词进行解释。第二部从实际的例子出发,深入解释器的处理过程。 第一部分:名词定义 Environment Record(环境记录项 RE): 用于处理标识符的绑定。一个环境记录项(RE)只记录与它相关联的词法环境(LE)中的标识符绑定。规范中定义了两种类型的环境记录项,声明... 阅读全文
posted @ 2014-12-17 22:38 寒山雪 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 在介绍JavaScript的闭包前,首先需要搞清楚以下几个概念: 闭包: 计算机科学中的闭包(Closure)是词法闭包(Lexical Closure)的简称,是引用了自由变量(未绑定到特定对象)的函数。这个被引用的自由变量将和这个函数一同存在,即使已经离开了创造它的环境也不例外。所以,有另一种说法认为闭包是由函数和与其相关的引用环境组合而成的实体。闭包在运行时可以有多个实例,不同的引用环境和相... 阅读全文
posted @ 2014-12-15 13:55 寒山雪 阅读(151) 评论(0) 推荐(0) 编辑
摘要: .git目录中各个文件和目录的作用: HEAD 指向当前分支,是一个指向你当前所在分支的引用标识符,这样的引用标识符——它看起来并不像一个普通的引用——其实并不包含 SHA-1 值,而是一个指向另外一个引用的指针 branches/config 包含了项目特有的配置选项 description 仅供 GitWeb 程序使用的描述信息 hooks/ 保存了客户端或服务端钩子脚本 index ... 阅读全文
posted @ 2014-12-08 09:17 寒山雪 阅读(362) 评论(0) 推荐(0) 编辑