大家都看过报纸或者杂志的排版,里面最主要的一些概念,就是版面的分割,标题的分级等等,web页面作为一种信息展示的形式,其基本的排版形式是从报纸杂志等传统媒介借鉴过来的,看一看html一些常用的tag就可以知道,比如h1-h6,p,img等等。html的语义化从字面的意思来看,就是你选用的tag要尽可...
分类:
Web程序 时间:
2015-02-13 14:43:19
阅读次数:
155
浏览器渲染页面的方式各不相同,甚至同一浏览器的不同版本(“杰出代表”是 IE)也有差异。因此,浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册,那查询起来就方便多了。这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScr...
分类:
Web程序 时间:
2015-02-11 14:14:58
阅读次数:
127
对于形形色色的浏览器,随之而来的就是一些兼容问题,大多应该都是IE下的兼容问题,因为任何浏览器下出现渲染不一致都极有可能是我们自己的结构或样式不符合W3C的某些要求,或者说违背了浏览器的某些规则而先造成的,所以我们应该尽量通过结构或CSS的修改来达到各浏览器渲染一致效果!条件表达式(注:条件注释只能...
分类:
Web程序 时间:
2015-02-04 16:16:41
阅读次数:
188
文章已同步至个人Blog:Benjamin-专注前端开发和用户体验相关概念:绘制频率、屏幕刷新频率、硬件加速、60fps绘制频率:页面上每一帧变化都是系统绘制出来的(GPU或者CPU)【参考浏览器渲染原理】。但这种绘制又和PC游戏的绘制不同,它的最高绘制频率受限于显示器的刷新频率(而非显卡),所以大...
分类:
其他好文 时间:
2015-01-25 18:00:08
阅读次数:
243
渲染应该从最开始当页面布局被定义时就进行优化,样式和脚本在页面渲染中扮演着非常重要的角色。专业人员知道一些技巧以避免一些性能问题。这篇文章不会深入研究浏览器的技术细节,而是提供一些通用的原则。不同浏览器引擎工作原理不同,这就使特定浏览器的学习更加复杂。浏览器是怎样渲染一个页面的?我们从浏览器渲染页面...
分类:
其他好文 时间:
2015-01-04 18:51:50
阅读次数:
173
前言:浏览器的渲染对性能影响非常大,特别是在移动端页面,在宏观上,我们可以参考雅虎那20几条军规来操作,但在微观渲染层面,实际还没有一套相对成型的理论做为依据。本文只是抛砖引玉,带大家进入微观的优化领域,实际在渲染优化这块上,还有很多技巧及方法需要大家去挖掘。本文写的也比较凌乱,望包涵!!先来看个c...
分类:
Web程序 时间:
2014-12-15 15:19:15
阅读次数:
203
eww浏览器是emacs 24.4内置的一个新浏览器,渲染HTML功能较好。在使用mu4e阅读邮件时也可以使用eww的shr2渲染器。http://www.djcbsoftware.nl/code/mu/mu4e/Displaying-rich_002dtext-messages.html#Displaying-rich_002dtext-messages首先下载emacs 24.4的源代码,然后...
分类:
其他好文 时间:
2014-12-03 19:17:24
阅读次数:
377
切图碰到*{background:#00f;} body {background:#999;}当时的想法是这两个作用优先级?(通配符高于body)。前者通配符清除(增加)样式(现在一般不流行这样做法,因为增加客户端负担,浏览器渲染变慢),后者对body清除(增加)样式。把上面代码放入浏览器(ie、....
分类:
Web程序 时间:
2014-12-01 18:52:29
阅读次数:
218
呈现树呈现引擎将开始解析 HTML 文档,并将各标记逐个转化成“内容树”上的 DOM 节点。同时也会解析外部 CSS 文件以及样式元素中的样式数据。HTML 中这些带有视觉指令的样式信息将用于创建另一个树结构:呈现树。呈现树包含多个带有视觉属性(如颜色和尺寸)的矩形。这些矩形的排列顺序就是它们将在屏...
分类:
Web程序 时间:
2014-11-27 14:28:56
阅读次数:
155
【必备】史上最全的浏览器 CSS & JS Hack 手册 浏览器渲染页面的方式各不相同,甚至同一浏览器的不同版本(“杰出代表”是 IE)也有差异。因此,浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册,那查询起来就方便多了。这篇文章就向大家分享Browserhacks 帮我....
分类:
Web程序 时间:
2014-11-25 18:01:50
阅读次数:
225