用户3873361723881

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

直接说结论，用type一把梭即可，除非你要发布到`npm`。接下来我一一解释 为什么定义对象都要使用type呢？...

单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒 1. 静态文件缓存(js,css等)，图片和SVG进行压缩或者替换。 2. 删掉无用路由、引用的库（实际未使用...

.env 环境变量 首先我们在项目根目录中创建三个文件，分别对应开发环境(.env.development)、生产环境(.env.production)和预发布环境(.en...

经过对浏览器缓存优化方案的调研和实现过程，我发现了一个令人意外的发现：页面加载速度提升了整整48.5%！...

性能优化不等于体验优化。以往谈到优化，我们常常关注的是前端性能优化，但性能优化只是我们改善前端项目的方式之一，目标不明确的性能优化并不能真正地优化前端项目，改善用户体验和开...

这篇文章为大家介绍一下浏览器的调试技巧，可帮助你充分利用浏览器的调试器。 console.log 这个是日常开发中最常用的了如果不知道这个就不是程序员了，这里不多描述了 c...

TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 一、! 非...

Chrome 发布新版本 115，iframe 跨域失败，公司系统的部分功能崩了，现在跑路还来得及吗？...

你是否曾经在JavaScript代码中迷失过？ 是否曾经感到自己的代码像一团乱麻？ 别担心，这就是我们需要设计模式的时候了！ 让我们一起探索这些神奇的模式，让你的代码变得像...

前端 er 如何玩转音视频流-WebRTC 技术介绍 最近做了一个 AI 问答的项目，需要获取用户的摄像头，录像录音，实时语音转文字等等功能，记录一下踩过的坑。以及目前的最...

在面试的过程中，面试官很有可能会问到我们有关this的相关内容。那么关于this我们都知道在 JavaScript 中，this 是一个特殊关键字，它指向当前函数执行时的上...

都2024了还不会封装axios吗？本文将基于 typescript 对 axios 进行优雅封装，将每部分内容细化，尽最大努力带大家弄明白每一处知识和细节，实现属于自己的...

日常也有订阅阮一峰老师的周刊，上面有些有趣的内容会看下。上周五收到了最新一期的推送，看到资源那块有个 “1. Learn Next.js 中文教程”，这个再熟悉不过了，激动...

当我们致力于封装组件，构建高内聚低耦合的模块化系统时，理解和熟练运用类与接口的设计原则显得尤为重要，本文基于Effective Java中类与接口章节汇总出11个设计好...

最近在迭代应用的时候用到了 UPNG.js 压缩 PNG 图片，这里记录分享一下使用经验，并附上完整 Demo。...

其实antd的组件是支持这个拖拽控制列宽的功能的（非内部功能）。大家之所以没有在中文文档上发现，是因为，它在英文文档。本篇文章就讨论下如何实现拖拽控制列宽。...

使用useContext在改变一个数据时，是通过自己逐级查找对比改变的数据然后渲染，而不是通过数据响应式来监控变量的。...

在前端开发中，内存问题是影响页面性能的关键因素之一，包括内存泄漏 、内存膨胀和频繁的垃圾回收等。这些问题不仅影响用户体验，还可能导致页面崩溃。幸运的是，Chrome开发者工...

前端部署其实是一个非常严肃的问题，对于大型应用24小时都有人访问，如果你还是用覆盖式更新的方式部署，肯定会导致页面出错的情况发生，因此，这就涉及到先全量部署静态资源，再灰度...