-
HTML5<inputtype="date">在旧浏览器中直接回退为文本框而非兼容，需运行时检测支持性：创建临时input并判断input.type==='date'；不支持时推荐flatpickr（配dateFormat:"Y-m-d"）并校验格式、同步value、处理Safari时间戳兼容性。
-
气泡位置偏移的根本原因是absolute定位参考系错误，应给父容器设position:relative以确保以该容器为锚点；箭头推荐伪元素+border+rotate实现；动画只用transform和opacity避免重排；多气泡用DOM顺序控制层叠，隐藏时先动画再remove。
-
autocomplete="off"在现代浏览器中基本失效，因Chrome≥76、Firefox、Edge会结合name、type、label等语义信息主动忽略它；密码字段应改用autocomplete="new-password"并配合type="password"，用户名/邮箱等字段需组合随机name、隐藏假字段、非语义placeholder等策略破坏浏览器语义推断。
-
锚点跳转失效主因是id与href匹配细节或DOM状态异常：id须全局唯一且不以数字开头；href需为合法hash格式；目标元素须已渲染且可见；可用scrollIntoView()替代或监听hashchange手动滚动，并用scroll-margin-top解决吸顶遮挡。
-
div和span的本质区别在于渲染行为与语义：div默认块级、触发BFC、可设宽高；span默认行内、不响应宽高、支持vertical-align，且不可嵌套块级元素。
-
本文介绍如何利用useState和useEffect配合clearTimeout，实现一组按序触发、自动重置并无限循环的定时任务（如task1→task2→task3→重启），确保每次循环前旧定时器被正确清除，避免内存泄漏和逻辑错乱。
-
ES6中使用字符串的trimStart()方法可直接去除开头的空白字符。该方法会移除字符串头部的所有空白符（包括空格、制表符、换行符等），并返回一个新字符串，原始字符串不会被修改。1.trimStart()的使用方式为在字符串变量后直接调用，如originalString.trimStart()。2.它适用于处理用户输入、解析API数据、命令行参数清洗等场景，尤其在仅需去除前导空格而保留结尾空格时非常有用。3.与trim()不同，trimStart()只处理字符串开头部分，而trimEnd()则专注于末尾
-
html2canvas并非所见即所得快照工具，而是通过解析样式并重绘实现转换，不处理transform动画、iframe及跨域图片等原生渲染行为；其不继承浏览器默认样式表，需显式声明字体、颜色等CSS规则，并配置useCORS、scale等参数以保障截图质量。
-
在现代前端开发中，CSS的兼容性和代码效率至关重要。PostCSS是一个强大的工具，能将CSS解析成抽象语法树（AST），然后通过插件对样式进行转换和优化。结合合适的插件，你可以自动添加浏览器前缀、压缩代码、使用未来CSS特性，而无需手动处理繁琐细节。安装与配置PostCSS要在项目中使用PostCSS，首先需要将其集成到构建流程中。大多数现代项目使用Webpack、Vite或Parcel，这些工具都支持PostCSS配置。以Webpack为例，先安装PostCSS
-
能，但需正确实现：aria-label失效常因语义缺失或交互劫持；role="button"比div+onclick可靠因其显式声明交互意图并支持键盘焦点；aria-live需注意polite/assertive行为、DOM更新方式及初始存在；表单必须用显式label或aria-labelledby而非placeholder；焦点管理是动态组件可访问关键。
-
HTML转PDF样式丢失主因是媒体查询和相对单位被忽略，需强制启用样式、换用pt/mm单位、显式写@mediaprint并嵌入中文字体；动态内容需等待JS执行完毕；PDF体积大或文字不可选源于图片base64和字体未嵌入。
-
浮动元素在宽度缩小时会“掉行”，因其脱离文档流且不感知容器变化，容器变窄时无法并排则被挤至下一行；需在媒体查询中显式设float:none并清除浮动才能避免布局崩塌。
-
迭代器是JavaScript中按需遍历数据的机制，核心是实现[Symbol.iterator]方法返回含next()的对象，每次调用返回{value,done}；可借助生成器函数快速创建，yield产出值，自动满足迭代协议。
-
原生CSS不支持嵌套因语法模型与人脑层级认知不匹配，SCSS/Less补足组织能力；常见错误包括&误用、过度嵌套、兄弟选择器空格缺失；@use替代@import实现模块化；PostCSS插件仅支持基础嵌套，无法替代预处理器的变量、函数等完整能力。
-
子元素的margin-top会让父容器一起往下掉是因为相邻块元素垂直margin会塌陷，且父容器未形成BFC时其上边界与子元素margin-top相粘连；overflow:hidden通过触发BFC隔离内部布局来阻止塌陷，但可能截断溢出内容。
