-
grid-template-areas不能定义网格线名，线名必须在grid-template-rows/columns中用方括号语法声明，引用时也必须加方括号，如[name]，裸名会被忽略或报错。
-
合理设置font-size和line-height的相对值可实现响应式排版，结合CSS盒模型使文本在不同设备中自然缩放。通过百分比或em单位基于根字体调整大小，配合无单位line-height确保行距正确继承，避免使用固定高度，改用padding和min-height维持布局弹性。例如设置html{font-size:100%}，再利用媒体查询适配小屏，同时为段落和按钮设置相对字体与行高，使内容区域随文字自适应，保证可读性与可访问性。关键在于让文本空间与盒模型协同响应变化。
-
最稳的图片网格写法是display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr)));，配合img{width:100%;height:auto}和loading="lazy"及<picture>现代格式。
-
摘要是对论文内容不加注释和评论的简短陈述，须扼要说明研究目的、方法、结果与结论，重点在结论，具有独立性与完整性，字数通常为200–300字，适用于检索、审稿与快速获取核心信息。
-
==会偷偷改数据类型，因其先进行隐式转换再比较值，如null==undefined为true、'0'==false为true；===则严格先判类型再比值，避免意外转换，是日常开发首选。
-
HTML表格本身不支持数据订阅通知，需结合后端技术实现。1.WebSocket建立双向通信，服务器主动推送更新；2.SSE提供轻量级单向推送；3.LongPolling模拟实时更新；4.使用框架如React、Vue.js简化开发；5.根据实时性和通信方向选择合适方案，并注意数据安全。
-
Proxy无法实现真正意义上的“基于全路径捕获”的无侵入式多语言自动翻译引擎，因其仅能拦截JS对象属性读写，无法覆盖HTML硬编码、DOM操作、第三方库及Canvas等场景；网页需MutationObserver+DOM扫描，Unity需Harmony补丁，二者均依赖底层链路注入而非Proxy。
-
核心差异在于底层机制和浏览器行为触发点：createWebHistory基于HistoryAPI操作历史栈并触发服务器请求，需服务端配合；createWebHashHistory基于hash变更，不发服务器请求，兼容性更好且无需服务端配置。
-
Safari中background-clip:text无效是因为仅支持-webkit-background-clip:text，且需同时声明两者；必须显式设置background-image、文字元素设为inline/inline-block，并避免任何合成属性触发。
-
伪类样式难维护的根本原因是交互状态与视觉样式耦合，导致逻辑分散、复用困难；应改用显式状态类（如.is-hovered）集中管理状态，配合JS事件控制，并分层使用伪类与状态类。
-
Symbol定义常量更安全可靠，核心在于唯一性与避免碰撞：每次Symbol()生成全局唯一值，不参与遍历和序列化，支持Symbol.for()跨模块共享，且语义清晰、不可变。
-
影响LCP的CSS规则包括：阻塞渲染的未内联/大体积CSS、@import串行加载、display:none元素的冗余样式解析；需内联关键样式、避免font-display非swap值、用width/height+aspect-ratio占位防抖动、慎用transform/vw等运行时计算属性。
-
用border和outline临时加边框是盒模型嵌套调试最快捷方式：border标content/padding区，outline标margin区，box-shadow可模拟单边描边，分层标记后立即删除。
-
通过CSS变量和JavaScript实现主题切换，先定义:root中的--变量，用var()引用并设置默认值，再通过classList.toggle('dark-theme')切换主题类，结合localStorage保存偏好，实现多主题动态换肤。
-
JavaScript中Array.prototype.sort()实现多属性排序需在单个比较函数中按优先级逐级比较：先比部门升序（localeCompare），再比年龄降序（b-a），最后比姓名升序（localeCompare），避免多次sort调用覆盖结果。
