-
答案：通过JavaScript将数据生成HTML表格并转换为CSV或Excel格式，利用FileSaver.js和SheetJS等库实现前端导出；处理大数据时采用分页、WebWorkers或后端导出以提升性能。
-
input:focus默认触发浏览器outline，需用outline:none或outline:2pxsolidtransparent+outline-offset清除或占位；必须配合box-sizing:border-box防布局偏移，并优先使用:focus-visible保障键盘可访问性。
-
HTML5中获取服务器数据主要用FetchAPI和XMLHttpRequest：Fetch基于Promise，语法简洁，自动解析JSON；XHR需手动解析；均需处理CORS、嵌套JSON安全访问及错误响应。
-
优先引入WOFF2、WOFF、TTF、EOT多格式字体，按顺序声明@font-face；使用font-display:swap避免空白；配置CORS解决跨域；设置伪元素备用字符及SVG降级，确保兼容性与稳定性。
-
Grid布局重排开销不一定比Flexbox大，但触发条件更敏感；其二维定位需同步计算行列轨道依赖，而Flexbox仅单向遍历主轴，尤其在动态插入项目或使用minmax()等函数时易引发多次测量。
-
本文详解React中“子传父”数据流的正确实现方式，通过useState提升状态至顶层组件，并逐层向下传递setter函数，解决props.setSelectedCategoryisnotafunction等常见错误。
-
默认标准盒模型下padding会额外增加元素总宽高，如width:200px+padding:10px→实际宽220px；改用box-sizing:border-box后padding计入width内，不撑大元素。
-
动态生成HTML页面需借助JavaScript操作DOM或模板字符串等技术实现：一、用document.createElement创建元素并append到容器；二、用ES6模板字符串插值后赋值innerHTML。
-
if适用于布尔逻辑、范围条件或真值判断，switch仅适合等值匹配多个固定值；用错场景会导致可读性差、漏break或隐式转换错误。
-
<inputtype="number">并非真正数字输入框，仅提供基础校验；需配合inputmode="numeric"、lang属性及JS过滤才能实现可靠数字输入与防错。
-
最常用可靠的方式是父级容器加后代选择器限定作用范围：先为区域外层元素添加唯一类名或ID，再用空格连接后代元素写样式，注意优先级无需!important，进阶可用CSS变量统一控制主题。
-
text-fill-color配合linear-gradient文字没变色，因仅WebKit内核支持且需设-webkit-text-fill-color:transparent、background:linear-gradient()及-webkit-background-clip:text。
-
绝对定位会覆盖浮动，导致float失效。应通过外层浮动+相对定位、内层绝对定位的嵌套结构实现组合效果，避免同一元素混用两者，推荐用flex或grid替代浮动以减少冲突。
-
CSS中float属性的取值包括：1.none（默认，不浮动）；2.left（浮动到左侧）；3.right（浮动到右侧）；4.inherit（继承父元素的float值）。这些值在创建多栏布局和环绕效果时非常有用，但使用时需注意清除浮动和响应式设计问题。
-
该用<wbr>而非<br>时，是在需允许浏览器在窄容器中智能折行但不强制换行的场景，如长URL、驼峰标识符、版本号等；<wbr>是无视觉副作用的语义断点，仅在必要时生效，而<br>强制换行。
