前端食堂技术周刊第 47 期:Docusaurus 2.0 、7 月登陆网络平台的新内容 、Nuxt.js 团队的轮子库
美味值:🌟🌟🌟🌟🌟
口味:碳烤羊排
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 应该包含哪些内容。
其他信息
好文推荐
下面来看一下好文推荐,本周推荐的好文是:
2.面向微前端,谈谈 JavaScript 隔离沙箱机制的古往今来
好了,以上就是本期的食堂周刊,观众老爷们如果觉得还不错,一键三连是对食堂老板最大的支持。
你的前端食堂,吃好每一顿饭,我们下期见。
版权声明: 本文为 InfoQ 作者【童欧巴】的原创文章。
原文链接:【http://xie.infoq.cn/article/2bfbff6ad8ede74948211f55a】。文章转载请联系作者。
评论