奇舞周刊第 504 期：谷歌浏览器 Chrome 117 Beta 又上新功能，爱了爱了！

记得点击文章末尾的“ 阅读原文 ”查看哟~

下面先一起看下本期周刊 摘要 吧~

奇舞推荐

■ ■ ■

 谷歌浏览器 Chrome 117 Beta 又上新功能，爱了爱了！

Chrome 117 Beta 版本新增了 CSS 网格子网格 (subgrid)、入场和出场动画支持，以及 CSS、数组分组、迭代器辅助功能等功能。接下来我们就带大家详细的认识一下这些新特性~

 Node.js 终于原生支持。env 文件了！

近日，Node.js 团队核心成员 Ulises Gascón 在社交平台表示，Node.js 20.6 版本将原生支持。env 文件，该版本计划于8月 28 日发布。下面就来看看。env 文件是什么，有什么作用，如果在浏览器环境中使用。env。

 Nuxt 3.7 正式发布，带来全新 CLI 工具！

8月25日，Nuxt.js 3.7 正式发布！该版本带来了全新的 CLI，原生 Web 流和响应，渲染优化，异步上下文支持等许多新功能，下面就来一探究竟吧！

技术实践

■ ■ ■

 2023 CSS 现状调查结果新鲜出炉，带你看看 CSS 生态圈最新技术趋势！

8月26日，2023 年度 State of CSS 调查 (CSS 现状调查) 结果正式公布！2023年 CSS 状况调查于2023年6月 15 日至7月 15 日进行，共收到了 9108 份回复。下面就来通过这份调查结果来看看2023年 CSS 生态圈的技术趋势！

 TypeScript 5.2 发布，支持显式资源管理！

根据 TypeScript 路线图，TypeScript 5.2 计划于 8.22 发布。下面就来看看该版本都带来了哪些新特性！

 分享能提高开发效率，提高代码质量的八个前端装饰器函数~

装饰器非常好用 前面给大家发了一篇文章 xxx，给大家介绍了一遍 JavaScript 中的装饰器，今天就给大家介绍一下在我项目中用到过的几个装饰器的思路吧~

拓展边界

■ ■ ■

这次可能真要和 HTTP 说再见了

就在 8.16号，Chromium 官方博客宣布了未来将尝试将所有的网站协议默认导向 HTTPS (就算用户主动使用 HTTP 访问也会如此) ，目前已经在 Chrome 115 版本开启了试验。

 纳尼！！CSS 也能实现碰撞检测？

本文，我们将一起学习，使用纯 CSS，实现如下所示的动画效果：

 聊聊网页断点调试及其扩展

因为工作原因最近对断点调试进行一些研究，百度了一下，遗憾的是发现网络上大部分内容都是在教学如何使用调试工具，并没有扩展到具体的细节，譬如通信逻辑，基本原理等。因此，为了尝试去弄懂一些断点调试的底层逻辑，特意去找了一些英文文档并实践

关于奇舞团

奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。