共计 1301 个字符,预计需要花费 4 分钟才能阅读完成。
美味值:🌟🌟🌟🌟🌟
口味:胡萝卜果蔬汁
- 食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly
本期摘要
- TypeScript 5.0 RC
- 2 月登陆 Web 平台的新性能
- Babel v7.21.0
- JavaScript 中 Signals 的演变
- Node.js Toolbox
- 前端构建工具进化历程
- 通过 React Router V6 源码,把握前端路由
大家好,我是童欧巴。欢送来到前端食堂技术周刊,咱们先来看下上周的技术资讯。
技术资讯
1. TypeScript 5.0 RC
自 TypeScript 5.0 Beta 后的变更:
- 容许装璜器放在
export
和export default
之前或之后。(别问为什么,问就是 TC39 外部探讨和共识的后果) - 新的捆绑器模块解析选项当初只能在
—-module
为esnext
时应用 - 微调了速度基准和包尺寸的具体数值
2. 2 月登陆 Web 平台的新性能
次要更新如下:
- Firefox 110、Chrome 110 公布稳固版本
- Container queries 在三大引擎中稳固
- Chrome 110 反对 CSS initial-letter
- IFrame credentialless
3. Babel v7.21.0
次要更新如下:
- 反对 Inline RegExp modifiers、最新的 Decorators 提案
- TS 5.0
上面咱们来看技术材料。
技术材料
1. JavaScript 中 Signals 的演变
如同太阳底下无新鲜事,Signals 的概念也不是新事物,最早能够追溯到 1969 年。回首 JavaScript 框架的初期,有三大典型框架简直同一期间推出,别离抉择了不同的技术路线:
- Angular 的脏查看
- Backbone 的模型驱动重渲染
- Knockout 的细粒度更新
Knockout 的细粒度更新正是建设在 Signals 的根底上,而 Signals 这一术语的起源是 2013 年诞生的 S.js 库。S.js 还引入了反应式所有权的概念,使 Signals 更易于治理,并建设了 Provider/Consumer 的上下文机制。
Vue 也为后续的倒退做出了微小的奉献,将 push/pull 机制向前推动了一步,增加了调度 (Scheduling) 能力。在 2019 年,Svelte 3 用编译器实现了反馈性(reactivity),并抹平了人体工程学方面的缺点。
反馈性带来的可追溯性的后劲是很大的,因为 Signals 的依赖关系图是明确的,在编译时拿到这些信息,进而管制 JavaScript 的最终生成,晋升代码加载方面的自由性,这正是 Qwik 和 Marko 的可恢复性 (resumability) 的根底。
2. Node.js Toolbox
在 Node.js 生态系统中寻找踊跃保护和风行的库。
3. 前端构建工具进化历程
内容涵盖前端构建工具的进化历程、前端构建工具技术计划比照、罕用构建工具外围实现原理。
4. 通过 React Router V6 源码,把握前端路由
内容涵盖客户端里的路由模式、React Router v6 的架构设计、外围实现 & 组件、罕用 Hooks 等。
好了,以上就是本期的食堂周刊,观众老爷们如果感觉还不错,一键三连是对食堂老板最大的反对。
你的前端食堂,吃好每一顿饭,咱们下期见。