美味值:

口味:西瓜挖球冰

  • 食堂技能周刊仓库地址:https://github.com/Geekhyt/weekly

本期摘要

  • Babel 7.19.0
  • Fresh 1.1
  • React Native 0.70
  • Node.js 作业原理解析
  • JSON Crack
  • 新的 Web 性能目标 INP
  • React 为什么重新烘托
  • JavaScript 历史的时间轴

大家好,我是童欧巴。欢迎来到本期的前端食堂技能周刊,咱们先来看下上周的技能资讯。

技能资讯

1.Babel 7.19.0

该版别包含对如下内容的完成:

  • decorators proposal 5 年了,终于要定下来了,不过功能砍了许多;
  • Duplicate named capturing groups 正则支撑重复命名捕获。

2.Fresh 1.1

Fresh 1.1 近期发布,更新了好多特性:

  • 默许支撑 JSX;
  • 支撑插件,供给官方 twind 插件;
  • 支撑 Preact Signals;
  • 支撑 Preact DevTools;
  • ctx.renderNotFound() 烘托 404 页面;
  • 支撑多个中间件;
  • 实验性支撑 Deno.serve;
  • Showcase 展示区和 Made with Fresh 徽章。

3.React Native 0.70

React Native 0.70 首要更新如下:

  • 文档更新“新的架构“部分;
  • 运用 Hermes 作为默许引擎;
  • 一致装备 iOS 和 Android 的 Codegen Config;
  • 在新架构下 Android 支撑库的 Auto-linking ;
  • Android 构建时支撑 CMake;
  • 等等。

下面咱们来看技能资料。

技能资料

1.Node.js 作业原理解析

Axel Rauschmayer 博士的这篇博文概述了 Node.js 的作业原理,包含如下几个方面:

  • 架构;
  • API;
  • 全局变量和内置模块的亮点;
  • 事情循环;
  • 并发计划。

年末前,他将发布新书《Shell scripting with Node.js》。

2.JSON Crack

JSON 可视化东西。

前端食堂技能周刊第 52 期:Babel 7.19.0、Fresh 1.1、React Native 0.70、新的 Web 性能目标 INP

3.新的 Web 性能目标 INP

INP 通过测量用户与页面的一切交互事情的推迟,来得出代表页面整体响应才能的实验性目标。INP 测量的规模包含鼠标/触摸屏点击事情、键盘事情,不包含悬停和翻滚事情。当用户脱离页面时计算,结果是一个单一的值,越低越好。

与 FID 的差异:INP 归纳考虑了页面的一切交互,得出更全面的目标,而 FID 仅仅初次。

前端食堂技能周刊第 52 期:Babel 7.19.0、Fresh 1.1、React Native 0.70、新的 Web 性能目标 INP

4.React 为什么重新烘托

你以为 React 组件更新有几个原因?

是因为它的 prop 产生了改变吗?还是 Context.Provider 的 value 产生了更新?当一个状态产生改变时,整棵 React 树都会更新吗?

上面的问题假如你不能确保你能彻底答复正确,那就去这篇博文一探究竟吧~

前端食堂技能周刊第 52 期:Babel 7.19.0、Fresh 1.1、React Native 0.70、新的 Web 性能目标 INP

5.JavaScript 历史的时间轴

这个站点整理了 JavaScript 历史上的关键事情节点。

  • 1994-1998: 网景年代;
  • 1999-2007: IE 大战 Firefox;
  • 2008-2012: 网景完结,Chrome 诞生;
  • 2013-2014: 从 ASM.js 到 WebAssembly;
  • 2015-2020: Node.js 兴起;
  • 2020-2022年:Deno 诞生,IE 退休。

前端食堂技能周刊第 52 期:Babel 7.19.0、Fresh 1.1、React Native 0.70、新的 Web 性能目标 INP

其他信息

  • Nuxt Icon
  • Next.js 12.3
  • TypeScript 4.9 Iteration Plan

好文引荐

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

1.创意性的 CSS 布局和灵敏 Web

2.React Error Boundary 攻略

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

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

❤️爱心三连击

1.假如你觉得食堂酒菜还合胃口,就点个赞支撑下吧,你的是我最大的动力。

2.关注公众号前端食堂,吃好每一顿饭!

3.点赞、谈论、转发 === 催更!

前端食堂技能周刊第 52 期:Babel 7.19.0、Fresh 1.1、React Native 0.70、新的 Web 性能目标 INP