CSS3引入了众多新特性，包括增强选择器、盒模型改进、多背景与圆角边框、渐变与透明度、文字效果、2D/3D转换、动画、多列/弹性/网格布局、媒体查询等。重点特性如box-shadow、border-radius、flexbox、grid、transform、@keyframes动画以及@media响应式设计，显著提升了样式控制能力。需注意浏览器兼容性和性能优化，部分特性需加厂商前缀。这些改进使CS

特点：自定义子组件通过ref暴露给父组件的方法，控制暴露的接口。适用场景：封装组件时限制外部访问范围// 子组件 - 使用forwardRef接收ref// 自定义暴露给父组件的方法// 只暴露需要的方法},// 不暴露内部的textareaRef}));});// 父组件使用return (<div>聚焦编辑器</button>console.log('内容:', editorRef.curre

Wouter是「轻量级路由工具」，核心优势是体积小、API 简单，适合简单场景；是「全功能路由解决方案」，核心优势是功能全面、生态完善，适合复杂场景。两者没有绝对的「优劣」，选择的核心是「匹配项目需求的复杂度」—— 小项目用 Wouter 更轻量，大项目用 React Router 更省心。

基本类型 → 必须用ref对象/数组：若需整体替换或频繁传递 → 用ref若仅修改属性，且无需传递 → 用reactive优先考虑代码可读性和团队约定，保持项目内风格统一。实际开发中，ref的使用频率通常更高，因为它更灵活且能避免reactive的一些陷阱（如解构丢失响应性）。在 Vue 中，ref和reactiveref和reactive的性能差异主要体现在初始化复杂度和深层属性访问上，但日常开

基本类型 → 必须用ref对象/数组：若需整体替换或频繁传递 → 用ref若仅修改属性，且无需传递 → 用reactive优先考虑代码可读性和团队约定，保持项目内风格统一。实际开发中，ref的使用频率通常更高，因为它更灵活且能避免reactive的一些陷阱（如解构丢失响应性）。在 Vue 中，ref和reactiveref和reactive的性能差异主要体现在初始化复杂度和深层属性访问上，但日常开

由于DOM树的构建和JS代码的执行都要在主进程（渲染进程）上进行，所以当JS代码执行时间过长时（任务执行时长 > 50ms）即出现长任务时会导致页面卡顿掉帧现象。中等优先级，用于处理用户可见的任务，如页面内容渲染、数据更新等，这些任务不需要立即响应但对用户可见性有影响。最高优先级，用于处理用户当前正在交互的任务，如输入响应、动画更新等，需要立即执行以保证流畅的用户体验。最低优先级，用于处理后台任务