奇舞周刊第 428 期：DevTools 实现原理与性能分析实战

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

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

奇舞推荐

■ ■ ■

 DevTools 实现原理与性能分析实战

从2008年 Google 释放出第一版的 Chrome 后，整个 Web 开发领域仿佛被注入了一股新鲜血液，渐渐打破了 IE 一家独大的时代。Google 基于开源的基础上顺势推出了 DevTools，广受网页开发者的好评，随即也推动了 Chrome 的在商业的成功。本文通过分析 Chrome 的 DevTools 的技术实现，特别是在浏览器内核中的实现部分，来展示这款被万千开发者所喜爱的开发工具背后的秘密。

 语雀：在线富文本编辑器的架构设计及实践

文本编辑器技术是一个伴随着 Web 发展的古老技术，有着前端技术中的皇冠之美誉，而近几年，各大公司纷纷重视文档工具，这项技术再次迎来了春天。其实，早在2015年，语雀团队就开始在文档领域探索和实践，积累了丰富的设计与工程经验。GMTC 全球大前端技术大会 (深圳站) 2021 邀请到蚂蚁集团语雀文档编辑器负责人韩聪 (三甲)，分享题为《在线富文本编辑器的架构设计及实践》的演讲。三甲为大家介绍了语雀以及语雀对文档 & 编辑器的理解，然后以文本编辑器为切入点深度解读了编辑器技术，最后，他结合语雀发展，对编辑器技术的进化方向作了展望。本文由语雀团队根据此次演讲整理。

对话 Svelte 未来，Rust 编译器？构建大型应用？

Svelte 的作者 Rich Harris 最近也没闲着，最近发了一篇关于《未来 Svelte》的推文，聊了从如何构建开源库、如何运营开源库、开源库的核心库规划等一系列话题。

技术实践

■ ■ ■

 在政采云如何写前端技术方案文档

写文档和写作一样是一件很费时费力的事情

 Nest.js 快速入门：实现对 Mysql 单表的 CRUD

Nest.js 是一个 Node.js 的后端开发框架，它实现了 MVC 模式，也支持了 IOC (自动注入依赖)，比 Express 这类处理请求响应的库高了一个层次。而且也很容易集成 GraphQL、WebSocket 等功能，适合用来做大规模企业级开发。我们来看看该如何上手 Nest.js。

Vue3 实现仿苹果系统侧边消息提示

你想过如何优雅的实现一个 Toast 组件吗，不妨参考一下本文的实现

拓展边界

■ ■ ■

 从 WebGL 到 WebGPU，网页图形的全新时代

WebGPU 能否代替 WebGL 成为成为未来的网页图形技术？本文作者拥有近十年的 WebGL 经验，在他看来 WebGPU 就是未来。

 Log4j 持续爆雷，啥时候是个头？

Log4j2 风波暴露出来的，是开源项目们的尴尬处境

关于奇舞团

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