这是我在B站的第 50 场免费模拟面试 本次的候选人十年工作经验，做了多年后端，最近几年在写前端，在公司负责工程化建设与基础组件维护，在面试过程中也可以看出对此掌握程度很高。 视频版: 十年经验架构师

本文正在参与 “性能优化实战记录”话题征文活动 我们把性能优化的方向分为以下两个方面，有助于结构化的思考与系统分析。 加载性能。如何更快地把资源从服务器中拉到浏览器，如 http 与资源体积的各种优化

前端项目性能优化，主要从首屏加载时间和构建包的大小两个角度触发，以基础的Vue Cli3的项目为例：优化前首屏加载从30s+到2.5s，构建的包从28M到1M……

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

大家好，我叫王力国，目前是 RPA 前端团队负责人，过去一年我们从零构建了 RPA 前端平台，目前前端维护的代码行数在 13 万行左右，其中超过 92% 以上是 TypeScript 代码，主要有以下

和一群志同道合的朋友，看同一个东西，然后各自发表自己的意见和看法，这种感受与看直播发弹幕很不一样。我很享受这种氛围。

本文列举了四个建议避免使用的TypeScript特性。根据使用实际场景，你可能有很好的理由去使用这些特性，但是我们认为默认情况下不应该去使用它们。

[toc] 前言 一份简洁、纯粹的Web前端性能优化清单。每个优化点都包含有概念、实操和参考资料。面试、实战两相宜。 这是一个大工程。在正式开始之前，先统一下语言，澄清每一部分的目的和要求，防止跑偏。

微软在其官方GitHub上公布了一系列VS Code tips and tricks，本文为对它的翻译提炼，译者：张新慧。