🌰栗子前端技术周刊第 16 期 (2024.1.29 - 2024.2.4)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。
📰 技术资讯
-
TypeScript 5.4 Beta ：该 TypeScript 版本新增了
Object.groupBy和Map.groupBy，引入了新的NoInfer<T>工具类型，更新文档中还涵盖了许多更小的零碎内容。最终版本预计将于三月份发布。 -
Nuxt 3.10：Nuxt 3.10 刚刚发布，其中包括实验性的预渲染时共享 asyncData、客户端 Node.js 支持、更好的 cookie 响应式等。
-
Husky 9：Husky 提供了一种结构化的方式来使用 git hooks 做一些事情，比如对提交信息或代码的自动 lint、在提交或推送时运行单元测试等等，v9 版使设置和添加钩子变得更加容易。
-
Vite 周下载 1000 万次：Vite 的 npm 周下载量刚刚突破 1000 万次，Vite 以 原生 ESM 方式提供源码的设计大大提高了开发时构建时间，同时也支持丰富的内建功能，这使得 Vite 越来越受欢迎。
📒 技术文章
-
Guarding JS Objects with Proxy：了解如何使用 Proxy 保护 JavaScript 对象。
-
A Configurable Switch using Modern CSS Techniques：使用现代 CSS 技术实现的可配置 Switch 控件 - 使用 :has()、容器查询、逻辑属性和自定义属性等技术。
-
Top 7 Common Frontend Security Attacks：Web 应用安全似乎对很多开发来说并不会特别关注，但事实上，每天发生的网络攻击超过 2,200 起。本文介绍 7 种最常见的网络攻击以及如何防范它。
-
前端项目如何准确预估个人工时：估时是每个开发都会经历的事，文中介绍如何准确预估个人工时以及如何面对压工时等等常见的问题。
-
前端最全的 5 种换肤方案总结: 5 种换肤方案的介绍，同时总结了各方案的实现以及优缺点。
🔧 开发工具
- React Resizable Panels：可调整面板的组件 - 如果你有各种面板，并希望用户能够通过分隔线调整它们的大小，不妨试试这个。
- React Curved Text：该组件可以在 React 中渲染圆形/弧形文本。页面中包含一个互动演示，你可以尽情体验效果，然后复制所需的 JSX。
- Cytoscape.js：图形/网络可视化和分析库 - 如果你需要对生物数据或社交网络等关系型数据进行建模或可视化，你可以试试它。网站这里有许多演示供你参考。
🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。
💖 欢迎关注微信公众号：栗子周刊 💖