js代码,检测网页实际渲染字体的两种方案原理发布于2022年09月10日 HTML 还是回到检测网页实际渲染字体的这个话题上,本文列出两个在国外论坛上看到的代码。测试结果是各有优劣,检测结果也是偶尔准确,偶尔不准确。所以,这里就是列出来学习学习思路。本来苏南大叔是改了一些逻辑的,后来发现检测结果都... 阅读更多
如何使用getComputedStyle检测浏览器的默认字体设置?发布于2022年09月09日 HTML 在苏南大叔的文章中,已经说过很多次字体渲染的问题了。网页利用css的font-family来定义字体的一个可用范围,而实际上,每个客户端安装的字体是可以有一定区别的。所以,最终使用了哪个字体,其实是个未知数。在f1... 阅读更多
css代码中的优先级是如何排序的? important强制提升优先级发布于2022年09月08日 HTML 前端的程序员们都知道,可以使用!important来提升css的优先级。那么,其实大家都知道,css在使用!important之前,也是有不同的优先级层次的。那么使用了!important来强制提升优先级之后,会发... 阅读更多
js代码,颜色hex色号和rgb色值如何转化?发布于2022年09月07日 HTML 本文描述两个js自定义函数,作用是色号转化,hex和rgb之间的相互转换。在css里面,色值一般有三种表达方式,以红色为例。可以描述为red,也可以描述为#ff0000,还可以表述为rgb(255 0 0)。本文描... 阅读更多
如何理解getComputedStyle函数?获得渲染计算过的style发布于2022年09月06日 HTML 接着伪元素的概念展开,这里描述一个通过js计算获得style的函数getComputedStyle。这个并不是获得style,而是获得ComputedStyle。style经过原始定义之后,会有各种各样的原因,导致... 阅读更多