小公主

在前端面试中，HTTP 协议几乎是必问环节。从 OSI 七层模型，到 TCP/UDP 区别，再到 HTTP 各版本特性与优化手段，都能考察候选人的网络基础与项目实践经验。本文帮你系统梳理一遍，方便面试

在前端面试中，position 是高频考点。很多人回答时容易啰嗦或只会背定义，没有场景、没有亮点，面试官很快就失去兴趣。 正确的思路是——先一句话干脆利落讲清五种定位，再顺带带出业务场景和底层原理亮点

没错，今天我们要用 HTML5 Drag & Drop API，做一个能把奶龙从一个盒子拖到另一个盒子的小游戏。 如果你会了这个，不仅能轻松玩转拖拽，还能用在 文件上传、任务排序、小游戏 这些实用场景

在做前端项目时，有没有遇到过这些糟心的事？ 改了一个 .button 样式，结果别的组件样式全乱了； 你写的样式莫名其妙被别人覆盖； 每次起类名都得加一堆前缀，比如 .home-page-header

在实际开发中，前后端节奏常常对不齐。前端页面都写完了，接口还没影子，开发只能干等？其实完全没必要。 前端完全可以先“自造接口”，利用 Mock 技术模拟后端返回的数据，保证页面功能正常开发。本文就结合

你可能每天都在写 React，写着各种各样的 JSX： 看起来就像 HTML，一切都很自然。但你有没有想过——浏览器根本不认识这种语法。那它是怎么运行的？为什么我们写的这段代码不会报错，还能正常渲染出

在 React 项目中，表单几乎无处不在：登录、注册、搜索、评论……但你有没有注意到，React 表单有两种写法 —— 受控组件 和 非受控组件。 很多刚入门的同学一开始都会有点懵：两种写法到底有什么

在 React 项目中，useState 已经很好用了，为什么还需要 useReducer？ 尤其当你项目规模大起来，状态越来越多，一个页面要管理的东西越来越复杂时，useReducer 就能帮你把状

在前端开发中，localStorage 是我们最常用的本地存储方案之一。 但很多人平时都是直接用，没有去封装过，也没想过要用设计模式来优化。 其实在中大型项目里，localStorage 很容易被多处