前端切图仔_筑基期

今年上半年，作为团队中的校招新人，我承接了两位离职同事的业务模块。面对密集的需求，我不仅扛住了“以一当三”的交付压力，同时保证了线上零事故。这一切，离不开 Cursor 的...

在前三篇文章中，我们搞定了性能、行为和错误的采集。但很多掘友在评论区灵魂发问：**“数据是抓到了，发不出去有啥用？进电梯断网了咋办？页面关太快请求被掐了咋办？.......

AI 领域超级火爆话题，Skills：AI 核心技能包！！！把你的最佳实践技术变成看得见摸得着的实体！...

Vercel 最近发布了 React 最佳实践库，将十余年来积累的 React 和 Next.js 优化经验整合到了一个指南中。 其中一共包含8 个类别、40 多条规则。 ...

从 nvm 到 fnm：一个前端老兵的版本管理工具迁移实录 引子：那个让我崩溃的早晨 某个周一早晨，我像往常一样打开终端准备开始工作。...

从 58MB 到 2.6MB：React 官网性能优化实战全记录 📖 目录 引言：一个触目惊心的发现 第一步：性能诊断 第二步：图片优化 - PNG 转 WebP 第三步...

之前分享了大文件上传的前端实现后，但是还有很多细节没有说明，隔了这么久又来考古一下Orz. 在日常开发中，大文件上传是个绕不开的坎——动辄几百 MB 甚至 GB 级的文件，...

浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文...

在前端项目部署到生产环境后，经常会遇到以下问题： 用户刷新页面，看不到最新版本：浏览器缓存了旧的JS、CSS等静态资源 强制刷新（Ctrl+F5）才能看到更新。分享下我自己...

微信小程序开发“闭坑”指南 微信小程序凭借着“即用即走”的体验在互联网生态中占据重要地位。但与其便捷性相伴的，是各种隐藏的开发陷阱：并发数限制、后台断线、内容安全审核、用户...

一、工具介绍 i18n-auto-extractor是一款专为前端项目设计的国际化(i18n)自动化解决方案工具，它能自动提取项目中的中文文本并翻译成多种语言。...

> 作者： 徐桑 ## 一、前言 在前端开发中，性能优化一直是我们关注的重点。HTTP缓存作为提升页面加载速度的重要手段，通常能够显著减少网络请求。然而，最近在开发一个图片...

解决标题中的问题的方法有多少种，你能想到几种，你又能动手真正地实现几种呢？本篇文章针对标题中的问题，进行了一场头脑风暴，感兴趣的话，一起来聊一聊吧~...

这篇文章让我们手写12个TypeScript奇淫技巧，并逐行分析，最近秋招就要来了，学会手写TypeScript例子就可以大胆和面试官畅所欲言和自信谈薪啦！😏😏😏...

2025前端面试题-React进阶篇 以下为React面试进阶篇考察点总结，具体知识点不会太详细，主要梳理面试核心考察点，为面试做准备。...

本文深入剖析了包管理工具的演进历程，重点解读 pnpm 的创新机制和优势。通过对比 npm/yarn 的依赖处理方式，详细讲解了 pnpm 如何通过硬链接和软链接机制解决依...

随着AI辅助编程工具的普及，Cursor IDE已经成为越来越多开发者的选择。然而，在实际使用过程中，我们发现了一个关键问题：如何让AI真正理解项目需求并生成高质量、一致性...

在现代前端应用中，日志回捞系统是排查线上问题的重要工具。然而，传统的日志系统往往面临着包体积过大、存储无限膨胀、性能影响用户体验等问题。本文将深入分析我们在@dw/log和...

> 作者：刘锦泉 ## 一、客户的反馈 小刘是公司的一名前端工程师。某天，他在业务反馈群里看到客户抱怨： > “xx 页面用方向键居然滚不动了！” > 客户还补充： > “...