7
技术周刊 2020-10-20：Chrome 启用细粒度缓存键
source link: https://zhuanlan.zhihu.com/p/266948755
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
技术周刊 2020-10-20：Chrome 启用细粒度缓存键
- npm v7.0.0 正式发布，新版相对 v6 完全支持了符号链接，追加了自动安装 peerDependencies 的行为，并支持 yarn.lock 文件。
- Chrome 85 开始，HTTP 缓存将采用更细粒度的键以保证隐私安全：
- 之前，单资源的缓存是以 URL 来作为键，并不关心请求 URL 的来源；
- 目前，缓存的键由 URL、顶部 window 域名、当前 window 域名三元组构成；
- 新的缓存机制隔离了 iframe 内外的跨域请求，能有效规避站点访问嗅探、跨站搜索攻击、跨站访问跟踪等隐私问题；
- 此缓存机制在 fetch 协议中的 HTTP cache partitions 中有定义；
- 其他浏览器支持情况：
- 更新缓存机制后，缓存未命中的情形增加了 3.6%，整体网络加载字节数增加了 4%。
- Chrome 87 开始，可以在 JavaScript 层面控制摄像头的平移、倾斜和缩放了。
- 浏览器提供了
navigator.mediaDevices.getSupportedConstraints()接口来帮助完成特性检测 - 使用前需要通过
navigator.mediaDevices.getUserMedia()接口完成权限请求 - 浏览器提供了
videoTrack.applyConstraints()接口来完成对对摄像头的平移、倾斜和缩放 - 不是所有基于 Chromium 的浏览器都支持摄像头控制，可在
chrome://media-internals/中查询对 Pan-Tilt-Zoom 的支持
- 浏览器提供了
- Dr. Axel Rauschmayer 近期发现使用非 JavaScript 语言实现的 JavaScript 工具库正在增加：
- esbuild (Go): JavaScript 打包与压缩
- swc (Rust): JavaScript/TypeScript 编译
- Google Closure Compiler (Java): JavaScript 压缩与代码检查
- 代码风格与提示
- 命令行工具
- Fast Node Manager (Rust): Node.js 版本管理工具
- Volta (Rust): JavaScript 命令行工具管理
- 针对常用的代码压缩工具 babel-minify、esbuild、terser、uglify-js，minification-benchmarks 提供了相关的 benchmark：
- esbuild 总体压缩速度最快，babel-minify 总体压缩速度最慢
- 压缩体积的差距都在几 kb 之内
- ZzFXM 是一个前端实现的音乐制作工具。
编辑：承虎 & 审阅：墨尘
发布于 10-20
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK