乐趣区

关于前端:前端食堂技术周刊第-47-期Docusaurus-20-7-月登陆网络平台的新内容-Nuxtjs-团队的轮子库

美味值:🌟🌟🌟🌟🌟

口味:碳烤羊排

  • 食堂技术周刊仓库地址: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 隔离沙箱机制的古往今来

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

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

退出移动版