-
响应式表格溢出可通过四种方案解决：1.用带滚动的容器限制宽度，允许横向滑动；2.用媒体查询在小屏隐藏非关键列；3.用sticky固定表头并滚动内容；4.超小屏转卡片布局，每行变卡片提升可读性。
-
HTML转PDF有四种主流方案：一、浏览器内置打印功能，操作简单且样式保留好；二、wkhtmltopdf命令行工具，适合批量与服务端自动化；三、jsPDF+html2canvas前端生成，适用于交互式单页应用；四、Node.js+Puppeteer服务端渲染，支持高保真与复杂动态内容。
-
addEventListener是唯一推荐方式，因它支持同一事件多监听、控制捕获/冒泡阶段、可精准移除、兼容性好且为现代框架底层依赖；e.target是实际触发元素，e.currentTarget是绑定监听器的元素；异步操作前需检查DOM存在性。
-
微前端CSS隔离常失效是因为框架默认仅隔离JS，CSS全局注入导致样式污染；需结合strictStyleIsolation、execScripts劫持、动态样式拦截及CSS-in-JS配置等多层策略。
-
$emit不会冒泡，仅通知直接父组件；需手动逐层$emit实现跨级传递，或改用provide/inject、mitt、Pinia等替代方案，并注意参数传递、命名规范与卸载清理。
-
不能，负margin与padding作用对象不同，前者使盒子向外偏移，后者向内撑开内容区；小屏应通过媒体查询切换padding值，而非用负margin破坏文档流。
-
用font-size控制字号需依靠CSS，推荐使用rem单位建立相对缩放体系，避免混用单位及废弃的<font>标签，并通过开发者工具排查层叠与继承问题。
-
hover动画离开时直接跳回原状态，是因为animation默认不可逆，而transition天然支持双向渐变；应改用transition控制transform、opacity等属性，并确保默认态与hover态值类型兼容。
-
嵌套函数默认仅在外部函数内可访问，因词法作用域限制；若返回或赋值给外部变量则形成闭包并保持对外部变量的引用；可通过return、挂载对象属性或全局赋值显式暴露，但非必需且违背封装本意。
-
必须使用HTTPS、POST提交和CSRF防护，前端加密反而破坏安全机制。明文传输、GET提交、来源校验缺失及混合内容等问题均会导致敏感数据泄露。
-
异步JavaScript通过回调函数等机制让耗时操作不阻塞主线程；回调是作为参数传入并在特定时机调用的函数，常见错误是误写为callback()而非callback；Node.js习惯(err,data)形式，浏览器事件则无err参数；嵌套回调导致“回调地狱”，现代方案Promise/async-await将其转为链式或同步写法但底层仍依赖回调；事件监听、底层API等场景仍需手动写回调，需注意闭包问题。
-
HTML中绘制细线分隔有五种CSS方案：一、border单侧设置；二、hr重置样式；三、box-shadow模拟；四、渐变背景；五、伪元素绘制，各适用于不同场景与设备需求。
-
Puppeteer是HTML转图片最稳方案，因启动真实Chromium可正确渲染CSS、字体、SVG等；html2canvas仅适用于纯前端场景但缺陷多；Node端推荐搭配sharp高效处理截图图像。
-
IndexedDB可存储结构化数据并支持索引查询，通过open创建数据库和对象仓库，使用事务进行增删改查，结合索引与游标实现复杂查询，并在离线时缓存操作待网络恢复后同步。
-
HTML原生<progress>标签需同时设置合法value和max值才能正常渲染，缺一不可；须用浏览器前缀伪元素自定义样式；动态更新应避免高频赋值；语义上仅用于任务完成度，不可与<meter>混用。
