-
subgrid是让子网格容器复用父网格显式定义的行/列轨道，仅适用于display:grid的直接子项；需父容器设grid-template-rows/columns（不可用auto），子容器设grid-row/column:subgrid，不支持隐式轨道或repeat(auto-fit)。
-
HTML不处理样式，应使用<style>标签、外部CSS或内联style属性；<font>等过时标签无效且报错；内联样式需正确书写CSS规则，类选择器更易维护；常见错误包括拼写、单位、继承及默认样式干扰。
-
分页加载应优先使用后端返回的next_url而非前端自增页码，避免逻辑不一致；需用isLoading开关防重复请求，禁用节流/防抖；滚动到底部检测推荐getBoundingClientRect().bottom；数据合并注意解构层级，成功后及时清空error状态。
-
真正的安全在于服务器端，而非前端HTML或JavaScript验证。首先，所有敏感信息如密码必须通过HTTPS传输，并在服务器端使用加盐哈希算法（如Bcrypt）存储，杜绝明文保存。其次，客户端验证仅用于提升用户体验，关键校验逻辑必须由服务器执行，防止SQL注入、XSS等攻击。同时，实施速率限制、验证码、账户锁定和多因素认证（MFA）以抵御暴力破解与撞库。对于敏感数据，应采用应用层加密（如AES-256）并结合密钥管理系统（KMS）保障数据静态安全，配合最小权限原则、会话安全管理（HttpOnly、Sec
-
Symbol是独一无二的原始值，可避免属性名冲突、模拟私有成员、自定义对象行为及替代字符串常量。
-
使用requestAnimationFrame实现流畅动画，通过减少重绘区域、预渲染静态内容到离屏Canvas、避免重排与GPU开销，优化绘制节奏与资源管理，从而提升Canvas动画性能。
-
本文详解Django多层URL包含（include）中因重复引入同一应用路由导致的url模板标签解析错误，并提供清晰、可维护的URL分层设计方案。
-
backdrop-filter需显式声明transition才能渐变模糊，且仅Chrome/Edge102+、Safari15.4+支持，Firefox不支持；须单独为.modal-overlay设置transition:backdrop-filter0.3sease，否则硬切无动画。
-
实现夜间模式需统一颜色主题与合理对比度，使用CSS自定义属性定义亮暗色值，通过JavaScript切换.dark-mode类控制主题，结合prefers-color-scheme适配系统偏好，并避免纯黑纯白以提升可读性。
-
JavaScript执行上下文分全局、函数、eval三种，分别在页面加载、函数调用、eval执行时创建；作用域链在函数定义时静态确定，沿词法环境逐级向上查找变量，未命中则抛ReferenceError。
-
最直接的换行方式是使用<br>标签；它专用于强制换行，适用于地址、诗歌等需紧凑换行的场景，且为自闭合标签，不可嵌套滥用或连续堆叠。
-
使用CSS渐变结合JavaScript控制类名实现颜色切换，或通过JavaScript计算RGB/HSL插值实现平滑过渡，可灵活创建网页颜色渐变动效。
-
CSS动画不会因遮挡或切页自动暂停，需用visibilitychange监听页面可见性或IntersectionObserver检测元素可视性来手动控制播放状态。
-
滚动进度条不能仅用CSS实现，因fixed元素width:100%相对于视口而非页面总高度，必须用JS监听scroll事件，结合requestAnimationFrame节流、缓存scrollHeight、处理iOSSafari兼容性及边界情况动态更新宽度。
-
深拷贝需根据场景选择方法：JSON方法简洁但不支持函数、循环引用等；手动递归可定制但复杂；结构化克隆支持多数内置对象但异步；Lodash最稳定但增加依赖。
