【第 26 期】前端食堂技术周刊

2,713 阅读2分钟

美味值:🌟🌟🌟🌟🌟

口味:海盐柚子

PC 端在仓库里看体验更好,顺手赏个 Star 是对食堂最大的支持。

技术资讯

  1. 2022,前端工具链十年盘点

阿里妈妈前端快爆出品,我在公众号也和一丝姐申请了转载,全文满满的信息量,一定有你不知道的知识点。

  1. What's New In DevTools - Chrome 99
  • WebSocket 请求支持 Slow 3G
  • Application-Reporting API 新面板
  • Chrome 扩展支持 sourcemap
  • 控制台样式、格式和过滤器优化
  1. 2022 年 Rust 编译器的野心

Rust 编译器团队在这篇博客中说明了 2022 年的 roadmap,以及希望社区里可以有更多的人参与进来贡献。

还有一个资讯是 rust-analyzer 加入 Rust 组织!

  1. Ant Design Mobile 5.0 来了
  • 全新体验设计
  • 100% TypeScript 重写组件
  • 优秀的手势库 use-gesture
  • 优秀的动画库 react-spring
  • CSS 变量
  • 按需引入
  • 77 个组件
  • v2 到 v5 的迁移指南
  • 计划:完善风格化能力、自动化测试、组件补充、Design Kits 发布、无障碍、底层技术探索
  1. 语雀 iOS、Android 客户端上线,iOS 支持 iPad

这个标题“久等,我们来了”,建议在多加几个“久”,是 “久久久久久久久久久久等”。:)

目前功能:除了最基本的编辑能力外,支持多端同步,添加了语雀小记和切换空间。

技术资料

  1. 狼叔直播 Reaction《学习指北:Node.js 2022 全解析》

我整理的狼叔直播文字版,干货很多,在保证原内容的同时,额外加入了一些相关资料和链接,方便你学习。

  1. Web 框架解决了什么问题?

Noam Rosenthal 的系列文章,深入探讨了不同框架之间常见的一些技术特性,并解释了它们的实现原理以及成本(React、SolidJS、Svelte、Lit),然后进一步探究如何以最小成本实现一个“框架”。

  1. React.ReactNode 类型是一个黑洞

Kevin Ball 最近遇到了一个 bug,结果挖出来一个大坑,最后给出了暂时的解决方案。

  1. JavaScript 原型链和继承

如果下面这张图你还画不出来的话,建议用这篇文章再好好复习一下。

好文推荐

  1. 聊聊跨端技术的本质与现状

额外再补充一下,跨端技术方案千千万,保证功能一致的前提下,剩下的就是实现成本和性能之间的比拼和权衡。

  • 语法编译(实现成本高,语法约束多,现在不是主流方案)
  • 类小程序运行时(运行时复杂度高、性能不好,实现成本较低)
  • 对接底层渲染指令(运行时复杂度低、性能好,实现成本很高)
  1. TS 类型体操入门,实现 DeepKeyOf