文档教程【免费下载链接】developer-handbookAn opinionated guide on how to become a professional Web/Mobile App Developer.项目地址https://gitcode.com/gh_mirrors/de/developer-handbook点击查看免费下载本篇指南基于 developer-handbook 仓库中 Technical Guide/Regular to Senior/Frontend Developer.md 展开是 Apptension 团队沉淀的一套面向前端工程师晋升 Senior 阶段的技术能力清单涵盖公司协作实践、React 深度掌握、全局状态管理、样式工程化、路由、可视化、动画、国际化、构建工具、SSR、性能、测试与前后端协作等全部主题。读完本文你可以将它当作一份可勾选的自评清单逐项对照检查自己的技术短板并明确从 Regular 到 Senior还需要补足哪些能力。文档定位一份进阶工程师的验收清单在 developer-handbook 的 README.md 中这套仓库被定义为 An opinionated guide on how to become a professional Web/Mobile App Developer一份有观点、有取舍的 Web/Mobile 开发者成长指南。Technical Guide 目录下的每个文件都是按职级划分的技术能力清单用于面试前的技术自评与查漏补缺入职后的技能学习路线规划项目中技术决策的验证基准。本文所分析的 Frontend Developer.md 属于Regular 到 Senior级别意味着阅读对象默认已经掌握 Junior、Regular 阶段的基础能力函数组件、基础状态管理、基础路由等本文聚焦的是进阶与纵深工程化协作、复杂状态流、渲染性能、可维护性架构与跨领域后端/DevOps视野。文档体例统一为带复选框[ ]的能力条目并大量引用 Technical Stack/Frontend Developer 与 Technical Stack/Mobile Developer 下的细节文档作为学习材料。下文按原文档的章节脉络逐块展开并在关键处给出仓库内的证据与延伸阅读路径。公司实践Senior 需要具备的协作与安全意识原文档开篇即强调Senior 不只是写代码更强更要在协作流程、信息安全与沟通工具上达到专业水准相关完整清单见 Company best practices。安全实践三件套Keeper Security掌握如何与其他员工共享密钥值如环境变量、凭据不通过聊天工具明文传递aws-vault掌握在命令行中切换 AWS 用户身份的方法避免把长期凭证写入本地环境Onetimesecret掌握如何对外部人员共享一次性密钥确保敏感信息阅后即焚。Git 工作流以规范的名称和描述创建 Pull Request并提交代码评审意见使用squash merge合并 PR保持主干历史干净理解git rebase与git merge各自的利弊规范 commit message 命名在仓库中配置针对特定分支master、develop的合并规则为 PR 添加恰当的 label在规范的分支目录下创建分支feature、fix、hotfix。在此基础上按平台细分GitHub会创建与引用 issue能定位构建检查失败的原因会编写 GitHub Wiki 页面Bitbucket能定位构建检查失败会在 commit 中引用 Jira ticket。沟通工具Slack按公司规范使用状态远程办公、休假、会议中会创建群组与频道Confluence会创建文档页面Small Improvements会在一对一会议中给予表扬、添加讨论话题创建并完成目标Jira会创建 ticket 并撰写评论Email能配置本地邮件客户端与邮件签名。实践建议这一章虽然看似非技术但它是 Senior 在跨团队协作中的基础要求。可以把它当作入职前两周的 checklist 逐项执行详见仓库中 Onboarding/Senior/Frontend Developer.md 的对应条目。React从会写到懂原理原文档对 React 部分的定位很清晰React 是一个开源 JavaScript UI 库由 Facebook 维护可用于单页应用或移动应用开发。 Regular 已经会写组件Senior 则需要理解其渲染模型与生命周期机制完整条目见 React 与 React.md。组件与渲染核心概念能编写函数组件并能讲清函数组件与类组件的差异能定义并修改组件局部状态理解Virtual DOM是什么、React 如何用它渲染组件理解组件生命周期各阶段的作用并能把元素事件融入生命周期会使用Context API做跨层级数据传递会用refs绑定原生 DOM 元素并在生命周期中与之交互理解高阶组件HOC与 render props的概念、差异与各自利弊知道如何阻止组件不必要的重渲染知道如何协调全局状态与组件局部状态知道何时以及如何使用Portals把子节点渲染到父组件 DOM 之外常用于弹窗、Tooltip。Hooks进阶的基石熟练使用useState与useEffect理解hook 依赖数组的工作机制空数组、含依赖项、缺依赖分别导致什么行为能编写自定义 Hook复用逻辑理解useCallback的利弊是否值得为了引用稳定而付出记忆化成本详见 Kent C. Dodds 对 useMemo/useCallback 的经典论述仓库将其列为必读。react-use能把 react-use 的现成 hooks如useLocalStorage融入组件能评价其 API 相比 Lodash 这类工具库的优势与劣势hook 化、与组件生命周期绑定。react-dom理解渲染入口能解释React.render在 React 18 中对应createRoot().render()的工作方式能解释React.createPortal的工作原理能解释React.hydrate的工作原理SSR 场景下为已由服务端渲染的 DOM 绑定事件。常用组件库可选downshift在项目中使用过受控/非受控的 autocomplete/combobox 逻辑库react-day-picker在项目中使用过日期选择组件。应用状态管理掌控复杂数据流Senior 级别的状态管理不止于会用 Redux而是要完整描述数据流、理解 middleware/enhancer 差异、能组合工具链完整条目见 Application state management 与前端同名文档。Redux 核心能描述完整的Redux 单向数据流dispatch → reducer → store → subscribe → 视图更新知道如何在 React 上下文之外dispatch action如事件监听器、普通模块中会使用combineReducers组合多个 reducer知道如何在创建 store 时应用 middleware / enhancer能说清middleware 与 enhancer 的区别middleware 包装 dispatch 链处理 actionenhancer 包装 createStore 本身、扩展 store 能力。react-redux会通过useSelector应用 selector 函数订阅状态会从 React 组件中useDispatch派发 action进阶能自行实现 connect 高阶组件真正理解 react-redux 的订阅机制。Redux 工具集redux-toolkit必选掌握会用createReducer/createSlice创建 reducer会用createAction创建 action creator理解action creator 序列化后即 action 的 type 字符串这一特性带来的类型安全收益能针对特定 action type 定义 reducer 函数会用slice组织状态、reducer 与 action。reduxsauce可选能用它高效创建 reducers、action creators 与 action types。redux-persist会把状态树的一部分持久化到 localStorage如用户会话、偏好设置并处理 rehydrate 时机。不可变数据结构理解在 Redux 应用中使用不可变数据结构的收益引用相等、便于 diff、便于撤销/重放、避免意外修改至少掌握一个提供不可变结构的库。immer推荐会用 immer 编写 reducer直接修改草稿态 draftimmer 代理后生成新的不可变结果能把不可变结构转换回普通 JavaScript 对象理解只修改 state 对象与返回一个被修改后的新 state 对象的区别能解释immer 内部原理基于 Proxy 的 copy-on-write / 结构共享。Immutable.js可选创建不可变结构、读取数据、基于已有结构派生新结构通过redux-immutable在 store 中使用不可变结构能在 JSON 与不可变结构之间互转操作大型结构时知道哪些操作应避免以保性能。seamless-immutable可选读写与派生结构能说清 immutable.js 与 seamless-immutable 的差异知道如何将原生函数map、sort 等与 seamless 的 flatMap、merge、sort 等方法协同使用。Selectorsreselect会用createSelector创建带记忆化的 selector会创建以多个 selector 为输入的组合 selector输入不变则不重算避免派生计算重复执行。副作用redux-saga理解副作用概念函数对外部环境的可观察影响会用put基于副作用结果 dispatch action会在某 action 被 dispatch 后运行异步函数如 fetch会在 saga 内用select从 Redux state 中取数据理解JavaScript Generator概念saga 暂停/恢复的基础会用take模式在运行中的 saga 内部等待另一个 action会串行/并行编排多个 saga能列举eventChannel的用例并实现外部事件源如 WebSocket 接入 saga能列举actionChannel的用例并实现对 action 做缓冲与背压处理。redux-saga-routines创建自定义routine把 request/success/failure 标准 action 序列封装为一个对象对 routine 做promisify在组件内等待其完成理解标准化 action type 命名的优势用payloadCreator操作 payload用metaCreator增强 meta 信息。Apptension React Boilerplate公司内部工程模板仓库中明确存在 Apptension React Boilerplate 这一主题且 README 提及 Apptension 基于实际项目经验维护了cra-template-apptensioncreate-react-app 模板。Senior 需要能在该模板内高效作业用 Apptension React 模板初始化 CRA 项目运行linter定义一个新的Redux 模块Reducer、Saga、Selector 三件套创建新路由及其组件理解src/routes与src/shared/components目录的职责差异路由级页面 vs 可复用共享组件用plop生成模块与组件代码生成器减少样板代码知道翻译文件存放位置会为应用新增一个 locale。Styling样式工程化全景CSS 基础与响应式会编写 CSS 规则与基础样式颜色、尺寸、定位会正确显示与等比缩放图片会水平/垂直居中元素会用媒体查询做响应式会用font-face添加 webfonts能依据屏幕像素密度比展示不同图片retina 媒体查询。CSS-in-JSstyled-components为原始元素创建 styled component扩展已有组件的样式styled(Component)或extend应用全局样式createGlobalStyle在 styled-components 中实现媒体查询为仅支持 className 的第三方组件套用样式。styled-theming用 thememodes基于上下文切换主题如暗色模式用 themevariants基于上下文为组件应用不同样式。布局Flexbox 与 CSS GridFlexbox会使用 column / row 布局方向会对齐子元素主轴/交叉轴会让子元素撑满父容器尺寸会正确使用flex-basis与flex-wrap理解各浏览器对简写语法的差异了解 flexbox 的已知陷阱并会规避如 flexbugs 清单。CSS Grid会把页面划分为行与列能在网格中定位元素会定义并使用命名网格区域grid-template-areas会对齐网格单元格内的内容。Reset 库normalize.css能解释该库的收益跨浏览器默认样式一致化而非粗暴清零知道如何在项目中使用。可选CSS Modules 与 BEM能分离全局样式与局部样式、在构建工具中启用 CSS Modules、理解局部作用域收益理解 BEMBlock-Element-Modifier命名体系及其三要素。可选Sass理解 SCSS 语法与文件扩展名会用变量、mixin、运算符会在构建工具中安装配置 Sass。UI Kits 与图标至少掌握一个 UI Kit 库并实际使用过Material-UI可选会使用其 theme API、定制组件样式与行为antd可选实际使用过至少使用过一个图标库如 material-ui-icons。邮件样式容易被忽视的能力理解邮件引擎对 HTML 元素与 CSS 的支持限制内联样式为主、无 flexbox 等会编写能被邮件引擎正确解析的 CSS会正确引用图片资源会把后端变量嵌入邮件模板会使用邮件模板工具简化创建过程如 emailjs。Date Time日期时间的正确姿势会用原生Date创建指定日期对象、比较原生日期对象理解ISO 8601标准格式并解析为日期对象理解unix timestamp并解析为日期对象。库选型掌握其一即可推荐date-fns创建指定日期对象、用标准格式字符串格式化显示跨时区转换通常转用户本地时区操作与比较日期对象。可选项react-datetime、moment.js、dayjs能力要求与 date-fns 相同。Routing路由架构与权限控制会用SwitchRoute构建路由结构会添加必选/可选路由参数会精确匹配所需路由会渲染404 页面会用Redirect在特定条件下渲染目标组件通过 BrowserRouter 与浏览器 history 交互会用基础 router hooksuseNavigate、useLocation、useParams、useMatch会操作 history 的 location 对象会分离私有路由与公共路由会依据用户权限安全渲染路由防止越权访问。配合 react-router-dom 的Link/NavLink完成页面导航。完整清单见 Routing.md。Visualizations图表与 Canvas原文档的忠告很直接你不需要会所有图表库精通一个就够但一定要精通图表库三选一精通nivo在 React 生命周期中创建简单图表、融入应用主题、为图表添加动画与交互vx同上基于 D3 与 React 的低层组合方案d3.js理解数据驱动文档概念、创建带坐标轴的基础图表、操作 SVG 节点并绑定事件、定制图表样式、按页面尺寸缩放、用 d3 transitions 动画化 SVG 元素。CanvasPixi.js可选创建 pixi 应用结构、使用 ticker帧循环、filters滤镜、渲染文本创建基础与复杂图形、加载渲染精灵、动画化对象按设备像素密度比缩放对象理解 2D 与 3D 渲染器的利弊使用与动画化纹理网格textured mesh应用对象池模式优化创建/销毁开销应用空间哈希算法优化渲染大规模对象场景。Animations动画体系React 动画库至少精通一个 React 动画库react-transition-group用 CSS 或内联样式为切换中的组件添加过渡理解其4 个状态enter、enter-active、exit、exit-active 等在应用状态变化后动画化元素可选framer-motion、react-spring在状态变化后动画化元素。通用动画库精通至少一个动画库能实现多阶段复杂动画可选anime.js可选gsap会用 from/to/fromTo、内置缓动函数、多套 GSAP API 并会取舍、自定义缓动函数、创建时间线timeline实现串行/并行播放。CSS 动画与常见效果会写 CSS transitions 与 keyframes知道在动画中应使用哪些属性以获得最佳浏览器性能优先 transform / opacity避免触发布局与绘制滚动动画在元素进入视口后触发动画可选 scrollmagic并了解其对移动端性能的损耗与缓解办法视差动画理解视差概念能手写或用库实现。技巧FLIP可选能解释FLIPFirst-Last-Invert-Play动画技术记录首末位置差、反转差值、播放过渡从而让布局变化也能流畅动画会把它应用到 React 组件生命周期中。Internationalization国际化会用react-intl的组件FormattedMessage等会用defineMessageAPI 创建消息文件仓库引用了 cra-template-apptension 中的home.messages.ts作为范例会用useIntlhook 获取格式化函数会用format.js格式化带参数的消息与日期时间戳基于传入值对消息做复数化。Audio and Video音视频会用标准 HTMLaudio/video标签知道为兼容现代浏览器应使用哪些格式与编解码器如 H.264/AAC、WebM/VP9至少用过一种播放器库react-player可选会定制播放器样式jwplayer可选能在 React 环境接入、定制样式、配置多清晰度quality levels流媒体可选理解 HLS 与 MPEG-DASH 是什么并能配合所选播放器使用。MiscService Workers、PWA 与拖拽理解Service Workers及其在浏览器间暴露的 API能选择并安装 SW 插件理解启用 SW 缓存后网站更新的挑战能手写一个 Service Worker理解PWA的适用场景并能按项目需求推荐不同模式能自己生成或借助插件生成 manifest了解各浏览器的差异与利弊react-dnd能对列表元素排序、在指定区域拖放、自定义拖拽时的元素外观、对拖放加校验、为移动端与桌面端指定合适的 backend。富文本编辑器可选至少用过一种文本编辑器库Slate 或 Froala。Development Tools工程工具链构建工具Webpack理解 webpack 解决什么问题模块打包、依赖图、资源处理理解 plugins 机制并能按需添加配置掌握核心概念entry、output、loaders、plugins会向应用传递环境变量会从零配置 webpack 生成构建产物。Rollup可选用 API 配置构建掌握 input、output、targets、plugins 概念。包管理器Yarn会用内联命令增删装包理解yarn.lock的价值锁定依赖版本、可复现安装会运行 package.json scripts用upgrade-interactive交互式升级依赖会初始化并发布新包。NPM内联命令增删装包理解package-lock.json的价值运行 scripts、升级依赖、自定义 scripts、初始化并发布新包。生成器create-react-app用 CLI 生成新应用能创建并发布自己的CRA 模板plop.js用命令行工具生成组件能创建与更新模板。React 相关工具Storybook用 storybook 原型化组件安装配置把应用主题接入 storybookprop-types描述组件 props 类型、定义对象形状redux-devtools用它查看当前状态并回放状态变更历史会配置 store 使其可被检查react-hot-loader安装配置实现组件变更后构建热刷新现代 React 中对应 react-refresh。Linterseslint运行并修复警告与错误增删规则prettier运行并自动修正格式增删规则stylelint在构建工具中配置按项目需求增删规则与排除项。dotenv用 dotenv 注入环境变量知道何时该把 env 文件提交进仓库、何时不该敏感值不入库用示例文件.env.example记录键名。SSR Prerendering了解 SSR 如何工作及其适用场景理解prerendering cache与完整 SSR的差异前者构建期预渲染静态 HTML 缓存后者服务端动态渲染。Gatsby会安装并添加 Gatsby 插件理解gatsby-ssr、gatsby-node、gatsby-config、gatsby-browser四个文件的角色差异理解数据源概念Gatsby 如何构建数据层供之后用 GraphQL 查询能基于外部来源API、Markdown 文件生成页面能为页面引入动态路由gatsby-image优化图片加载方式GraphQL会写静态查询StaticQuery、页面查询Page Query、用页面上下文变量参数化页面查询。Netlify prerender会配置 Netlify prerendering 函数。Functional programming函数式编程素养掌握关键概念纯函数相同输入 → 相同输出、无副作用会用并理解不可变性、一等函数、引用透明性、递归。ramda会柯里化函数会用 compose 组合函数会用 pipe 构建逐步处理流水线会用基础函数map、mapValues、find、sort、sortBy、concat、equals、cond、ifElse。lodash可选把函数作为其他函数的输入高阶函数用法用任意函数操作数组与对象会用debounce与throttle。HTTP网络层深度请求基础知道 cookies 是什么、HTTP headers 是什么能解释CORS及其缺陷能解释HTTP-only cookie知道 HTTPS 请求中哪些部分是加密的知道content-type头的常见取值及适用场景application/json、application/x-www-form-urlencoded、multipart/form-data 等。fetch原生创建 HTTP 请求、设置请求头、读取响应头优雅处理错误会取消请求AbortController。axios向 API endpoint 发请求设置请求头、读取响应头处理错误配置预设 baseURL添加元数据如把JWT token注入请求头用transformResponse/transformRequest转换数据用paramsSerializer序列化参数使用interceptors请求/响应拦截器统一处理鉴权、错误、日志取消请求。WebSockets会用原生配置或现有库建立 WebSocket 连接可选pusher-js配置、订阅/退订频道、绑定/解绑事件。工具库humpscamelize / decamelize 字符串与对象键名处理含数字值的键名query-string解析 URL、由对象生成查询字符串normalizr定义实体 schema、规范化服务端数据、理解其收益扁平化数据、减少冗余、便于更新http-status-codes用语义化状态码常量代替数字字面量。完整清单见 HTTP。Templating engines模板引擎知道在需要生成参数化文本文件时如何使用模板引擎。可选掌握Mustache用键值对象渲染模板、让标签不被替换而输出 HTML{{ }}等、用 section 处理数据、用 partialsHandlebars渲染模板、解析嵌套对象、使用函数、创建 helper、转义 HTML、使用 partialsmarkdown-it定制 markdown 样式、转义/跳过 HTML 标签、添加插件、用 API 操作数据react-markdown定制样式、转义 HTML、添加插件与解析器。Fonts字体加载会加载 Google Fonts 托管字体会加载以文件形式提供的自定义字体可选fontfaceobserver加载字体、响应字体加载成功/失败事件可选webfont-loader加载字体、响应事件变化、配置多字体选项。SEO理解并使用正确的HTML 语义化标签header、main、section、article 等按最佳实践生成页面内容react-helmet配置 SEO meta 标签、OG 标签与页面描述能基于内容生成描述。Monitoring监控会为所选监控平台配置 reporter可选sentry-javascript为 React 配置 Sentry 错误监控可选snyk配置 Snyk 扫描依赖包漏洞。Forms表单工程化校验yup用正确类型创建 schema扩展 schema 类型添加 transformations。文件上传会发 HTTP 请求把文件上传到后端可选react-dropzone拖拽到 dropzone 区域时切换样式校验文件名、类型与大小。React 表单库三选一满足全部要求formik可选提交表单、用 Hooks 注入 Formik、提交前后校验、动态添加字段、以初始数据渲染表单、按校验结果展示错误、清空表单数据。react-hook-form可选在组件生命周期中注入、注册 input、提交前后校验、向后端传递数据、动态添加字段、渲染表单数据、展示校验错误、清空数据。redux-form可选校验、传递数据、动态字段、渲染数据、展示错误、清空数据。Testing测试体系会测试自定义 React hooks如 renderHook会测试selector 函数。jest测试组件与函数、mock 函数与全局对象、快照测试、在构建工具中配置 Jestreact-testing-library安装配置、按最佳实践查询组件、mock 服务端响应、测试 redux store actionsjest-styled-components安装配置、断言 HTML 节点样式、生成可读类名与正确样式属性的快照redux-saga-test-plan断言 action 被 put、为 saga 执行提供初始状态、检查期望 action 被调用nockmock API 调用带/不带 payload、配置请求头与元数据、断言 endpoint 以正确数据被调用mockdate在测试环境 mockDate返回指定值。Performance性能审计Lighthouse在 Chrome DevTools 中运行审计分析结果并得出改进结论PageSpeed Insights对应用运行审计分析结果并改进。Common Application Modules通用业务模块AnalyticsGoogle Tag Manager配置 GTM 追踪页面与事件Google Analytics配置页面追踪配置事件并设置 category、action、labels配置用户属性user properties。Payments理解并能解释PCI Compliance支付卡行业数据安全标准及其对前端的影响不要把持卡数据引入前端处理流程。Authentication至少使用过一个第三方认证服务Firebase Auth可选配置认证服务、添加带正确配置的firebaseui、设置认证令牌并在认证后重定向用户Auth0可选配置 tenant、添加应用配置、重定向用户到 Auth0 前端 UI、定制 Auth0 UI 样式。Search engines可选fuse.js基于对象创建 fuse 结构、用$and/$or逻辑运算符搜索、索引 fuse 结构。Backend DevOps前端工程师的跨域视野Functions as a ServiceNetlify Functions会用 NodeJS 创建并发布简单的 Serverless 函数可选Firebase Cloud Functions同上。CMS至少了解一个 CMS 平台并能使用其基础功能数据模型定义、内容编辑等了解多个 CMS 并能按项目需求选型可选Wordpress理解其工作方式并能定制应用设计可选Contentful创建 contentful 结构、使用其 assets CDN、在构建流程接入其 API、把内容接入应用国际化系统可选Webflow能选择方案、定制与维护内容。DNS知道 CNAME 记录是什么及何时使用知道 A / AAAA 记录及何时使用知道 TXT 记录及何时使用会注册域名会把 NS 从注册商默认值切换到其他提供商知道 MX 记录及何时使用。DNS 服务Route 53定义新的 hosted zoneCloudflare定义新的 DNS zone。Tools设计协作Figma从设计稿提取样式值几何、颜色、字体等、提取图片资源、提取矢量图标资源Zeplin同上三项可选Invision / Adobe XD同上三项。Browsers浏览器渲染原理知道DOM是什么知道CSSOM是什么理解像素管道Pixel pipelinereflow回流重新计算布局几何信息paint绘制把样式与布局绘制为像素composite合成把图层合成到屏幕由这三步可自然推出性能结论优先用 transform/opacity只触发合成避免频繁读写布局属性触发 reflow。如何把这份清单用起来逐项自评把本文每一节的[ ]条目复制到自己的笔记中逐项标记掌握 / 部分掌握 / 未掌握纵深阅读对薄弱项回到仓库的 Technical Stack/Frontend Developer 与 Technical Stack/Mobile Developer 目录阅读对应的专题文档React、状态管理、样式、路由、测试等均有独立 md 文件对照职级与 Technical Guide/Junior to Regular/Frontend Developer.md 对照Junior→Regular 强调基础覆盖Regular→Senior 强调原理纵深与架构能力入职实操配合 Onboarding/Senior/Frontend Developer.md 在入职前两周内逐项落实。正如 README 中所说这份指南是有观点的opinionated它代表的是 Apptension 团队在生产环境验证过的技术选型与能力要求不是普适真理但作为一份覆盖 Web 前端全栈面的能力地图它足以让任何一位 React 前端工程师定位自己的位置、规划下一步的成长路径。赞分享文档教程【免费下载链接】developer-handbookAn opinionated guide on how to become a professional Web/Mobile App Developer.项目地址https://gitcode.com/gh_mirrors/de/developer-handbook点击查看免费下载相关推荐developer-handbook 前端数据可视化技术选型nivo、d3.js、Pixi.js 与 three.js 的完整能力清单解析developer handbook 前端数据可视化技术选型nivo、d3.js、Pixi.js 与 three.js 的完整能力清单解析 本篇基于开源仓库文档教程developer-handbook 前端函数式编程能力指南从纯函数、柯里化到 Ramda 与 Lodash 的实践清单developer handbook 前端函数式编程能力指南从纯函数、柯里化到 Ramda 与 Lodash 的实践清单 本篇基于 developer han文档教程developer-handbook 前端篇React 核心、Hooks 与 react-dom 能力清单深度解析developer handbook 前端篇React 核心、Hooks 与 react dom 能力清单深度解析 本文基于 developer handbo文档教程上一篇Airtest 跨平台 UI 自动化框架实战指南从设备连接到 CLI 运行 .air 用例下一篇飞桨社区模型库全景指南470 社区贡献模型的目录结构、复现标准与使用路径创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
