-
embed标签在现代网页中已事实废弃，因NPAPI插件机制被主流浏览器全面移除，导致静默失败、无报错无提示；应按内容类型严格选用img、iframe、video、audio等语义化原生标签替代。
-
JavaScript性能优化的核心是减少主线程阻塞、降低资源加载压力、提升执行效率，关键通过代码分割实现按需加载、合理利用构建工具分包能力、控制加载与执行时机，并借助工具监控验证效果。
-
box-shadow动画直接加transition无效，因它是复合属性，浏览器无法插值结构不同的阴影值（如none→有阴影）；必须保持参数数量、顺序、单位一致，且初始状态也需设为rgba透明阴影。
-
JavaScript通过window.history操作浏览器历史栈但无法读取URL列表或跳转至任意条目；pushState()新增历史记录，replaceState()替换当前项；两者均不触发popstate事件，仅导航时触发；state对象刷新后丢失，需配合sessionStorage或URL参数持久化。
-
table-layout:fixed是CSS中控制表格列宽计算方式的属性，它使浏览器仅依据第一行或col元素的宽度声明来确定列宽，从而实现可控的自适应布局。
-
应为最外层容器设max-width而非width，并配margin:0auto居中；若仍溢出，需约束子元素：图片加max-width:100%，代码块加overflow-x:auto和white-space:pre-wrap，长英文/URL加word-break:break-word。
-
在线HTML工具网页版入口包括：https://www.htmledit.squarefree.com、https://html5-editor.net、https://codebeautify.org/htmlviewer，这些平台支持实时预览与编辑，提供左侧写代码右侧即时渲染的双栏界面，兼容HTML、CSS和JavaScript，适合初学者和临时开发；无需注册即可使用，界面简洁无广告，功能清晰，适配多设备；同时具备代码格式化、语法高亮、错误提示等功能，可自动美化代码并修复常见错误，提升编码效率。
-
:first-of-type选中父元素中同类型标签的第一个，:last-of-type选中最后一个；两者按元素类型匹配，常用于去除首段边距或隐藏末项边框等场景。
-
闭包捕获变量是实时引用绑定而非值拷贝，导致异步回调中循环变量错乱、竞态条件和状态污染；解法是通过局部变量、参数传值或块级作用域固化值。
-
Safari14–15.6中Flex子元素height:100%不生效，因父Flex容器未被识别为有明确高度的上下文；需显式设父容器height，或改用align-items:stretch并移除height:100%。
-
HTML无法直接操作蓝牙键盘，因其仅为标记语言；浏览器通过document.addEventListener('keydown')统一处理输入事件，不区分设备类型；真正与蓝牙交互需依赖WebBluetoothAPI（仅限HTTPS、用户触发、BLEHID设备且Chrome支持），或原生应用。
-
HTML表单无法直接获取视线轨迹，需用mousemove、focus/blur、scroll等代理信号推测注意力；应避免误用IntersectionObserver，聚焦字段级行为链聚合与合理埋点。
-
flex-grow可配合CSS变量动态算比例：在HTML中用style="--r:1.777"注入纯数字变量，CSS中写flex-grow:var(--r,1)并设flex-basis:0，Chrome/Firefox/Safari≥15.4支持，需防字符串、单位、width干扰及IE11兼容问题。
-
Canvas绘图需先获取2D上下文对象：用document.getElementById()获取<canvas>元素，再调用getContext('2d')；漏此步则绘图静默失败。fillRect画实心矩形，strokeRect仅描边，均以左上角为坐标原点；路径绘制须beginPath→moveTo/lineTo→stroke/fill，缺beginPath会导致路径叠加；clearRect仅清像素，不重置状态，彻底重置可用canvas.width=canvas.width。
-
yield本身不处理异步，仅暂停生成器并交出控制权；真正实现异步暂停的是yield后接Promise并配合await或手动next()调度；asyncfunction*使yield可等待Promisesettle后再产出值。
