-
Vue.js中watch可监听多个搜索条件变化并同步到URL查询参数，需聚合监听、防抖处理、避免循环触发，推荐用计算属性汇总参数并监听其变化，结合路由API实现单向数据流。
-
用CSSGrid的repeat(3,1fr)可简洁实现3×3九宫格布局，无需设置子项宽高，配合gap、响应式媒体查询和基础样式增强即可快速完成自适应九宫格。
-
闭包在回调队列中扮演核心角色，因为它能捕获并持久化外部作用域的变量，确保回调函数在异步或延迟执行时仍可访问创建时的上下文。1.闭包是函数与其词法环境的组合，使内部函数能“记住”外部变量，即使外部函数已执行完毕；2.回调队列依赖闭包维护状态，避免因异步执行时机导致的变量丢失或污染，尤其在循环中为每个回调绑定独立的变量值；3.构建回调队列时，通过函数返回的方法（如add和run）闭包引用队列数组，实现私有状态的持久化和安全访问；4.在异步操作中，闭包将请求参数（如URL、DOM元素ID）与回调逻辑绑定，无需全
-
HTML是标记语言而非编程语言，应聚焦文档结构；需手写基础标签、用LiveServer预览、厘清class/id用途差异、阻止表单默认提交，并通过DevTools实时调试。
-
用CSSGrid实现徽章墙需使用grid-template-columns:repeat(auto-fill,minmax(120px,1fr)))实现等宽自适应，配合gap控制间距；SVG图标用vertical-align:middle和em单位确保居中与缩放；状态通过badge--earned/badge--locked类控制，焦点交互兼顾:hover与:focus-visible，并设置min-width防止过度压缩。
-
JavaScript无法自由改变主浏览器窗口大小，仅能通过resizeTo()或resizeBy()调整由window.open()创建的同源弹出窗口；现代浏览器出于安全与用户体验限制此操作。主要应用是响应窗口变化：通过监听resize事件、结合innerWidth/innerHeight获取视口尺寸，并利用window.matchMedia()实现与CSS媒体查询同步的动态布局调整，用于响应式设计中的内容适配、资源加载和组件行为控制。
-
最有效方案是使用Cross-Origin-Resource-Policy:same-origin响应头，现代浏览器会静默拦截跨站CSS加载；需配合Referer检查兜底旧浏览器，并清除缓存确保新策略生效。
-
禁用滚动文字选中变色需对滚动容器设置user-select:none；若含可交互子元素须单独设auto；marquee标签需外层包裹并设样式，不可直接作用于marquee自身。
-
HTML图片对齐用CSS而非废弃的align属性，常用float、vertical-align、Flex布局或绝对定位；Bun通过bunserve快速预览HTML，但需注意路径匹配和服务限制。
-
在JavaScript中创建HTTP服务器主要通过Node.js实现。1)安装Node.js并使用http模块创建服务器。2)使用req和res对象处理请求和响应。3)处理不同URL路径和HTTP方法。4)实施错误处理、性能优化、安全性和日志记录。使用Express.js可以简化开发并提供更多功能。
-
移动端按钮的:disabled伪类不生效因iOSSafari等浏览器支持不全，需结合pointer-events:none、显式class控制、禁用态样式写死及避免滤镜等方案确保视觉、触摸、键盘和可访问性四重保障。
-
@page{size:landscape}是唯一能直接控制打印纸张方向的CSS机制，必须置于@mediaprint中，且需配合内容样式调整以避免截断或错位。
-
class选择器是CSS和JS配合的最优解，因其唯一支持可复用、多值、语义化及动态增删；推荐querySelectorAll而非getElementsByClassName，操作用classListAPI，命名需作用域明确。
-
PageVisibilityAPI仅通知页面可见状态，不提供加密能力；需通过模糊化日志、限制监听器、HTTPS安全上下文、多信号校验等措施保障隐私与安全。
-
img标签必须带src和alt属性：src缺失则不加载图片，alt缺失导致可访问性违规及旧版IE显示红叉；路径须准确（推荐绝对路径），width/height宜声明以避免布局偏移，跨域图需服务端支持CORS。
