前段
8篇文章 · 0订阅
  • 浏览器渲染详细过程：重绘、重排和 composite 只是冰山一角
    从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程，完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。
    前端 HTML
    浏览器渲染详细过程：重绘、重排和 composite 只是冰山一角
  • 浏览器渲染页面过程与页面优化
    由一道面试题引发的思考：从用户输入浏览器输入url到页面最后呈现有哪些过程？一道很常规的题目，考的是基本网络原理，和浏览器加载css，js过程。答案大致如下：用户输入URL地址浏览器解析URL解析出主
    浏览器 Chrome Firefox
  • 「前端那些事儿」① 浏览器渲染引擎
    确实是个老生常谈的问题，但问题的答案并不是唯一的，或许在三五年前，这个问题还会有一个「相对」标准的答案。 此答案精简的概括了「后端为主的 MVC 模式」及早期 Web 应用的浏览器响应的全过程。前端技术发展到现在，「前后端分离」「中间件直出」和「MNV*模式」也已问世，再谈及此…
    浏览器
    「前端那些事儿」① 浏览器渲染引擎
  • 聊聊浏览器的渲染机制
    参考了几篇质量比较高的文章，在结合自己的实例测试和理解，重新整理的一下浏览器的渲染的一些小细节
    前端
    聊聊浏览器的渲染机制
  • 灵活运用CSS开发技巧
    何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…
    HTML CSS
    灵活运用CSS开发技巧
  • 「前端那些事儿」③ CSS 布局方案
    居中布局1、水平居中a)inline-block+text-aligntips：此方案兼容性较好，可兼容至IE8，对于IE567并不支持inline-block，需要使用csshack进行兼容b)ta
    前端 CSS GitHub
    「前端那些事儿」③ CSS 布局方案
  • 页面展现中的浏览器渲染原理
    DOM tree 和 CssDOM tree 合并成 render tree， render tree 中每个 node 都有自己的 style，而且 render tree 不包含隐藏的节点(比如display: none的节点，还有无样式的<head>节点)，因为这些节点不…
    浏览器
  • 【干货】十分钟读懂浏览器渲染流程
    在之前写过的一篇《"天龙八步"细说浏览器输入URL后发生了什么》一文中，和大家分享了从在浏览器中输入网址URL到最终页面展示的整个过程。部分读者向我反馈对于最后的浏览器渲染布局这块不是很清晰，所以本文就浏览器渲染流程单独开篇讲解，希望大家都能有新的收获。 Firefox使用Ge…
    前端