一、渲染引擎渲染引擎的职责是……渲染，也就是把请求的内容显示到浏览器屏幕上。默认情况下渲染引擎可以显示HTML，XML文档以及图片。 通过插件（浏览器扩展）它可以显示其它类型文档。 二、各种渲染引擎我们提到的Firefox, Safari两种浏览器构建于两种渲染引擎之上：Firefox使用Gecko ...
分类：
Web程序 时间：
2016-08-31 15:36:28
阅读次数：
237
当了解web访问原理后，与前端工程师或页面重构师工作更为关系密切的应该是浏览器，WEB 页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验， 特别是浏览器渲染页面的原理，页面渲染就是浏览器将 HTML 代码根据 CSS 定义的规则显示在浏览器窗口中的这个过程，理解了原理就更 ...
分类：
Web程序 时间：
2016-08-23 20:35:26
阅读次数：
160
先看一下标准定义的浏览器渲染过程（网上找的）： 浏览器打开网页的过程 浏览器加载和渲染html的顺序 JS的加载 不能并行下载和解析（阻塞下载） web的模式是同步的，开发者希望解析到一个script标签时立即解析执行脚本，并阻塞文档的解析直到脚本执行完；如果脚本是外引的，当引用了JS的时候，浏览器 ...
分类：
Web程序 时间：
2016-08-22 19:45:19
阅读次数：
220
1.减少http请求次数 合并图片，css，js，改进首次访问用户等待时间 2，使用CDN 就近缓存，只能路由，负载均衡，WSA全站动态加速。 3，避免空的src和href 当link标签的href属性为空，script标签的src属性为空的时候，浏览器渲染的时候会把当前页面的URl作为他们的属性值 ...
分类：
其他好文 时间：
2016-08-17 13:33:47
阅读次数：
115
一、文档流 运用css布局首先要具备一些概念上的知识，文档流的概念充斥着布局的整个过程。浏览器渲染页面是有先后顺序的，其顺序是至上而下，根据HTML的文档结构进行渲染。 二、div+css 耳熟能详的div+css布局指的是：仅用容器标签div配合css样式进行布局。以往的table布局是不推荐使用 ...
分类：
Web程序 时间：
2016-08-16 21:42:56
阅读次数：
234
今天在做练习的时候，遇到了重绘与回流这个词，表示连个毛都没有听过。遂查之，首先将网上的（http://blog.sina.com.cn/s/blog_8dace7290102wezv.html）关于这两个词的领悟粘贴如下： 一. 浏览器渲染过程 渲染：就是把浏览器把HTML代码以css定义的规则显示 ...
分类：
其他好文 时间：
2016-08-16 16:05:15
阅读次数：
194
第3条的原因： 因为浏览器渲染HTML文件是从上往下渲染的，即先执行head标签里的内容，再执行body标签里的，一行行渲染下去。无论当前js代码是内嵌还是在外链文件中，页面的下载和渲染都必须停下来等待脚本执行完成。js执行过程耗时越久，浏览器等待响应用户输入的时间就越长，放在下面有优化效果。 ...
分类：
其他好文 时间：
2016-08-14 20:34:04
阅读次数：
146
我认为一个前端工程师是否优秀，很大程度上取决于对前端性能上优化的功力。所以性能优化对前端真的很重要！！！ 本文介绍了什么是阻塞、为什么会阻塞？阻塞优化常用的5种方式以及他们的注意事项。 浏览器渲染阻塞与优化 什么是阻塞？在页面中我们通常会引用外部文件，而浏览器在解析HTML页面是从上到下依次解析、渲 ...
分类：
其他好文 时间：
2016-08-13 14:07:19
阅读次数：
200
我认为一个前端工程师是否优秀，很大程度上取决于对前端性能上优化的功力。所以性能优化对前端真的很重要！！！ 本文介绍了什么是阻塞、为什么会阻塞？阻塞优化常用的5种方式以及他们的注意事项。 浏览器渲染阻塞与优化 什么是阻塞？在页面中我们通常会引用外部文件，而浏览器在解析HTML页面是从上到下依次解析、渲 ...
分类：
其他好文 时间：
2016-08-12 23:35:20
阅读次数：
243
由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染页面有了统一的标准(CSSc ...
分类：
其他好文 时间：
2016-08-02 18:44:26
阅读次数：
116
