画一个圆

本文主要介绍企业级前端工程化全景图，从需求规范、开发联调、测试优化、构建部署、运维监控等多个阶段展开，详细介绍了每个阶段的核心目标、流程、工具、场景和AI赋能等。...

作为处理过vue单文件 1w+行的过来人总结，在复杂业务场景下，有效提升代码阅读和维护体验，保持业务开发的轻松流畅的体验。...

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

本文拆解初级、中级、高级前端在能力结构、思维方式和业务理解上的核心差异，指出“熟练执行”不等于“中级”，真正的成长来自结构化思维、系统能力沉淀与技术反哺业务。适合前端开发者...

一、前言 SEO 是 Search Engine Optimization 的缩写，即搜索引擎优化。它是一种通过调整网站的内容、结构、外部链接等方面的优化手段，来提高网站在...

因为团队规模比较小，没有专门的设计师，就尝试使用Trae + figma + MCP来优化页面样式，没想到效果超级棒，真的惊艳到我了， 非常适合没有设计师提供设计稿的小团队...

一个基于 Tiptap 和 Next.js 构建的现代化协同文档编辑器，集成了丰富的编辑能力与多人实时协作功能，支持插件扩展、主题切换与持久化存储。适合团队写作、教育笔记、...

所有事都有吃力不讨好的部分，随着 Cursor 等 AI 工具在工程中的应用，我们可以逐渐将这部分职能分配出去，利用我们的知识储备，描述问题，引导过程，审核结果。工具的使用...

丰富的 chrome 插件极大的提升我们的工作效率和辛福感，插件的原理是向页面中注入 javascript 脚本，对页面进行处理，本文就从入门开始讲述如何开发一款 chro...

首先, ESBuild & swc是什么? ESBuild是基于Go语言开发的JavaScript Bundler, 由Figma前CTO Evan Wallace开发, ...

尽管目前社区上已有很多优秀的脚手架工具，手搓脚手架的相关文章也层出不穷，但我今天想要带来的是一个全新架构设计的脚手架：Create-Neat！...

前言 笔者刷某平台看到一个前端面经，发现大厂 Ai部门的前端面试有点离谱的存在了，从前端追问到transform... 具体面经图片 transform在本文就不讨论了，这...

叫你如何构建一个属于自己的 3D 个人简历，这篇文章会探讨如何高定制化地构建一个自己喜欢的 3D 场景。我们将深入探讨 Three.js、Shader(GLSL)、Curs...

使用 React 开发复杂的需求，时常会碰到性能问题。近期做业务过程就遇到一次，页面十分卡顿。此文将笔者排查问题的过程以及性能优化解决方案记录下来跟大家分享。...

简介 本文介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 功能面板概览 控制面板（红色区...

网页加载后，浏览器会解析 html、执行 js、渲染 css，这些工作都是在 Event Loop 里完成的，理解了 Event Loop 就能理解网页的运行流程。 但很多...

异步代码的执行顺序是前端面试必问的面试题，它主要考察对 Event Loop、宏微任务以及它们执行顺序的理解。 这类问题新手比较容易困惑，老手一不注意也容易掉坑里。 那理清...