-
form表单默认不支持JSON提交，必须绕过原生提交机制浏览器原生提交永远是application/x-www-form-urlencoded或multipart/form-data，不可能直接发JSON。想用JSON，就得拦截表单默认行为，手动构造请求。常见错误现象：fetch发出去的数据在后端变成空对象或字符串"[objectObject]"，本质是没序列化或错用了Content-Type。必须用event.preventDefault()阻止原生提交数据得先
-
JavaScript通过WebWorkers实现类似多线程计算的效果，利用后台线程执行耗时任务而不阻塞主线程，结合SharedArrayBuffer与Atomics可实现高效数据共享与同步，适用于CPU密集型或大数据量处理场景。
-
蓝绿部署通过双环境并行与流量切换实现零停机发布，以Node.js为例，借助Docker与负载均衡器部署新版本至绿色环境，验证后切流并保留旧环境用于秒级回滚，前端资源按版本分离避免污染，配合健康检查与监控确保发布安全。
-
transition-duration表示动画持续时间而非速度感，真正影响快慢的是变化量÷时间与缓动曲线；推荐图标hover用0.2s～0.3s、面板展开用0.3s～0.4s；cubic-bezier()比预设关键词更可控，性能敏感场景应优先使用transform/opacity避免重排。
-
fixed元素脱离文档流并相对于视口定位，常用于导航栏或返回顶部按钮；当页面出现滚动条时，其全宽布局可能因滚动条占用空间而错位，可通过calc()、margin补偿或flex布局解决；同时需注意z-index避免遮挡，并在移动端考虑软键盘导致的定位异常，可采用sticky替代或监听事件调整定位，确保视觉一致性。
-
事件冒泡是设计机制而非bug，指事件从目标元素逐级向上传播至document的过程，支持事件委托等重要功能；阻止需用stopPropagation()，乱用会破坏依赖冒泡的全局逻辑。
-
使用LiveServer插件可实现实时预览，安装后右键选择OpenwithLiveServer即可在浏览器中自动打开并实时刷新页面。2.直接保存HTML文件后在资源管理器中双击打开，利用系统默认浏览器查看效果，操作简单适用于静态页面测试。3.通过配置tasks.json创建自定义任务，使用shell命令调用浏览器打开当前文件，实现VSCode内快捷预览。
-
需用word-break和overflow协同控制：word-break:break-word或overflow-wrap:break-word实现长文本折行，overflow:hidden防止溢出撑开Grid单元格，并配合minmax(0,1fr)等弹性网格定义确保布局稳定。
-
答案：HTML5的progress标签通过value和max属性定义进度，可结合JavaScript动态更新并用CSS美化样式，适用于文件上传等场景，兼容IE10+且支持无障碍访问，但度量用途应选用meter标签。
-
本文详解如何使用CSSFlexbox将搜索栏稳定、可靠地对齐至页面头部右上角，解决因嵌套结构不当导致的布局错位问题，并兼顾响应式适配与可维护性。
-
HTML5原生details/summary元素可实现语义化、无障碍手风琴菜单，无需JS即可支持展开/收起、键盘导航与屏幕阅读器识别；现代浏览器均兼容，通过CSS重置样式并添加动画可提升体验，多开需求需JS配合ARIA属性实现。
-
接口在TypeScript中用于定义对象的形状、实现类型检查和代码复用。与类型别名的区别在于：1.声明方式不同，接口用interface，类型别名用type；2.扩展能力不同，接口用extends继承，类型别名用交叉类型&；3.声明合并不同，接口可合并，类型别名不可重复声明。接口还可定义函数类型，如StringProcessor接口规范函数签名。在面向对象编程中，接口可定义类的行为规范，如Animal接口实现多态。接口也可与泛型结合，如Container<T>定义通用容器。
-
JavaScriptDate对象需警惕时区陷阱：newDate()创建本地时间，ISO字符串默认UTC解析，数字参数最稳妥；获取/设置用getFullYear()/setMonth()等，注意月份从0开始；格式化优先Intl.DateTimeFormat；日期差以毫秒计算最可靠。
-
Grid容器会忽略子元素的float属性，因其采用自身对齐机制；应使用justify-self、align-self、grid-column、grid-row或margin等替代方案实现定位；图文环绕等需浮动的效果可保留在非Grid容器中处理；迁移时推荐用grid-template-columns、gap和fr单位取代float布局，以提升灵活性与可维护性。
-
Chrome扩展通过chrome.runtime.sendMessage与外部网页通信时，回调函数常出现静默失效（不报错、不执行），根本原因在于：1）ChromeAPI返回对象含循环引用导致序列化失败；2）外部消息回调仅允许调用一次，重复调用即被丢弃。本文详解原理并提供可靠修复方案。
