前端快爆
-
Firefox 87 发布
- 功能 & 特性
- 新增 SmartBlock 功能。SmartBlock 为被 Firefox 阻止的脚本提供了替代程序,防止网站在隐私浏览和严格增强跟踪保护下显示不正确,确保网站正常显示。
- 默认剪裁 HTTP Referrer 以保护用户隐私。默认将
Referrer-Policy
修改为strict-origin-when-cross-origin
,以减少在跨域请求中泄露敏感信息的风险,这意味着默认在 HTTP Referrers 中不再包含路径和查询字符串信息。 - 使用页面查找时使用“高亮全部”会沿滚动条显示匹配位置。
- 默认开启
beforeinput
事件和getTargetRanges()
方法,允许 Web 应用程序在浏览器修改 DOM 树之前覆盖文本编辑行为,从而提供对文本输入的更多控制以提高性能。
- 开发者工具
- Inspector 面板中增加了模拟亮色或暗色主题按钮,用来匹配
prefers-color-scheme
媒体查询,开发者无需再从系统设置中更改。 - Inspector 面板中增加伪类
:target
,用来匹配页面唯一元素(id)激活时的样式。
- Inspector 面板中增加了模拟亮色或暗色主题按钮,用来匹配
- 功能 & 特性
-
Chrome 牵头启动了一项叫 Compat2021 的计划,旨在消除 Web 开发五大兼容性痛点,以下从调研、测试、使用等角度解释为什么选中这五大痛点:
- CSS Flexbox
- 调研:这是 MDN 浏览器兼容性报告中的首要问题,在 CSS 中最为人熟知和使用。
- 测试:在所有浏览器获得 85% 的通过率。
- 使用:75% 的页面在使用,在 HTTP Archive 中增长强劲。
- CSS Grid
- 调研:MDN 浏览器兼容性报告亚军,这个属性众所周知,但在 CSS 中较少使用。
- 测试:在所有浏览器获得 75% 的通过率。
- 使用:8% 的页面在使用,并正在快速增长。
- CSS position: sticky
- 调研:在 MDN 浏览器兼容性报告中被多次提到,在 CSS 中为人熟知且经常使用。
- 测试:在所有浏览器获得 66% 的通过率。
- 使用:8% 的页面在使用。
- CSS aspect-ratio property
- 调研:已被熟知,但并未广泛使用。
- 测试:在所有浏览器获得 27% 的通过率。
- 使用:3% 的页面在使用。
- CSS transforms
- 调研:为人熟知且经常使用。
- 测试:在所有浏览器获得 55% 的通过率。
- 使用:80% 的页面在使用。
- CSS Flexbox
-
TypeScript 团队宣布已重写 TypeScript 手册
- 删除了指导 JavaScript 的部分(因为网上和通过书籍学习 JavaScript 的资源非常丰富)。
- 渐进式教学。
- 发布新的 TypeScript 版本时,提供最新的代码示例。
- 编写日常用例。
-
从 Chrome 90 开始,在地址栏不指定协议的情况下,将默认协议改为 HTTPS,以改善隐私和访问支持 HTTPS 的网站的速度。对于还不支持 HTTPS 的网站,当尝试 HTTPS 失败(包括证书错误,如名称不匹配或不受信任的自签名证书,或连接错误,如 DNS 解析失败)时,Chrome 将退回到 HTTP。
百宝箱
- Aladino 是一个基于 WebGL 的网站特效工具,它可以使用「着色器效果」增强您的网站。这是一个很小的文件库(压缩后约为5KB),并且没有依赖项。
-
piscina 是一个快速、高效的 Node.js 工作线程池实现。
-
LinkDOM 是 JSDOM 的一个替代品,使用 JavaScript 解析 HTML 字符串,返回一个 DOM 对象,在上面实现了 DOM 接口。它比 JSDOM 体积更小、速度更快、内存占用更少。
本期编辑:@墨尘;审阅:@一丝。
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论
还没有评论,快来抢沙发吧!