奥特张

函数式组件 是 React 的推荐方式，尤其是在引入了 Hooks 之后。组件通过 props 传递数据，通过 state 管理组件的 动态数据。React 提供了 Hooks 来让函数组件拥有

React 的渲染时机 是通过 组件的生命周期 和 状态变化 来决定何时渲染或重新渲染 UI 的。分为 首次渲染、prop, state 变化时、手动渲染。

React 元素 和 React 组件，React 元素是 UI的描述，通过 JSX　语法创建。一旦创建，就不可改变。React 元素 是 React 组件的输出。React 组件定义了 UI和行为

React JSX（JavaScript XML）是 JavaScript 的一种 扩展语法。允许在 JavaScript 中编写 类似 HTML 代码，React 会把它转换为 React 元素。

React 组件基础学习，掌握如何 创建、使用、传递数据 和 管理状态 是 React 开发 的基础。随着对 这些基础概念的理解，可以逐步掌握 React 的 核心技巧，并使用 更复杂的状态管理方法等

我的 React 学习目录，帮助自己系统地学习 React 的 核心概念 和 进阶技术。掌握 React 开发技能需要多久呢？

CSS3 性能优化方面包括：减少重排和重绘、优化选择器、压缩 CSS 文件、使用硬件加速、懒加载资源等方面下手，来提升 CSS 性能，减少页面渲染时间，优化网页加载速度和响应性能。

CSS3 响应式设计可以通过 流式布局、弹性布局、网格布局、媒体查询、视口单位 等技术，使得 网页内容的 布局 和 样式 可以自动调整。

CSS3 新增特性包括 更精确的选择器、border-box 的替代盒模型、响应式布局中的弹性布局 和 二维的网格布局、有圆角、有渐变背景、有过渡 和 动画、有变形、有媒体查询，有自定义字体、有图片处