-
深色背景下文字发灰因对比度不足，需用LCH色空间按背景L值+55确定文字亮度，再转RGB；可用color-mix(inlch)动态混合提亮，并用工具实测对比度，避免小字号细字体导致可读性差。
-
PHP代码需在服务器环境中执行，不能直接通过浏览器打开HTML文件运行。必须将文件放在支持PHP的服务器（如XAMPP、WampServer）中，以http://localhost/访问；或使用VSCode的PHP插件启动内置服务器；也可上传至远程PHP主机通过域名访问；同时确保文件为.php后缀并正确嵌入PHP语法，如<?phpecho"HelloWorld";?>，以便解析执行。
-
WebWorker在独立线程运行，内存隔离，不阻塞主线程；不能访问DOM或全局对象，通信需通过postMessage/onmessage序列化；须同源JS文件，路径相对HTML；DevTools在Sources→Workers查看；模块Worker需type="module"，禁用importScripts()。
-
Proxy是ES6用于实现双向绑定的核心特性，通过拦截对象的get和set操作，可在数据变化时自动更新视图，用户交互时同步修改数据；相比Object.defineProperty，Proxy能监听动态属性和数组方法，语法更简洁，支持对整个对象的代理，无需递归定义响应式属性，是现代前端框架响应式系统的基础。
-
本文介绍一种巧妙替代方案：通过为容器设置固定高度与垂直滚动，并在展开时调用scrollIntoView()将目标区域平滑滚动至视口底部，从而实现“向上展开”的视觉效果，避免影响下方元素布局。
-
Tachyons是一个轻量级、原子化CSS工具库，通过mt2、pa2等类名直接在HTML中构建界面，体积仅14KB，支持响应式与8px网格系统，适用于快速开发静态页面和性能敏感项目。
-
JavaScript测试分单元测试和端到端（E2E）测试：单元测试聚焦函数或组件内部逻辑，快而细，用Jest/Vitest隔离运行；E2E测试模拟真实用户操作，慢但真实，用Cypress/Playwright在真实浏览器中验证全流程。
-
border会增加元素总尺寸，如width:100px;padding:10px;border:5px时，实际宽为130px；使用box-sizing:border-box可使border不增大全局尺寸；margin影响布局间距，垂直方向可能合并，水平方向累加，透明不可见但决定空白区域。
-
对象字面量{}最安全，避免new遗漏和原型污染；属性名含空格需引号；方法是函数值，支持简写；计算属性用[key]；点号访问合法标识符，方括号支持动态键；this绑定取决于调用方式；Object.defineProperty默认不可枚举。
-
CSSGrid通过grid-template-columns明确设定侧边栏固定宽度（如240px或minmax(200px,240px)）和主内容区1fr自适应，彻底解耦布局与内容，避免浮动、flex或百分比导致的宽度异常，并支持mediaquery无缝响应式切换。
-
try...catch仅对同步错误有效，如JSON.parse异常、undefined属性访问；对异步错误（setTimeout、Promise.reject）、语法错误、资源加载失败等无效；async/await中需配合await才能捕获Promise拒绝。
-
PDF转换前需先清理广告：用DevTools定位并删除广告DOM元素，或用Puppeteer在page.pdf()前执行JavaScript移除，或用wkhtmltopdf的--user-style-sheet注入CSS隐藏；残留广告需截图确认，顽固广告需人工校验。
-
manifest文件必须以text/cache-manifestMIME类型提供，结构须严格按CACHE→NETWORK→FALLBACK分块，路径需相对manifest所在目录，且仅manifest内容字节变化才触发更新；HTML5manifest已废弃，推荐改用ServiceWorker。
-
首先创建含POST方法和multipart/form-data编码的表单，添加file输入框并设置accept属性限制类型，通过multiple支持多文件上传，结合JavaScript验证文件大小与格式，最后由后端脚本处理并保存文件。
-
伸展树的旋转操作分为Zig（单旋）、Zig-Zig（同向双旋）和Zig-Zag（异向双旋），在插入、查找或删除后执行_splay时根据节点与父、祖父节点的相对位置触发。Zig用于节点父节点为根的情况，Zig-Zig用于三代同侧，Zig-Zag用于三代折线结构，通过组合旋转高效压缩路径，提升后续访问性能。
