阿虫

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

虚拟列表完全指南：从零到一手写实现 前言 在现代前端开发中，处理大量数据展示是一个常见的性能挑战。当需要渲染成千上万条数据时，传统的全量渲染会导致页面卡顿甚至崩溃。虚拟列表...

随着网页复杂度呈指数级增长，传统的<div>泛滥式开发日益显现瓶颈：代码臃肿难懂、搜索引擎优化困难、残障用户访问受阻。HTML5引入的语义化标签，正是解决这些痛点的关键利器...

前言 大家好，我是鲫小鱼。是一名不写前端代码的前端工程师，热衷于分享非前端的知识，带领切图仔逃离切图圈子，欢迎关注我，微信公众号：《鲫小鱼不正经》。欢迎点赞、收藏、关注，一...

不是说因为我们写得多牛，而是我们从第一天就立了 5 个基本工程约束，这些规则不是高深技术，而是**工程底线**。坚持这几个点，不一定能写出完美代码，但至少能避免那种“越写越...

传统方案的痛点：代码入侵 在上一篇文章中，我们通过高阶函数实现了请求缓存功能： 这种方式虽然有效，但存在三个显著问题： 结构性破坏：必须将函数声明改为函数表达式 可读性下降...

React递归渲染与react-dnd的结合，为低代码平台提供了强大而灵活的组件拖拽能力。通过递归渲染，我们能够处理任意复杂的组件嵌套结构；通过react-dnd，我们实现...

该篇主要是分享一个前端工程师学习 AI 的历程。你将学习到：如何选择学习路线、学习 AI 相关的基础概念、学习 AI 应用开发的基本技术方案、学习基于 LLM 开发一个简单...

本文介绍了使用Node.js和LLM搭建简易AI代码审查系统的方法，包括设计AI应用思路、提示词、NodeJS与LLM结合分析代码、AI Code Review实现步骤、核...

实现 H5 应用的“秒开”体验，并确保在发布新版本时用户能够及时加载到最新的内容。这涉及到前端性能优化、缓存策略以及版本控制等多个方面。 下面将通过以下几个核心部分来详细讲...

XMarkdown 带着增量更新+插槽自定义双加持，强势加入 Element-Plus-X 大家庭。内置更多功能，减少Vue开发者负担...

当你的管理后台被未授权用户直接访问，当用户刷新页面后登录状态丢失... 这些致命体验问题都源于路由鉴权缺失！今天用三个核心武器解决这个世纪难题： 🚨 鉴权失败的灾难现场 ...

从0.5px边框、小字体限制到刘海屏定位错位，提供transform缩放、JS动态计算、自定义字体等实战解决方案，彻底解决安卓/iOS兼容性问题，让页面精准适配所有机型！...

一、核心概念与架构变化 1.1 配置系统重构 单一配置文件：eslint.config.js 替代传统的 .eslintrc.* 文件 扁平结构：配置定义为数组，每个元素是...

本章将全面学习JavaScript各种位置信息属性和方法。希望自己能写一篇文章，让自己更全面理解和加深记忆这些属性的记忆。 document：代表的是整个文档。 docum...

最近参加了一家大厂的前端面试，我向面试官介绍了我开发的低代码平台，并说明这个平台的产出物是完整页面。但他告诉我，在他们公司的实际使用场景中，低代码的使用方式非常克制——他们...

传统的性能指标如 load time 或 DOMContentLoaded 专注于容易衡量的技术细节，但是它们很难反应出用户所真正关心的是什么。如果你仅仅是把加载速度优化的...

本文带你一起使用 Rollup 打包项目，实现以下功能： - **自动将 dependencies 依赖声明为 externals** - **支持处理外部 npm 依赖*...

在企业级后台系统中，组件是构建页面的基础单元。与 C 端不同，B 端更注重功能完整性、交互一致性与复用效率。因此，我们需要围绕业务场景封装出可复用、易维护、结构清晰的组件模...

在 npm 中，dependencies、devDependencies 和 peerDependencies 是用于管理包依赖关系的不同字段。 dependencies（...