对他来说，代码是咒语，AI是能量，热爱则是补充魔力的仪式。这是一篇普通魔法师的年度复盘，关于如何在0与1的世界里，编织出属于二次元的奇迹。

1、常见性能指标 FP（First Paint - 首次绘制）：页面首次绘制的时间点，即第一个像素绘制到屏幕上的时间点。 FCP（First Contentful Paint - 首次内容绘制）：页面

前言 各位前端打工人，有没有过这种经历：明明写了 setTimeout(() => console.log('摸鱼'))，结果同步代码还没跑完，摸鱼计划就被打断？其实 JS 单线程就像一个只能专注干一

深入理解 CSS 弹性布局：从传统布局到 Flex 的优雅演进，并了解它的优点缺点，谈谈为什么要添加flexbox

在前端开发中，掌握设计模式不仅能提升我们的编码效率和系统的健壮性，还能增强团队协作能力，尤其是在面对不断扩展的项目时。设计模式帮助我们解耦系统组件，增强可复用性，确保系统的稳定和可测试性。

获取更多面试相关问题可以访问：https://github.com/pro-collection/interview-question/issues

在现代 Web 开发中，有时我们希望网页仅能访问自己的网站资源，而不能随意请求外部域名或 IP。这种需求在内网管理系统、企业门户或对安全要求较高的应用中尤其常见。本文将详细介绍如何在 前端层面实现这一

讲解面试常见的flex:1和flex:auto的区别。其实这两个属性的差异藏在细节里，今天我们就从 “原理拆解→场景对比→误区避坑” 三个维度，彻底搞懂它们的区别，让你在项目中不再凭感觉写代码。

在前端开发中，实现元素的水平垂直居中是布局中的核心技巧之一，本文将系统性地讲解**9种主流方法**，涵盖传统方案与现代最佳实践，并通过代码示例、优缺点分析和场景对比。