2021年CSS变量性能基准

自定义属性自Chrome 49(2016年3月3日)起可用。虽然Internet Explorer 11不支持它们,但也许现在是时候跳上这一行列了?性能如何呢? 我决定创建一个简单的基准来检查5000个变量是否会减慢页面的渲染速度。如果你想审查或重用我的代码,你可以在这里找到它。 测试条件 生成5000种颜色。 创建10000个HTML节点(可重复使用系数=1)。 输出一个带有标准CSS类的H

- 阅读全文 -

2021年Chrome开发峰会上宣布的一切

这篇文章总结了2021年Chrome开发峰会的所有重要公告,并提供了你需要的链接以了解更多信息。 让网络更具有互操作性 网络兼容性是网络开发者面临的最大挑战之一,因此谷歌一直在与其他浏览器供应商合作,修复五大兼容性痛点。 flexbox, grid, position: sticky, aspect-ratio, and transforms. 这项工作已经导致了这些关键领域的改进。你可以在Co

- 阅读全文 -

Chrome就是新的Safari,而Edge和Firefox也是如此

如果你去iPhone上的App Store,有很多浏览器可以选择。而在最新版本的iOS中,你甚至可以将这些浏览器设置为默认浏览器。那么,为什么有些人在抱怨iOS上的浏览器选择问题? 你可能没有意识到,iOS上的所有浏览器都需要使用与Safari相同的渲染引擎。在其他平台上,情况并非如此。 以Chrome为例。在Android、Windows甚至macOS上,它们都在使用Chromium渲染引擎。

- 阅读全文 -

如果Chrome浏览器破坏了网络的功能,谷歌却未通知,那该怎么办?哦,等等,这正是发生的事情

"浏览器单一文化 "经常被抱怨为对网络的威胁。根据跟踪浏览器使用情况的Statscounter,超过70%的市场是由使用谷歌浏览器或另一个基于Chromium项目的浏览器的人组成的。 当网络倡导者说这是坏事时,他们所担心的是,谷歌可以通过决定支持哪些功能和不支持哪些功能来有效地决定网络的未来。这对一家在搜索和广告方面具有有效垄断地位的公司来说,是一种很大的权力。 如果Chrome浏览器决定破坏网

- 阅读全文 -

每个开发者都应该知道的谷歌浏览器隐藏功能

Chrome开发工具是网络开发者中使用最多的工具之一。但它有一些惊人的功能,大多数开发者都不知道。 在这篇文章中,我将讨论每个开发者都应该尝试的五大Chrome DevTools实验性功能。 1.CSS概述 - 样式的每一点和每一片 CSS概述提供了一个网页中使用的所有样式的摘要。 它包括有关颜色、字体、媒体查询和未使用的声明的详细信息。当你对用户界面进行CSS修改时,这个功能就派上用场了,

- 阅读全文 -