-
按钮点击效果必须用:active伪类实现，而非:hover；需确保元素可交互、显式声明transition属性、适配移动端touch-action，并配合JS添加状态类以补全反馈完整性。
-
需遵循五步标准流程：一、搭建HTML5基础结构，含DOCTYPE声明、lang属性、meta标签；二、使用header、nav、main等语义化元素组织内容；三、用audio/video标签嵌入多媒体并设降级方案；四、结合CSS3Flexbox、Grid与媒体查询实现响应式布局；五、利用HTML5表单新类型及属性增强交互与验证。
-
使用position:fixed使导航栏脱离文档流并固定于视口顶部，需手动设置margin-top避免内容遮挡；2.使用position:sticky让导航栏在滚动到顶部时自动吸附，仍保留文档流位置，无需额外留白；3.fixed兼容性好但布局影响大，sticky更智能且自然，适合现代浏览器下的长页面设计。
-
想让第1、3、5行变色用tr:nth-child(odd)，第2、4、6行变色用tr:nth-child(even)；需限定为tbodytr:nth-child(odd)避免thead干扰，nth-of-type在表格中失效因tr兄弟节点含非tr元素。
-
防抖和节流在JavaScript中用于性能优化。防抖适用于用户停止操作后执行的场景，如搜索框输入；节流适用于定期执行的场景，如滚动事件处理。实现防抖函数：1.使用setTimeout延迟执行，2.清除之前的定时器，3.返回新函数。实现节流函数：1.使用标志控制执行，2.设置定时器重置标志，3.返回新函数。
-
WebWorkers是JavaScript在后台线程运行脚本的机制，通过独立隔离的执行环境实现并发，避免阻塞主线程；每个Worker有独立上下文、无DOM访问权，通信靠postMessage和message事件，支持结构化克隆与transferableobjects零拷贝。
-
writing-mode改变块流向而非文本方向；需配合direction、text-orientation、字体vert特性等才能实现正确竖排。
-
JavaScript创建自定义事件需用CustomEvent构造函数（可带detail数据）、dispatchEvent触发（支持元素或document广播）、addEventListener监听（通过e.detail获取数据），注意冒泡、取消及内存泄漏。
-
首先将Notepad编写的HTML代码保存为.html格式，通过“另存为”选择“所有文件”并添加扩展名；接着双击文件或右键选择浏览器打开即可查看网页效果；若未正确关联，可手动设置默认打开程序；修改代码后需重新保存并在浏览器中刷新页面以更新显示内容。
-
column-count瀑布流留白因浏览器按文本流顺序填列、不均衡列高所致；需配合column-fill:auto、避免break-inside:avoid，并用JS维护列高数组实现精确控制。
-
h1到h6标签用于构建网页的语义化结构，h1代表页面主标题且建议唯一，h2至h6按逻辑层级逐级细分内容，不可跳级使用；正确应用标题层级能提升可读性、SEO和辅助技术兼容性，如教程中“JavaScript入门教程”为h1，“变量与数据类型”“函数基础”为h2，依次嵌套；避免仅用标题控制样式或滥用h1，应通过CSS调整外观，保持结构连续清晰。
-
MutationObserver是异步监听DOM变化的原生API，支持监听子节点增删、属性变更、文本内容变化等，需配置options并调用observe()启用；变动批量异步派发，须手动disconnect()清理以防内存泄漏。
-
三列等高不能只靠height:100%是因为其依赖父容器有明确高度，而流式布局中父容器高度由子内容撑开，形成循环；Flexbox通过display:flex和默认align-items:stretch实现等高，需避免子项脱离格式化上下文或设置固定高度。
-
浮动导致父容器高度塌陷时，应触发BFC（如overflow:hidden）或伪元素清除；标签间空白引发间隙需删空格或设font-size:0；清除后空白多因清除元素自带margin；现代布局优先用flex或grid替代float。
-
懒加载的核心是元素进入视口时才加载资源，推荐使用IntersectionObserverAPI监听并触发加载，兼容性不足时降级为节流scroll+getBoundingClientRect，同时需处理图片load/error状态及首屏关键资源优化。
