-
grid-template-areas是通过字符串定义语义化网格区域的CSS属性，比数字定位更直观因其直接映射视觉结构、便于维护；需保证每行列数一致，用“.”占位空单元格，命名须符合CSS标识符规范。
-
使用visibility与opacity结合可实现元素的淡入淡出动画，解决display:none无法触发动画的问题。通过animation控制visibility和opacity属性，在视觉隐藏的同时避免交互响应，常用于提示框、弹窗等需要平滑显示隐藏的场景。关键在于利用visibility控制元素是否参与渲染，opacity实现透明度变化，配合forwards保持动画终态，从而达到“真正隐藏”的效果。
-
width:auto在块级元素中撑满父容器宽度，height:auto仅由内容撑开且不响应父高；二者行为本质不同，auto的自适应依赖可确定的可用空间基准。
-
JavaScript是通用语言，初学者应先用浏览器Console验证console.log；避免var，优先用const/let；本地开发需HTTP服务而非file://；DOM操作须确保元素已加载。
-
Promise是ES6引入的异步编程标准对象，用于解决回调地狱、错误处理分散及缺乏统一控制等问题；它表示异步操作的三种状态（pending/fulfilled/rejected），通过newPromise()创建，支持.then()/.catch()链式调用与Promise.all/race/finally等组合方法。
-
JavaScript通过SharedArrayBuffer和Atomics实现主线程与WebWorker间的共享内存通信，提升高频数据交互场景的性能。SharedArrayBuffer允许多线程共享同一内存区域，避免数据拷贝；配合Atomics提供的原子操作（如add、compareExchange、wait/wake），可安全读写内存，防止竞态条件。使用时需创建SharedArrayBuffer并分配视图（如Int32Array），将缓冲区传给Worker，各线程通过原子方法操作共享数据。典型应用包括多
-
JavaScript模块循环依赖不会语法报错但会导致undefined或不完整对象，因ESM静态求值和CommonJS执行时机问题；修复首选重构拆分、次选延迟获取、三选CommonJS动态赋值。
-
<p>HTML5中警告性注释需用FIXME、WARNING、TODO等前缀，如<!--FIXME:Safari下flexgap失效-->，确保可被工具识别、搜索和跳转，避免模糊描述，须明确影响范围与修复指引。</p>
-
动态规划通过记忆化避免重复计算，适用于重叠子问题与最优子结构，如斐波那契数列，朴素递归时间复杂度指数级，使用记忆化可降至O(n)。
-
网页打字机效果可通过四种方法实现：一、CSS@keyframes配合steps()实现静态逐字显示与光标闪烁；二、JavaScript递归setTimeout动态插入字符；三、Generator+async/await实现可暂停/恢复的精细控制；四、CSS自定义属性联动JS，用--char-count和ch单位驱动响应式动画。
-
边框颜色与背景不协调的常见原因是边框过实，应使用rgba()设置透明度以增强融合感；深色背景用浅色低透明边框，浅色背景用深色低透明边框，并配合border-radius和微弱box-shadow提升整体协调性。
-
CSS不能选择父元素因浏览器渲染机制限制，反向查找影响性能；可通过:has()伪类、结构调整或JavaScript间接实现。
-
可通过移除icon标签、设href为空或dataURL、配置HTTP响应头禁用请求、或使用1×1透明PNG图标四种方法隐藏HTML5页面图标。
-
border-width用于设置边框粗细，可接受1至4个值分别对应上右下左四边，也可单独设置某一边如border-top-width；必须配合border-style使用才能生效，常与border-color结合通过简写border属性统一设置，以实现精确的视觉控制。
-
新项目选CSS框架应聚焦“更省力、更可控、更可持续”：Bootstrap适合快速上线、前端不专精CSS的场景，提供预制组件；Tailwind适合需高度定制、有设计系统意识的项目，以原子类实现灵活主题控制。
