我的前端博客

React Hooks 是 React 16.8 版本引入的新特性，它允许你在不编写 class 的情况下使用 state 以及其他 React 特性。Hooks 的出现彻底改变了 React 组件的编写方式。

最常用的两个 Hook 是 useState 和 useEffect。

使用 Hooks 可以让我们更好地复用状态逻辑，并使组件结构更清晰。

响应式网页设计 (Responsive Web Design, RWD) 已经成为现代前端开发的标配。其核心是让网站能够在不同尺寸的设备上（从手机到桌面电脑）都能提供良好的用户体验。

实现响应式的几个关键技术包括：

• 流式布局 (Fluid Grids): 使用百分比 (%) 而非固定像素 (px) 来定义宽度。
• 弹性图片 (Flexible Images): 使用 max-width: 100%; 确保图片不会超出其容器。
• 媒体查询 (Media Queries): CSS3 的核心功能，允许我们根据设备的特性（如屏幕宽度）应用不同的样式。