-
在JavaScript中实现Excel导出可以使用原生API导出CSV文件或使用SheetJS库导出带格式的Excel文件。1)使用Blob对象和URL.createObjectURL方法可以实现简单的CSV导出，适合小型数据集。2)SheetJS库支持复杂的Excel格式导出，但文件较大，处理大数据集时可采用流式处理方法来提升性能。
-
HTML元素本身不能直接调整尺寸与位置，所有布局控制均依赖CSS；html高度设为100%常无效因依赖父容器（初始包含块），需html和body同时设height:100%并清除body默认margin，或改用100vh/100dvh；position:absolute对html无效因其定位上下文始终是视口；zoom和transform:scale()不推荐用于布局缩放，易引发坐标错乱与点击偏移；响应式缩放应使用viewportmeta配合rem与媒体查询。
-
伪类和伪元素不能像函数调用一样连写，但可合法组合为:hover::after表示悬停时渲染伪元素；必须设置content（非none或空值）且父元素需position:relative以支持position:absolute定位；移动端hover不可靠，应配合媒体查询或JS降级。
-
JavaScript性能优化需针对性干预执行效率、内存占用和主线程阻塞；避免循环中重复DOM访问与计算，缓存变量；合理使用Object.freeze()和const；内存泄漏多源于未清理的事件监听器、定时器和闭包悬空引用，须用ChromeMemory面板对比heapsnapshot确认。
-
最简单方案是用:focus伪类改outline；需保留outline-style、兼顾:focus-visible、处理iOSviewport缩放问题。
-
原生<inputtype="date">宽度无法直接用width:100%撑开，因浏览器为其设定了默认min-width（如Chrome约130px），需显式设置min-width:0和box-sizing:border-box才能生效；Flex布局中同样需min-width:0配合flex:1；Safari兼容性最差，建议优先考虑自定义方案。
-
通过重写XMLHttpRequest的open和send方法可拦截AJAX请求，添加认证头、修改请求体或响应数据。2.拦截fetch需替换全局方法，可在请求前修改参数，响应后处理数据。3.使用Proxy可实现动态、可配置的请求拦截。4.注意拦截仅能包裹行为，存在兼容性与调试风险，生产环境慎用。
-
JavaScript中class是基于原型的语法糖，本质为构造函数封装，不改变运行时行为，但强制声明顺序、禁用提升、默认严格模式，并支持私有字段（#）和继承（extends/super）。
-
align-items:center未垂直居中，最常见原因是容器缺少明确高度或子元素为inline元素；需同时满足：父容器为flex、有交叉轴尺寸（如height）、子元素非纯文本或已设为block。
-
JavaScript数据缓存需按需存储、合理淘汰、安全读写：内存缓存用Map+时间戳+LRU；localStorage需序列化、加版本号、禁存敏感信息；IndexedDB和CacheAPI适用于大容量或离线场景；策略应匹配业务节奏，注重一致性与隔离性。
-
正确设置z-index需提前定义层级，因z-index不可动画。定位元素通过高z-index确保层叠优先，避免被遮挡，结合transform和opacity实现流畅动画效果。
-
本文介绍一种无需全局变量或闭包状态、而是通过实时遍历所有相关select元素来动态计算并累加支付金额的专业方案，确保每次选择更新后总金额准确同步。
-
父容器设position:relative是绝对定位子元素锚定其滚动的必要前提；子元素用position:absolute后，top/left相对于父容器paddingbox计算，随父容器滚动而视觉同步，但需确保父容器有高度、overflow且无干扰定位的中间祖先。
-
height设为auto时无法过渡，因auto非具体数值，浏览器无法插值；应改用max-height配合overflow:hidden实现过渡。
-
高阶函数是接受函数作为参数或返回函数作为结果的函数。它体现JavaScript原生支持的函数式编程能力，如map、filter、reduce均通过接收回调函数实现解耦；once等自定义高阶函数利用闭包封装状态；使用时需注意this绑定与作用域问题。
