-
WebBundle目前无法用于离线分发大型Web应用，因其仍处实验阶段：Chrome仅支持通过file://或拖入方式加载本地.wbn文件，需启用flag，且不支持ServiceWorker拦截、动态import()、跨origin解析等关键能力。
-
应引用构建输出的压缩版CSS文件（如style.min.css），通过检查dist/或build/目录确认文件存在，并在HTML中正确设置link路径；推荐使用Webpack、Vite等工具自动注入压缩CSS，避免手动引入重复文件或路径错误。
-
实现视差滚动需结合HTML5、CSS与JavaScript：一、纯CSS用background-attachment:fixed；二、JS监听scroll+transform位移；三、requestAnimationFrame优化性能；四、will-change与contain启用硬件加速；五、IntersectionObserver按需激活。
-
<nav>专用于包裹页面中主要导航链接，如顶部菜单、侧边栏、页内锚点等；不应包含次要链接或非链接元素，避免语义滥用影响辅助技术和搜索引擎理解。
-
Word中图片居中需用段落居中（Ctrl+E）或绝对定位，因Word不识别HTML的align和CSS居中属性，仅支持嵌入型图片的段落对齐或高级布局定位。
-
解构赋值是JavaScript中改变取值方式的底层机制，支持嵌套、重命名、默认值及函数参数解构，但需防范null/undefined报错、性能开销与默认值陷阱。
-
本文详解React父组件向子组件传递函数时常见的调用失效问题，重点说明onConfirm={props.fn}与onConfirm={()=>props.fn()}的区别，纠正onConfirm={()=>{props.fn}}这一典型错误写法，并提供可运行的代码示例与最佳实践。
-
Sticky定位在表格元素中失效，因<table>、<tbody>、<tr>等不支持sticky，浏览器直接忽略；正确做法是用div模拟表格并设sticky，或采用双层table、CSSGrid、第三方库等替代方案。
-
<p>生成器函数用function*定义，调用返回迭代器对象；每次调用next()执行到yield暂停并返回{value,done}，yield可输出值、接收外部传参，支持惰性求值、异步控制等场景。</p>
-
CredentialManagementAPI仅在HTTPS或localhost环境可用，需用户手势触发，且受浏览器支持限制；调用前须确保安全上下文、正确表单语义及浏览器兼容性。
-
移动端点击高亮是iOSSafari和部分安卓浏览器默认添加的半透明灰色overlay，由-webkit-tap-highlight-color控制，需禁用以保障自定义交互样式一致性；Tailwindv3.0+需在corePlugins中启用tapHighlightColor开关并重启服务方可使用tap-highlight-transparent工具类。
-
使用requestAnimationFrame结合transform和opacity动画可提升性能，避免强制同步布局，减少重排重绘，确保动画流畅。
-
现代三栏等高布局首选Flex或Grid：Flex通过display:flex与align-items:stretch自动等高，子项用flex:00200px（侧栏）和flex:1（主栏）；Grid通过grid-template-columns:200px1fr200px天然等高，二者均语义正确、响应式稳健，避免float/table-cell等易塌陷、难维护的旧方案。
-
向上位移动画需用@keyframes配合transform:translateY()实现，起始帧设为translateY(100%)，结束帧为translateY(0)，并配合animation:namedurationtiming-functionforwards及opacity/visibility隐藏初始状态。
-
VueRouter动态参数变化时组件不重载，需用watch监听$route或beforeRouteUpdate守卫响应；推荐watch结合meta控制刷新逻辑，Vue3中可用useRoute和onBeforeRouteUpdate简化实现。
