共计 1433 个字符，预计需要花费 4 分钟才能阅读完成。
美味值：🌟🌟🌟🌟🌟
口味：碳烤羊排
- 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly
PC 端在仓库里看体验更好，棘手赏个 Star 是对食堂最大的反对。
本期摘要
- Docusaurus 2.0
- 7 月登陆网络平台的新内容
- Nuxt.js 团队的轮子库
- React 的一些最佳平安实际
- 业务中的前端组件化体系
- DNS 查问原理详解
大家好，我是童欧巴。欢送来到本期的前端食堂技术周刊，咱们先来看下上周的技术资讯。
技术资讯
1.Docusaurus 2.0
你可能没用过 Docusaurus，然而你肯定看过基于它搭建的网站，比方：Prettier、Babel、React-Native、Jest、Gulp、Redux、Tauri、Taro 等。
近期 Docusaurus 2.0 公布，外围性能如下：
- 反对用于客户端；
- 插件零碎，外围性能由独自插件提供反对，也不便社区奉献插件；
- 更加灵便的主题定制，如：自定义 CSS 变量、提供用户本人的样式表、从头实现主题、笼罩内置组件；
- 文档版本基于快照，更加容易了解；
- MDX；
- 约定式文件系统。
2.7 月登陆网络平台的新内容
该系列博文会收集每个月登陆 stable(稳固) 和 beta(测试) 版本浏览器的乏味性能，如下是 stable 版本浏览器的局部：
Firfox 103 和 Safari 15.6 公布稳定版，在几个不错的 CSS 性能上取得了互操作性，如下：
- backdrop-filter，能够实现毛玻璃成果；
- scroll-snap-stop，更加良好的滚动体验。
上面咱们来看技术材料。
技术材料
1.Nuxt.js 团队的轮子库
这个页面汇总了 Nuxt.js 团队发明的各种轮子。
2.React 的一些最佳平安实际
为了保障 React 利用的安全性，值得遵循的最佳实际。
蕴含如下方面：
- dangerouslySetInnerHTML；
- 防止间接操作 DOM 注入 HTML；
- 服务端渲染；
- JSON 注入；
- URL 注入；
- 防止有破绽的 React 版本；
- 防止有破绽的其余依赖；
- ESLint React 平安配置。
3. 业务中的前端组件化体系
在一个业务体系中，组件化到底应该如何去做？
这篇博文试图围绕这个主题，给出一些可能的解决思路，包含如下方面：
- 组件的实现：状态与渲染、应用上下文管控依赖项、状态的可组合性、分层复用、多级子树、状态的依赖关系；
- 工程链路：组件依赖状态、跨技术栈集成、测试与剖析。
4.DNS 查问原理详解
应用 dig 命令手把手带你跑通整个 DNS 查问过程。
5.README 的艺术
README 的正式命名日期能够追溯到至多 1970 年和 PDP-10，领有高质量 README 的我的项目应用起来也十分舒服和安心，本文探讨了高质量的 README 应该蕴含哪些内容。
其余信息
- New in Chrome 104
- CSS transform 属性反对合并
- VS Code July 2022 (version 1.70)
- JavaScript Records & Tuples Proposal
- StackBlitz 反对珍藏和社交预览
- @container and :has(): two powerful new responsive APIs landing in Chromium 105
- 区块链 Dapp 开发教程
好文举荐
上面来看一下好文举荐，本周举荐的好文是：
1. 语雀 App 跨端技术架构实际
2. 面向微前端，谈谈 JavaScript 隔离沙箱机制的古往今来
好了，以上就是本期的食堂周刊，观众老爷们如果感觉还不错，一键三连是对食堂老板最大的反对。
你的前端食堂，吃好每一顿饭，咱们下期见。
