写点什么

前端食堂技术周刊第 47 期:Docusaurus 2.0 、7 月登陆网络平台的新内容 、Nuxt.js 团队的轮子库

作者:童欧巴
  • 2022 年 8 月 10 日
    北京
  • 本文字数:1202 字

    阅读完需:约 4 分钟

前端食堂技术周刊第 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 功能上获得了互操作性,如下:





下面我们来看技术资料。

技术资料

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 应该包含哪些内容。

其他信息

好文推荐

下面来看一下好文推荐,本周推荐的好文是:


1.语雀 App 跨端技术架构实践


2.面向微前端,谈谈 JavaScript 隔离沙箱机制的古往今来


好了,以上就是本期的食堂周刊,观众老爷们如果觉得还不错,一键三连是对食堂老板最大的支持。


你的前端食堂,吃好每一顿饭,我们下期见。


发布于: 刚刚阅读数: 2
用户头像

童欧巴

关注

你远道而来这世间,想必也是因为热爱吧。 2019.06.10 加入

公众号“前端食堂”CEO

评论

发布
暂无评论
前端食堂技术周刊第 47 期:Docusaurus 2.0 、7 月登陆网络平台的新内容 、Nuxt.js 团队的轮子库_JavaScript_童欧巴_InfoQ写作社区