-
try-catch应仅包裹明确的危险点（如JSON.parse、localStorage.getItem、第三方API调用），避免包裹整段业务逻辑；需正确处理异步错误、保留原始堆栈、合理使用Promise.allSettled和全局错误监听。
-
最可靠的方式是使用本地服务器而非双击打开：Windows用python-mhttp.server8000，Mac用python3-mhttp.server8000，VSCode用户推荐LiveServer插件；因file://协议会禁用fetch、localStorage等API并引发跨域/编码问题。
-
核心原因是浏览器仅允许同源URL触发download属性下载；跨域资源即使添加download也会被忽略，需通过fetch获取blob再创建本地URL实现下载。
-
本文详解Fastify结合@fastify/websocket在启用HTTPS（即WSS）时连接失败的根本原因，指出证书信任链缺失是主因，并提供本地开发与生产环境的双轨配置方案，含可运行代码、证书生成指南及关键注意事项。
-
Next.js13+app目录下CSS生效需严格遵循导入规则：仅app/layout.tsx中import'./globals.css'有效；非模块CSS不可在组件内导入；CSSModules必须用.module.css后缀并按对象使用；删除next.config.js中冗余css配置；Tailwind需配置content路径；禁用_customDocument，所有样式注入须通过layout顶层import实现。
-
HTML5文档声明必须是<!DOCTYPEhtml>，且必须位于文件最开头、无任何前置字符，否则触发怪异模式导致布局、JS、API异常；常见错误包括BOM、XML声明、模板覆盖或编码问题。
-
FileReaderAPI是HTML5提供的用于读取用户通过<inputtype="file">选择的文件内容的接口，它不访问本地文件系统，仅处理用户主动选择的文件。核心步骤包括：①创建文件输入框让用户选择文件；②监听change事件获取FileList对象；③使用FileReader实例并调用合适的读取方法（如readAsText、readAsDataURL等）；④通过onload事件获取读取结果；⑤可选监听onerror和onprogress处理错误与进度。FileRe
-
使用.class:not(.exclude)可精准选中含某类但不含特定类的元素；排除多个类需链式书写如.item:not(.disabled):not(.hidden)，不可用逗号合并；:not()内仅支持简单选择器，不提升权重且实时响应class变化。
-
align-items:stretch默认生效但需父容器有明确高度，且子元素未被align-self、min/max-height或内容尺寸限制；统一box-sizing和设置height:100%可避免常见陷阱。
-
提升页面渲染性能需优化CSS选择器，首选类名和ID作为关键选择器，避免过度嵌套与通配符。①使用简洁类名如.nav-link替代div.contentullia.nav-link；②用具体类名.btn-primary替代属性选择器[class*="btn-"]；③限制嵌套层级不超过3层，改用BEM命名法提高独立性；④避免深层结构.sidebar.widget>ul>li>a，采用.widget-link等语义化类名；⑤合理使用#id提升匹配效率，但不滥用以保组件化可维护性。选择器越简单明确
-
PerformanceAPI是移动端性能监测的核心工具，通过PerformanceObserver监听navigation、resource、paint、longtask等性能条目，可精准捕获用户真实体验数据。相比过时的performance.timing，PerformanceObserver提供更细粒度、更现代的监控能力，结合navigator.sendBeacon可在页面卸载前上报数据，确保完整性。移动端因网络不稳定、设备碎片化、交互敏感及电池限制等特点，性能监测尤为重要，需区别于桌面端策略。应聚焦
-
本文详解如何通过CSS的Flexbox布局属性（如justify-content、margin和容器结构优化）灵活调整导航栏中链接的水平位置，实现居右但不紧贴logo的优雅排版效果。
-
用@keyframes定义±0.3deg~±0.8deg的轻量旋转动画，配合ease-in-out缓动和transform-origin:center，hover时触发0.3s–0.5s抖动，可加scale/translate增强真实感，注意移动端兼容与GPU加速。
-
纯HTML实现返回顶部需用<ahref="#top">指向带id="top"的顶部元素（不可设在<body>），配合html{scroll-behavior:smooth}启用平滑滚动，固定按钮需设z-index≥100并处理iOS兼容性；JS仅在路由、IE兼容或动态偏移时必要。
-
原型链是JavaScript中对象查找属性和方法时遵循的隐式链接路径，由对象的__proto__指向其构造函数的prototype构成，逐级向上直至null；它决定属性访问结果与方法可用性，支撑基于委托的继承机制。
