奇舞周刊第 505 期：实践指南-前端性能提升 270%!

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

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

奇舞推荐

■ ■ ■

 实践指南-前端性能提升 270%

当我们疲于开发一个接一个的需求时，很容易忘记去关注网站的性能，到了某一个节点，猛地发现，随着越来越多代码的堆积，网站变得越来越慢。本文就是从这样的一个背景出发，着手优化网站的前端性能，并总结出一套开发习惯，让我们在日常开发时，也保持高性能，而不是又一次回过头来优化性能。

 教你如何在 React 中逃离闭包陷阱...

如果我们想编写复杂且性能很好的 React 应用，就必须了解闭包。如果你从未接触过 React 中的闭包，本文可能会让你脑浆迸裂，在阅读本文时，请确保随身携带足够的巧克力来刺激你的脑细胞。

 从 VS Code 看优秀插件系统的设计思路

在目前流行的框架中，通常都会采用插件来定制、扩展系统的能力。其实插件系统在软件架构中有一个更专业的术语：微内核架构。本文将详细介绍微内核架构的原理、优势、分类、同时也会对优秀的软件案例进行分析，最后结合笔者当前负责的中型前端项目，分享微内核架构在实际项目的实践。通过本文您将了解什么是插件系统，如何设计插件系统，以及怎么更优雅地实现插件系统，欢迎阅读。

技术实践

■ ■ ■

 手摸手 Threejs 地图 3D 可视化

从头实现如何加载地理数据，并将其映射到三维场景中的对象上。

 解析 Node.js 镜像原理，轻松构建高效 CI/CD 流程

nodejs 官方镜像主要由三部分组成 linux 版本 + 工具包合集 + nodejs 运行时，三部分可以组合成不同的 tag，每种组合都有其应用的场景，我们可以根据大小、安全、功能来进行选择。

 如何实现 PDF 预览和下载？

针对 PDF 预览的文章不在少数，但似乎都没有提及可能遇到的问题，或是提供对应的具体需求场景下如何选择，因此，本文的核心就是结合实际需求场景下，看看目前各种实现方案到底哪一个更适合，当然希望大家可以在评论区对文中的内容进行斧正，或是提供更优质的方案。

拓展边界

■ ■ ■

 前后端中的异步和事件机制 | 前后端开发

相信大家都知道大名鼎鼎的 epoll 机制，其核心目标还是实现系统资源分时复用的效率最大化。下面就让我们一起来看看，前后端应用开发场景中异步和事件机制有什么异同吧。

 新一代 Web 预渲染技术！

最近，Chrome 团队引入一套全新的完整页面预渲染的能力。为了避免现有用法的复杂性，并且能够让预渲染技术的未来继续发展，新的预渲染机制将不使用 <link rel="prerender"...> 以及 NoState Prefetch 的保留的语法，未来也可能在某些节点禁用这些用法。

关于奇舞团

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