-
防抖是指在事件频繁触发时只执行最后一次操作，常用于搜索功能中优化性能。通过设置延迟（如300ms），当用户停止输入后才发起请求，避免频繁调用。实现方式是封装一个debounce函数，利用setTimeout与clearTimeout控制执行时机。应用于input事件时，每次输入都会重置计时器，仅当间隔超过设定时间才触发搜索。需注意：合理设置延迟时间、过滤空值请求、可结合AbortController取消旧请求，并添加加载状态提升用户体验。该技术适用于实时搜索、自动补全等场景，能显著减少无效请求，提升性能。
-
HTML5中不存在html5play函数，正确方法是调用video.play()并用.catch()处理NotAllowedError等拒绝错误，且必须由用户手势触发。
-
事件循环优化I/O密集型应用的核心是：1.使用异步编程模型（如async/await、Promise、asyncio）替代同步阻塞调用，让CPU在I/O等待期间处理其他任务；2.理解并依赖事件循环机制，将I/O操作交由操作系统或线程池执行，主线程只负责调度和回调执行；3.设计时隔离CPU密集任务、完善错误处理与回压机制，调试时借助异步堆栈、日志和性能监控工具保障系统健壮性，最终实现高并发低资源消耗的完整解决方案。
-
事件循环延迟的测量通过setTimeout(0)结合performance.now()记录任务调度与执行的时间差实现，具体步骤为：1.记录任务提交时间；2.利用setTimeout(callback,0)将任务插入队列；3.执行时记录完成时间；4.计算两者差值得到延迟。此外还可使用MessageChannel或requestAnimationFrame进行更精细测量，分别反映宏任务调度和UI渲染延迟。持续高延迟说明主线程被阻塞，需拆分任务、减少DOM操作、使用WebWorkers等策略优化性能。
-
浏览器限制:visited仅能修改color等少数属性，background相关属性被忽略；可用currentColor配合background-clip:text实现文字渐变效果，或用JS+localStorage模拟已访问状态。
-
static为默认定位，元素按文档流排列，偏移属性无效；2.relative相对原始位置偏移，保留占位，不脱离文档流；3.absolute脱离文档流，相对于最近的已定位祖先元素定位，常用于弹窗或菜单；4.fixed固定于视口，滚动不变，适用于导航栏等；5.sticky结合relative与fixed特性，滚动到阈值后吸顶，需指定偏移量。掌握各定位特性及上下文关系，可精准控制布局。
-
align-items:baseline将各flex项第一行可渲染文本的基线对齐，但中日韩与西文字体基线定义不同，混排时易错位；纯块级或空元素退化为flex-start；多语种下需统一字体栈、限制作用域或改用center等更可靠方案。
-
HTML原生color输入框轻量但受限，仅支持#rrggbb格式且无透明度；HSL滑块可控性强但缺色盘直观性；CanvasHSV色盘最专业但开发成本高；表单集成需处理初始值、重置同步与无障碍。
-
直接在浏览器运行HTML文件只需双击或拖拽到浏览器即可；还可通过浏览器“打开文件”功能加载，确保文件编码为UTF-8并检查资源路径；推荐使用LiveServer或Python启动本地服务器预览以支持AJAX等需服务端的功能。
-
行内样式本身不直接触发重排，但JS中读写交替（如先读offsetHeight再设style）会强制同步布局；单纯改opacity等属性通常只重绘，改width或display则大概率重排。
-
HTML5无法直接读取本地图片，必须通过<inputtype="file">选择后用FileReader解析，这是浏览器安全策略强制要求的；直接使用file:///路径会被拦截，仅静态资源加载（如<imgsrc>）例外。
-
grid-template-areas通过命名区域映射内容模块（如"img""title"），提升语义性与可维护性；区域名须为单单词或连字符标识符，每行代表一行网格，点号表示空白，同一区域必须构成矩形；响应式宜用媒体查询重定义整个模板。
-
BigInt是JavaScript中处理任意精度整数的原始类型，不可用Number替代，因后者受限于MAX_SAFE_INTEGER导致精度丢失，且BigInt与Number混合运算会抛TypeError。
-
用FontAwesomeCDN（v6+）引入社交图标最便捷，需用fab类和正确图标名，添加aria-label和rel="noopenernoreferrer"保障可访问性与安全，配合flex布局和缩放类优化显示。
-
使用min-width防止百分比宽度在小屏下过窄，结合max-width与媒体查询优化响应式布局，确保元素在不同设备上保持可读性和合理尺寸。
