奇舞周刊469期：我是怎么调试 Element UI 源码的

记得点击文章末尾的“ 阅读原文 ”查看哟~

下面先一起看下本期周刊 摘要 吧~

奇舞推荐

■ ■ ■

 我是怎么调试 Element UI 源码的

但很多小伙伴是写 Vue 的，可能平时用的是 Element UI 的组件库，所以这篇文章就来讲下怎么调试 Element UI 的源码。

 React Hooks 不优雅？

时至今日，React Hooks 已在 React 生态中大放异彩，席卷了几乎所有的 React 应用。而其又与 Function Component 以及 Fiber 架构几近天作之合，在当下，我们好像毫无拒绝它的道理。诚然，Hooks 解决了 React Mixins 这个老大难的问题，但从它各种奇怪的使用体验上来说，我认为现阶段的 Hooks 并不是一个好的抽象。

 IntersectionObserver 实现虚拟列表初探

前端开发中经常会遇到大数据量列表展示的性能问题，即大数据量一次性展示时前端渲染大量 Dom，触发渲染性能问题，造成初始加载白屏，交互卡顿等。解决这类问题的方案也有很多，使用虚拟列表展示是一个比较常见的解决方案。今天我们来介绍如何使用 IntersectionObserver 这个 API 来自定义实现虚拟列表。

技术实践

■ ■ ■

 比 Webpack 快 700 倍的 Turbopack，到底快在哪？

10月25日，Next.js 13 正式发布。同时，Vercel 还推出并开源了下一代打包工具：Turbopack。Turbopack 是针对 JavaScript 和 TypeScript 优化的增量打包工具，由 Webpack 的创建者 Tobias Koppers 和 Next.js 团队使用 Rust 编写。Turbopack 的推出吸引了众多开发者的关注，下面就来看看 Turbopack 都有哪些优势！

 CSS 渐变锯齿消失术

在 CSS 中，渐变 (Gradient) 可谓是最为强大的一个属性之一。但是，经常有同学在使用渐变的过程中会遇到渐变图形产生的锯齿问题。

 Web 应用架构的下一个转变

大家好，我是 ConardLi。Web 技术大概 25 年前开始萌芽，HTTP、HTML、CSS 和 JS 都是在九十年代中期首次被标准化的。直到如今，Web 演变成一个无处不在的应用平台。随着 Web 的发展，Web 应用程序的开发架构也在不断发展。现在有许多用于构建 Web 应用程序的核心架构，目前最流行的是单页应用 (SPA)，但我们正在逐渐过渡到一种新的改进架构来构建 Web 应用程序。下面是一些主要的架构模式：多页应用 (MPA) 渐进增强的多页应用 (PEMPA) 单页应用 (SPA) 渐进增强的单页应用 (PESPA) 每种架构都有它的优点和痛点，但是往往架构的痛点会成为一个足以促使人们转向下一个架构的核心动力，在技术选型时，我们需要综合考虑。

拓展边界

■ ■ ■

 Monorepo，大型前端项目管理模式实践

Monorepo 这个词您可能不是首次听说，在当下大型前端项目中基于 monorepo 的解决方案已经深入人心，无论是比如 Google、Facebook，社区内部知名的开源项目 Babel、Vue-next，还是集团中 rax-components 等等，都使用了 monorepo 方案来管理他们的代码。

 V8 引擎：基于类型推测的性能优化原理

本文的会介绍一些关于 V8 内基于推测的优化的技术，以此来告诉大家，为什么需要 TypeScript。

关于奇舞团

奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。