-
html5play()不是HTML5标准函数，而是第三方SDK自定义方法；其自动播放受浏览器策略限制，需满足用户交互、muted、playsinline等条件才能生效。
-
HTML标签未闭合或嵌套错位会导致浏览器自动纠错，使DOM结构与源码不一致，引发布局错乱、样式失效、JS获取元素失败；应通过开发者工具Elements面板查看真实DOM、编辑器插件辅助、W3C校验器验证来排查修正。
-
CSS自定义属性（如--color-primary）是现代浏览器支持的“CSS变量”，需定义在:root中以实现全局生效，使用var()函数调用，支持fallback；JS可动态修改其值实现主题切换，而Sass变量仅编译时替换、无法运行时更新。
-
border:1pxsolid#000是最直接的实线边框写法；HTML5不提供边框语法，完全由CSS控制，需完整指定宽度、样式、颜色三值，且元素须有尺寸和正常渲染流才能显示边框。
-
错误边界是React中用于捕获子组件树JavaScript错误并渲染降级UI的类组件，通过staticgetDerivedStateFromError和componentDidCatch实现，不捕获事件处理、异步代码、服务端渲染及自身错误。
-
前端国际化是通过将文本抽离为语言包，按需加载并替换界面内容，实现多语言支持。核心步骤包括：使用JSON等格式管理键值对翻译、根据用户语言环境动态加载对应文件、通过函数获取翻译文本并处理变量替换。基础方案可自行实现，但实际项目多采用成熟库如i18next、react-i18next、vue-i18n等，以支持复数、格式化、上下文等复杂场景。选型时需考虑框架适配性、功能需求、团队熟悉度和包体积。常见挑战包括翻译流程管理（可用TMS系统解决）、复数与上下文处理、RTL布局支持、性能优化（如按需加载）。除文本翻译
-
应使用语义化列表标签：无序内容用<ul>，有序步骤用<ol>，条目必须为<li>；避免<div>模拟列表；CSS控制外观时拆解list-style属性；横向布局用flex；坚持原生标签保障可访问性。
-
图在JavaScript中常用邻接表表示，适合稀疏图和动态操作，邻接矩阵适用于顶点固定且边密集的场景，边列表则用于特定算法；实际应用如社交网络、导航和推荐系统均依赖图结构。
-
柯里化是将多参数函数转为单参数链式调用，如f(a,b,c)→f(a)(b)(c)；核心是依fn.length判断参数是否收齐，用闭包累积args，满足条件后执行fn.apply(this,args)。
-
应避免直接JS频繁修改column-count，改用媒体查询控制列数；必须JS控制时用requestAnimationFrame节流；优先用grid模拟瀑布流以减少重排；内容含图片时需onload后强制重排；Safari下慎用column-width。
-
变量提升是JavaScript中var声明被提升并初始化为undefined，而let/const声明虽被提升但不初始化，访问会触发ReferenceError，该区域称暂时性死区（TDZ）。
-
align-items:baseline会让元素看起来“偏高”是因为替换元素（如input、img）的基线位于下边缘上移x高度处，而非文字底部；替代方案包括flex-end（底对齐）、center（居中）、align-self单独调整等。
-
Grid容器会忽略子元素的float属性，因其采用自身对齐机制；应使用justify-self、align-self、grid-column、grid-row或margin等替代方案实现定位；图文环绕等需浮动的效果可保留在非Grid容器中处理；迁移时推荐用grid-template-columns、gap和fr单位取代float布局，以提升灵活性与可维护性。
-
引入CSSReset后布局塌陷是因过度清零默认样式所致，需手动补全基础排版或改用Normalize.css；后者保留有用默认样式、仅修复浏览器差异，推荐多数项目使用。
-
fetch是现代首选，但需手动处理cookie、HTTP错误、JSON解析、POST序列化及AbortController取消；IE11等旧环境仍需XMLHttpRequest。
