奇舞周刊第 412 期：从硬件、渲染、计算三大视角解析渲染性能优化的本质

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

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

 

奇舞精选

■ ■ ■

 从硬件、渲染、计算三大视角解析渲染性能优化的本质

渲染性能优化是个经久不衰的话题。作者从全局和系统化的角度，分享了自己对“渲染性能优化的本质”之理解，并尝试提出了一条从底层原理出发的路径，在渲染性能优化方向上，面对纷繁复杂的问题时，有更加精准和明确的依据和更有价值的方案。

如何防止他人恶意调试你的 web 程序

随着前端技术的逐渐普及，越来越多的人学会了通过 Chrome Devtools 以“非常规”的方式从页面获取资源。那作为前端开发者，我们是否真的有什么手段来防止恶意的调试呢？让我们来看看这篇文章。

 让 Node.js 变“懒”的 COW 技术

COW 不是奶牛，是 Copy-On-Write 的缩写，这是一种是复制但也不完全是复制的技术。

技术实践

■ ■ ■

 Webpack 原理系列九：Tree-Shaking 实现原理

Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确定 ESM 模块中哪些导出值未曾其它模块使用，并将其删除，以此实现打包产物的优化。 范文杰推荐

Vue3 的 7 种和 Vue2 的 12 种组件通信

作者总结了 Vue 的组件通信方式，一起来看一下吧

 奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？

说到前端的 3D 效果，我们总会先想到 WebGL，可是面对相对简单的需求，CSS 3D 也足够应付。如果你还没听说过，那不妨通过这篇文章了解一下神奇的 CSS 3D。

扩展边界

■ ■ ■

 深入解析基于 Flutter 的 Web 渲染引擎“北海 Kraken”技术原理

Flutter 作为跨端届的新宠，这两年也获得了越来越多的关注，Flutter 的优点是性能好、由于其通过自绘渲染使得跨端一致性高，但是它也有它自身的缺点，比如生态自成一派，既不是前端也不是 Android/iOS。在面对随之而来的大量问题以及切换的高成本，作者团队探索了一种将前端生态与 Flutter 结合起来的方案 --- 北海 Kraken。Kraken 是一款高性能 Web 标准的自绘渲染引擎，具有高性能、易扩展、基于 Flutter 以及遵守 Web 标准的特点。

 边缘计算：让 CDN 成为高性能 GraphQL 网关

在国外，Facebook、Netflix、Github、Paypal、微软、大众、沃尔玛等企业也在大规模使用 GraphQL 中，甚至让以 GraphQL 为生的 Apollo 公司成功拿下了 1.3 亿美元的 D 轮融资。在面向全球前端开发者调研问卷中，GraphQL 也成为最受关注的技术和最想学习的技术。Github 上有一份持续更新的 GraphQL 公开服务列表。

关于奇舞团

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