美味值：
口味：西瓜挖球冰
- 食堂技能周刊仓库地址：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 可视化东西。
3.新的 Web 性能目标 INP
INP 通过测量用户与页面的一切交互事情的推迟，来得出代表页面整体响应才能的实验性目标。INP 测量的规模包含鼠标/触摸屏点击事情、键盘事情，不包含悬停和翻滚事情。当用户脱离页面时计算，结果是一个单一的值，越低越好。
与 FID 的差异：INP 归纳考虑了页面的一切交互，得出更全面的目标，而 FID 仅仅初次。
4.React 为什么重新烘托
你以为 React 组件更新有几个原因？
是因为它的 prop 产生了改变吗？还是 Context.Provider 的 value 产生了更新？当一个状态产生改变时，整棵 React 树都会更新吗？
上面的问题假如你不能确保你能彻底答复正确，那就去这篇博文一探究竟吧～
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 退休。
其他信息
- Nuxt Icon
- Next.js 12.3
- TypeScript 4.9 Iteration Plan
好文引荐
下面来看一下好文引荐，本周引荐的好文是：
1.创意性的 CSS 布局和灵敏 Web
2.React Error Boundary 攻略
好了，以上就是本期的食堂周刊，观众老爷们假如觉得还不错，一键三连是对食堂老板最大的支撑。
你的前端食堂，吃好每一顿饭，咱们下期见。
❤️爱心三连击
1.假如你觉得食堂酒菜还合胃口，就点个赞支撑下吧，你的赞是我最大的动力。
2.关注公众号前端食堂，吃好每一顿饭！
3.点赞、谈论、转发 === 催更！
