CSS > ICONFONT 基线和大小问题

2017-09-27
阅读 2 分钟
5.5k
Note. It is recommended that implementations that use OpenType or TrueType fonts use the metrics "sTypoAscender" and "sTypoDescender" from the font's OS/2 table for A and D (after scaling to the current element's font size). In the absence of these metrics, the "Ascent" and "Descent" metrics from...

CSS > 关于雪碧图预处理和后处理方案的讨论

2017-09-26
阅读 7 分钟
4.1k
前端小图标处理方案众多,本文主要介绍基于雪碧图的处理方案,分析雪碧图的预处理和后处理模式的得与失,以及在项目中通常会遇到的问题以及解决方案。其他小图标处理方案未在此文探讨之列。

CSS > 高清缩放原理分析

2016-04-07
阅读 2 分钟
6.7k
最近在研究 Retina 屏的适配问题,在具体方案讨论之前,陆续做了一些理解笔记,现归纳如下。具体方案的讨论将另作文章。 <meta name="viewport"> 中的 viewport 是布局视口 initial-scale 等的缩放是基于理想视口的 理想视口由设备各自提供,理想视口的宽度也是设备的独立像素 所谓“独立”是说这个设备独立像素和像...

CSS > Flex 布局中的放大和收缩计算

2015-12-01
阅读 2 分钟
7.7k
原文:[链接] 译者注:本文仅简单翻译下原文中关于如何计算 flex 属性的值的部分。其他有关 Flex 布局的知识本文不作探讨。 2015.12.5更新:关于 flex 不同的取值情况,以及 flex-basis 的取值意义,请参考我在这个问题中的回答:[链接]

CSS > 行内格式化上下文中的各种高度计算

2015-10-09
阅读 6 分钟
7.4k
前言碎碎语:标题问题在昨天困扰了笔者很久很久,早上把问题提到了各网络也暂时没有回复。因为明天要早起飞异地参加一场校招面试,笔者还是很紧张的,但奈何问题不解决寝食难安……所以还是卯起劲重新思考这个问题,算是暂时有了一个自己比较认可以及清晰的答案,与各位读者分享。如您有不同观点想法意见建议,恳请斧正!

CSS > CSS3 中的层叠上下文初探

2015-10-07
阅读 5 分钟
10.6k
前言:关于层叠上下文,笔者还没有去阅读更详细的 W3C 规范来了解更本质的原理(表打我,等我校招拿到 offer 了我就读好伐 T_T)。一直听说 CSS3 里的层叠上下文有新情况,但没找到很好的参考资料,故自己实战一把。鉴于笔者水平有限,如有任何遗漏或者错误,则恳请读者斧正。

前端性能优化方案索引

2015-10-05
阅读 3 分钟
12.6k
请求头里,可以发送 If-Modified-Since 以及 If-None-Match 等信息,来询问服务端请求内容是否有更新,如果没有更新,可返回304,告诉浏览器使用缓存,避免重新下载资源。Pragma 和 Cache-Control 等也能控制缓存。如告诉服务端不要缓存等。

CSS规范 > 10 视觉格式化模型详述 Visual Formatting Model Details

2015-10-05
阅读 13 分钟
6.8k
2015/10/08: 原“10.8标题 行盒高度计算”改为“10.8 行高计算”。英文原文为“line height”。由于翻译时候看到那段结论是行盒的高度,脑抽就把原本翻译对的标题改了下,刚回顾一番深觉不妥,故改回来。

CSS规范 > 8 盒模型 Box Model

2015-08-15
阅读 6 分钟
9.6k
2017-07-20: 关于外边距折叠, 推荐问题: [链接] 8 盒模型 Box Model URL: [链接] Translator : HaoyCn Date: 15th of Aug, 2015 译者注:本译文仅择精要部分翻译了规范,主要描述了盒模型结构,以及重点分析外边距折叠。个人水平有限,欢迎指正! CSS盒模型所描述的矩形盒由文档树内的元素生成,根据视觉格式化模型布局...

CSS规范 > 9 视觉格式化模型 Visual Formatting Model

2015-08-14
阅读 17 分钟
10.3k
本章和下章用于描述视觉格式化模型:用户代理 User Agent 如何在视觉媒体 Visual Media 下处理文档树 Document Tree 。

CSS > 译文:理解CSS中的块级格式化上下文

2015-08-09
阅读 6 分钟
10.9k
Original Author: Ritesh Kumar Original Article: http://www.sitepoint.com/understanding-block-formatting-contexts-in-css/ Translator: HaoyCn Date: 9th of Aug, 2015

JavaScript > Juicer.js源码解读

2015-08-08
阅读 22 分钟
10.8k
Juicer.js源码解读 Version: 0.6.9-stable Date: 8th of Aug, 2015 个人能力有限,如有分析不当的地方,恳请指正! 第一部分: 参数配置 方法与参数 参数配置方法是 juicer.set,该方法接受两个参数或一个参数: 当传入两个参数时,如 juicer.set('cache',false) ,即是设置 cache 为 false 当传入一个参数时,该参数应为...

JavaScript > 继承与拷贝

2015-08-07
阅读 5 分钟
5.9k
JavaScript 继承与拷贝 Date: 7th of Aug, 2015 Author: HaoyCn 本文讨论JavaScript中如何实现继承关系,以及如何拷贝对象。下面,我们分别探讨4种继承方法。谈完继承方法后,再谈论对象的拷贝。 需要提前说明的是,后文需要继承的构造器函数是: {代码...} 原型链继承法 本方法的特性在于,能够把可以重用的部分迁移到...

CSS > 选择器优先级与效率优化

2015-08-07
阅读 2 分钟
8.2k
CSS选择器优先级与效率优化 Date: 7th of Aug, 2015 Author: HaoyCn 本文收集网上各处关于CSS选择器的文章总结,并自己归纳一篇。 各类选择器的优先级 important声明 1,0,0,0 ID选择器 0,1,0,0 类选择器 0,0,1,0 伪类选择器 0,0,1,0 属性选择器 0,0,1,0 标签选择器 0,0,0,1 伪元素选择器 0,0,0,1 通配符选择器 0,0,0,0 ...