随着es2015、babel等技术在前端迅速普及，前端开发效率大幅提升。vue、react之类的框架也被广泛采用。在使用基于react的antd构建后台系统的过程中遇到了明显的性能问题。下面针对遇到的性能问题进行研究并给出解决方案。

大家好，我是沐华。我发现很多5年以上前端，简历上写的基本都是熟练使用 Vue2、Vue3、React 并阅读源码对其实现原理有自己的理解，实际问起来却不免让人唏嘘

22年7月入职了现在的公司。记录一下在公司做的前端代码优化，如果你也遇到了同样的问题，希望可以帮助到你,或者可以在评论区进行交流。

根据语言和字宽的不同，自动选择对应的字体。 一段文本如何使用多个字体？ 一段文本如何根据不同语言使用不同字体？ 不同字宽如何使用不同字体包？ 同一个字体多个字体包怎么办？

1.Vue3.0性能提升主要是体现在哪些方面，2.vue3有哪些新的组件，3.Vue2.0 和 Vue3.0 有什么区别，4.Vue 生命周期，5.都说 Composition API 和 React

我在简历上写了精通 H5，结果面试官上来就问： 同学，你说你精通 H5 ，那你能不能说一下怎么实现 H5 秒开？

1. 为什么用 webp? 同样的质量下，更小的体积，更快的加载速度。 缩短的加载时间远远大于解码所需要的时间。 2. webp兼容问题 webp的兼容性不是很乐观，尤其在ios safari上一片红。 这里我们在客户端用js检测是否支持WebP，支持请求webp图片，不支持保…

推荐大家时间充裕的话可以自己阅读英文原文，此文是根据掘金翻译的四篇文章 + 其他的翻译文章 + 自己翻译修改得出的。因为翻译大家懂得，会有一些错误的地方，欢迎大家指出，本人不保证翻译没有错误，但已经尽力去翻译了，所以欢迎大家直接阅读英文原文！！欢迎大家直接阅读英文原文！！欢迎大…

性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演示源码和PPT