奇舞精选
从硬件、渲染、计算三大视角解析渲染性能优化的本质
渲染性能优化是个经久不衰的话题。作者从全局和系统化的角度,分享了自己对“渲染性能优化的本质”之理解,并尝试提出了一条从底层原理出发的路径,在渲染性能优化方向上,面对纷繁复杂的问题时,有更加精准和明确的依据和更有价值的方案。
如何防止他人恶意调试你的 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 公开服务列表。