一两个月前在淘宝内网里看到一个优化Javascript代码的竞赛,发现有不少的人对Javascript的执行和装载的基础并不懂,所以,从那天起我就想写一篇文章,但一直耽搁了。自上篇《浏览器渲染原理简介》,正好也可以承前启后。首先,我想说一下Javascript的装载和执行。通常来说,浏览器对于Jav...
分类:
编程语言 时间:
2014-11-14 14:00:09
阅读次数:
249
以上代码告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。以上代码告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面。以上代码告诉IE浏览器,Windows以最高版本的IE显示内容。根据 指令确定如何呈现内容。标准模式指令以Windows Internet Ex....
分类:
其他好文 时间:
2014-11-13 18:18:30
阅读次数:
136
摘要: 最近在整理项目时发现有些同事写的页面代码嵌套的太多,而且有些嵌套不对,比如内容。虽然功能实现了,但是对于浏览器渲染引擎的性能还是有些影响。所以就大体上的整理了下HTML标签的嵌套规则,也希望读者提出不对之处。众所周知,HTML标签有两类:块级元素div、h1~h6、address、bloc....
分类:
Web程序 时间:
2014-11-12 09:18:59
阅读次数:
168
浏览器渲染模式分为2种,一种是 怪癖模式[Quirksmode] 和 标准模式 [Standars mode]。怪癖模式和标准模式有几点比较重要的区别:1.声明上,当页面没有!doctype声明或者!doctype声明中没有HTML4以上(包含HTML4)的DTD声明,则页面以quirks mode...
分类:
其他好文 时间:
2014-11-08 13:36:59
阅读次数:
190
css position主要用于页面布局 它的如下四个属性值:relativeabsolutefixedstatic1. relative (相对定位) 浏览器渲染页面默认是从上到下,从左到右的方式渲染的,relative属性是相对它本身的位置进行偏移的,依然占据原来的空间。2.absolute ....
分类:
Web程序 时间:
2014-11-07 20:45:45
阅读次数:
256
教程细节·语言: JavaScript,HTML, SVG·难度:中等·估计阅读时间:30 分钟 SVG-可缩放矢量图形,是一个XML风格标记驱动的矢量图形的浏览器渲染引擎。除了IE 9.0和Android V3之前版本号外的全部浏览器都支持SVG。Canvas也有相同的支持情况,所以问题往往...
分类:
其他好文 时间:
2014-11-01 13:22:36
阅读次数:
182
1.新的DTD声明DTD:声明浏览器渲染方式2.新增的标签2.1结构标签定义一篇文章定义网站结构标题组定义媒体内容/媒体的标题对话标签2.2多媒体标签视频、音频及其来源画图用定义可交互的内容或插件2.3Web应用标签状态标签,比如天气、气温进度条2.4其他标签生僻字、注释、音标标记文本3.删除的标签...
分类:
Web程序 时间:
2014-10-27 20:58:27
阅读次数:
173
常用的 HTML 头部标签https://github.com/yisibl/blog/issues/1HTML head 头标签http://blog.jobbole.com/78592/模式?标准 (浏览器渲染模式)http://padding.me/blog/2014/07/04/mode-o...
分类:
Web程序 时间:
2014-10-24 10:53:24
阅读次数:
302
由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同。在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirksmode或者称为CompatibilityMode);由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScom...
分类:
其他好文 时间:
2014-10-11 21:54:06
阅读次数:
185
随着 HTML5 的急速增长,现在越来越多的人,开始涉及到移动终端的 Web 开发领域,但手机端始终没有 PC 端这么多的调试工具。即使 PC 端浏览器模拟 user-agent 进行开发,也可能会发生移动终端和 PC 端浏览器渲染不一致的问题。所以,最好还是在真正的手机端开发调试,但,怎么抓包呢?...
分类:
移动开发 时间:
2014-10-11 12:07:45
阅读次数:
249