掘金第一菜鸟

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

讲性能优化时，别只说 “要做图片懒加载、防抖节流”，这样太简单了。我们想要让面试官眼前一亮，最主要的**向让面试官展现出我们基础知识的牢固、全面和你有实践的经历**。“理解...

背景 全链路埋点监控链路流程回顾： 架构设计俯瞰 埋点sdk旨在为前端应用提供高性能，可扩展，低侵入的埋点采集与上报能力，涵盖性能监控，行为监控，错误监控等多种场景，并支持...

1. Chrome DevTools功能简介 Chrome DevTools由以下九部分组成： Element元素面板：检查和调整页面，调式DOM，调试CSS Networ...

本文深度解析浏览器从HTML解析到资源加载的完整流程，揭示预加载、渐进式渲染等核心机制，详解async/defer/preload/prefetch等性能优化技术，掌握这些...

分享 20 个 2025 年依旧「少人知道、却能立竿见影」的原生 API。 收藏 = 省下一个工具库 + 少写 100 行代码！ 1. ResizeObserver 精准监...

本文以一个实际网页为例，详细记录了利用Performance面板对其进行性能分析的过程，重点介绍性能分析的一些操作方式及分析思路。...

在前端开发的日常工作中，移动端适配是一个必绕不开的技术难题。随着不同手机尺寸、分辨率、像素密度的爆炸式增长，如果不进行适配，就会出现「iPhone 显示刚好，安卓一塌糊涂」...

移动端H5图片图片编辑编辑器开发实践细节，包括自定义字体、模板切换、特效字体、文字排版等功能，手把手教你开发图片编辑器。...

本文重点讨论了Performance面板的一些功能、用法。特别是针对Network面板、Main面板 以及Thread pool面板的功能，从一个HTTP请求的4个阶段的角...

前端工程化在前端领域地位极高，因为它系统性地解决了前端开发中效率、协作、质量、维护性等一系列核心问题，可以说是现代前端技术体系的基石。 前端工程化带来的价值可以从这四个方面...

如果你做过任何需要登录的功能，那么你一定思考过这个问题：当后端甩给我一个token时，我一个前端，到底应该把它放在哪儿？ 这个问题看似简单，无非就是 LocalStorag...

最近一直在用 NestJs 开发一个企业级的商业化项目，对于要上线的项目，那必然就少不了性能监控了。了解这些指标对我们开发调优的时候至关重要。 服务器的性能瓶颈通常为以下几...

序言 🤔为什么前端人的头发比后端少，🤕很多人以为，程序员秃头是因为熬夜写代码。 错！错！错！ 真正让人发量告急的，是编译错误。 后端人遇到编译错误，大多是类似：Cann...

我们发现：中文社区缺乏系统性跟踪海外一手前端动态的内容。而国外像 Medium、Smashing、LogRocket、WebKit Blog 等一线平台，每周都在迸发新洞见...

精选 20 个实用 or 有趣的 VS Code 扩展，覆盖摸鱼放松，文件管理、代码规范、效率工具等等多个场景，干货满满，下面正片开始.........