首屏加载慢、性能指标看不懂？本节聚焦首屏渲染优化（含资源加载 / 页面渲染），拆解核心 Web 指标，附 Vue3 特有技巧和监控工具。系列后续更交互优化，追更不迷路～

本文使用threejs开发一款发电机拆解动画并通过交互展示零件详细信息数据交互的大屏开发，效果中规中矩，但是涵盖的知识点比较多，内容详细，也列举了众多开发中遇到的坑，内容比较长，手把手教大家写一个完整

rollup 执行打包的逻辑非常清楚，开发者把不同功能的逻辑进行拆分到一些单独的函数或者 class 中，从而让主线逻辑非常清晰。这种方式其实就是“解耦”的思想。

上一节对资源稍微作了处理，接下来把生产环境配置一下，对js进行按动态加载处理，开发中很多情况下，需要基于路由分包或者对一些比较少用到的库进行分包。 前面webpack.base.js是把服务端和客户端的相同部分抽离出来，现在既然有了生产环境配置，那么就修改一下webpack.b…

会场是每年双十一的主角之一，会场的用户体验自然也是每年最关注的点。在日趋复杂的业务需求下，如何保障我们的用户体验不劣化甚至能更优化是永恒的命题。 今年（2020）我们在不改变现有架构，不改变业务的前提下，在会场上使用了 SSR 技术，将秒开率提高到了新的高度（82.6%）；也观…

如题，本文详尽解析前端性能优化体系。通俗易懂，目前首篇内容涉及性能优化流程以及立项经验。后续会补齐本系列。

本文是数据可视化原理与实践系列的第二篇。G2是一套基于图形语法理论的可视化底层引擎。本次将介绍G2的基本用法，并以G2 4.x版本为例介绍G2源码的基本框架和图表绘制基本原理。

最近刚入职新公司，正好部门每个新人都需要做技术分享，这里借这个机会把自己的知识体系梳理一遍。 原本题目设定为是 Typescript 高级用法介绍，但是考虑掘金有很多关于 Typescript 高级用法 相关的分享，写的都非常好，这里就不做重复性工作了。所以把题目改成了 深入理…

不久前曾做了一场分享，希望可以用 md 记录下来，主要是想深入浅出地帮助大家搞懂 TypeScript 中最难的一部分，协变逆变和 infer 以及前置知识。