-
useInView的observer必须在unmount时显式销毁，否则导致内存泄漏；Vue指令中需在unmounted调用disconnect()；原生IntersectionObserver必须调用disconnect()才能释放资源。
-
HTML5video硬解失败主因是配置与环境不协同：canPlayType()仅校验编码字符串合法性，不探测真实解码能力；需结合navigator.mediaCapabilities.decodingInfo()异步检测，并精确声明codecs、分辨率、码率等参数，配合playsinline等属性确保触发前提。
-
Express是快速构建Web应用和API的Node.js框架，通过路由、中间件实现请求处理，结合项目实战掌握CRUD接口开发并推荐代码分层结构以提升可维护性。
-
flex-basis:content经常不生效，因浏览器支持有限且仅在特定条件下触发内容宽度计算，常回退为auto；验证需查Computed样式中是否显示content。
-
BEM通过block__element--modifier命名强制作用域隔离，降低样式覆盖成本；禁用复杂选择器、依赖工具链校验与编辑器支持，并需配合设计令牌管理全局变量。
-
Husky本身不原生支持HTML，但可在pre-commit钩子中调用prettier等命令处理暂存区HTML文件，需配置--ignore-unknown参数防报错；commit-msg钩子应通过commitlint规范语义（如feat(html)），而非匹配文件类型；pre-push一般不加HTML专项检查，因其无编译链路，宜交由CI统一校验。
-
真正的安全在于服务器端，而非前端HTML或JavaScript验证。首先，所有敏感信息如密码必须通过HTTPS传输，并在服务器端使用加盐哈希算法（如Bcrypt）存储，杜绝明文保存。其次，客户端验证仅用于提升用户体验，关键校验逻辑必须由服务器执行，防止SQL注入、XSS等攻击。同时，实施速率限制、验证码、账户锁定和多因素认证（MFA）以抵御暴力破解与撞库。对于敏感数据，应采用应用层加密（如AES-256）并结合密钥管理系统（KMS）保障数据静态安全，配合最小权限原则、会话安全管理（HttpOnly、Sec
-
全透明的颜色值本质是alpha=0，包括rgba(0,0,0,0)、hsla(0,0%,0%,0)、#00000000和transparent；其中transparent语义清晰且兼容性好，推荐用于背景色。
-
粘连布局（StickyFooter）必须通过Flexbox或Grid实现高度分配，而非position:sticky/fixed；因sticky对footer无效（无滚动进入过程）、fixed会脱离文档流，Flexbox需body设height:100%和flex-column，Grid推荐minmax(0,1fr)防撑爆。
-
.phtml模板易臃肿因职责错位：将数据处理、条件分支等逻辑混入渲染层，导致代码冗长难维护；应将逻辑前置至Block/Controller中assign纯变量，模板仅做简单输出与语义化HTML。
-
XML解析慢的根源是移动端DOMParser的同步阻塞实现，而非XML本身；应优先用字符串解析、DocumentFragment批量插入、xhr.responseType='document'，或直接改用JSON。
-
Bootstrap5弃用jQuery后CSS性能提升源于原生JS对动画生命周期的精准控制：改用visibility+opacity+transform组合替代display切换，避免重排；保留.fade类确保backdrop与dialog动画同步；显式声明transition属性并监听transitionend事件，实现GPU加速与精确状态判断。
-
表单验证通过JavaScript在提交前检查数据有效性，首先构建包含用户名、邮箱、密码的HTML表单，接着绑定submit事件并阻止默认行为，调用validateForm()函数进行字段校验：用户名不能为空，邮箱需符合正则格式，密码长度不少于6位，任一失败则通过showError()显示错误信息并聚焦对应输入框，支持实时blur验证提升体验，最终验证通过后提交并清空表单。
-
JavaScript中的微任务队列没有明确的长度限制，它是一个动态增长的FIFO队列，与当前宏任务的生命周期绑定；1.微任务队列在规范层面无固定上限，理论上可无限增长；2.微任务优先级高于宏任务，在当前宏任务执行后立即清空微任务队列；3.若微任务无限生成，会持续占用主线程，导致页面冻结、宏任务无法执行；4.常见微任务包括Promise回调、MutationObserver、queueMicrotask()；5.避免微任务过度膨胀的方法包括避免递归创建微任务、分解大型任务、使用setTimeout调度、利用
-
用<ul>+<li>语义化结构实现群成员列表，配合<figure>包头像、<figcaption>包昵称，支持data-user-id传参、aria-label状态提示、contain:layoutstylepaint优化滚动性能，并预留在线状态样式扩展位。
