前言 前段时间老板心血来潮，要我们前端组对整个的项目都做一下接口防止重复请求的处理（似乎是有用户通过一些快速点击薅到了一些优惠券啥的）。。。行吧，搞就搞吧，you happy jiu ok！

前端性能优化一直是很多同学非常关注的问题，在日常的面试中也是经常会被问到的点。所以今天咱们就花一点时间来了解一下【2024最新的前端性能优化方案】，以此来助大家高效工作，面试顺利！

背景 一、import按需加载 很多小伙伴肯定不少看到过，性能优化路由要用import('@/views/xxxx.vue')这样就可以按需加载了。 本身的vue-cli自动创建出来的时候也会有这一条

如果是前端资源加载慢导致页面慢，则应该考虑如何缩短请求耗时。而如果是前端页面逻辑笨重，UI数据量太大，则可以试着从减少重排重绘的角度去优化。对于耗时长的复杂计算，缓存计算结果往往是见效较快的优化方式。

本文将会介绍浏览器`devtool`的一些常用工具方法，这些工具能够以可视化的方式展现当前网页情况。平常我们在做性能优化的时候，第一步是分析性能瓶颈，第二步借助工具找到问题，第三步解决瓶颈问题。

现在写代码比以前好多了，代码的格式都有eslint,prettier,babel(写新版语法)这些来保证，然而，技术手段再高端都不能解决代码可读性（代码能否被未来的自己和同事看懂）的问题，因为这个问题只有人自己才能解决。我们写代码要写到下图中左边这样基本上就功德圆满了。 你可以…

对于初入职场的我们，最重要的就是学习如何写出高质量的 js 代码。学习的途径也很简单，多看，多写，多总结。

为啥突然想学习 Web Worker 了呢，因为我在某金上看到了一篇文章，而那篇文章有个评论说 Web Worker 实现起来很丝滑，我在想是要怎么实现呢，于是就开启了探究 Web Worker之旅。

最近在合并几个项目的代码，把功能拼一拼简称项目拼多多。 几个系统都没有 eslint 之类的东西，我居然想给 拼多多 加上代码检查。我还真的干了，于是就有了下面这些奇奇怪怪甚至有甚至有些可爱的代码。