-
浮动元素会脱离文档流并影响后续布局，块级元素忽略其位置而文本内容环绕其周围，可能导致布局错乱和父容器高度塌陷，需通过clear属性、创建BFC或使用Flexbox/Grid等现代布局技术来控制影响。
-
字符串转数组用split()，空字符串split("")返回空数组；includes()语义清晰但IE不支持，indexOf()可定位且兼容IE；replace()需/g或replaceAll()才替换全部；拼接长字符串优先用模板字面量或join()。
-
JavaScript对象属性可动态增删，点号语法适用于合法标识符，方括号支持动态键名；delete删除自身可配置属性，in检查原型链存在性，hasOwnProperty或Object.hasOwn判断自身属性。
-
box-shadow默认不占布局空间且随border-radius圆角延伸，外阴影不受overflow影响，内阴影可能被overflow:hidden裁剪，需通过padding或伪元素避免；多重阴影按书写顺序叠加，前一个覆盖后一个，正确设置可确保阴影在盒模型中准确呈现。
-
absolute元素宽度“塌陷”是因脱离文档流后按shrink-to-fit规则计算；需根据需求选left/right或width：同宽父容器用left:0;right:0;，内容自适应用min-width:fit-content;等。
-
HTML5播放RTMP流需借助第三方方案：一、flv.js+Nginx-rtmp-module转HTTP-FLV；二、video.js+HLS/DASH转封装；三、hls.js播已转HLS流；四、WebRTC网关实现低延迟。
-
能，background-repeat:no-repeat确实阻止背景图重复，但仅对单张背景图且容器大于图片原始尺寸时生效；多背景、background-size或background-position设置不当易引发误解。
-
HTML无法实现任务依赖逻辑，必须用JavaScript控制状态同步；通过data-prereq标记依赖项，监听change等事件更新下游节点状态，并确保可访问性与用户提示。
-
Notepad++默认不识别HTML\_等带下划线的非标准扩展名，需手动在“设置→首选项→文件关联”中将HTML\_绑定至HTML语言，或直接编辑config.xml添加<associationext="HTML_"lang="html"/>，修改后需重载文件才生效。
-
HTML中实现文字闪烁效果，推荐使用CSS的@keyframes定义动画，通过控制opacity属性在0和1之间切换，并结合animation属性实现持续闪烁，如设置animation:blink1sstep-startinfinite可创建频率为每秒一次的明显闪烁，此方法兼容性好且简洁高效，适用于提示信息等场景，但需避免过度使用以防影响用户体验。
-
React中应使用DOMParser解析XML字符串再递归生成JSX元素，以安全保留结构、属性和命名空间；需捕获parsererror错误，并区分ELEMENT_NODE与TEXT_NODE处理。
-
相对定位父元素配合绝对定位子元素可实现精准布局，子元素依据父元素边界定位，常用于角标、下拉菜单和模态框等场景，需注意父元素必须设为relative以避免定位漂移。
-
使用align-items:center可解决导航栏图标与文字对齐问题。通过将导航项设为Flex容器，结合gap设置间距，确保图标和文字垂直居中；需统一图标尺寸或包裹处理以避免偏移，并可配合line-height增强兼容性，提升移动端显示稳定性。
-
grid-template-areas没生效最常见原因是子元素未设grid-area或名称拼写、大小写不一致；grid-area值不应加引号，仅含特殊字符时才需引号；响应式需用媒体查询重定义整条规则，且各断点区域名须一致。
-
图片容器需设position:relative作为定位锚点，文字层用position:absolute配合top/left及z-index:1定位并置顶，背景用rgba而非opacity，响应式推荐百分比坐标与transform垂直居中。
