-
FormData不能直接转JSON，因含文件、重复键等；Object.fromEntries仅适用于纯文本无重复的极简场景，实际会丢失文件内容、覆盖同名值、兼容性差；应手动遍历并区分File与字符串类型处理。
-
CSS定位通过position属性控制元素位置，包含static（默认流）、relative（相对偏移）、absolute（相对非static祖先）、fixed（相对视口）和sticky（条件吸附）五种方式，配合z-index管理层叠顺序。
-
letter-spacing用于调整字符间距，取值为normal、长度值或负值，可提升文本可读性与视觉效果，常用于标题、大写字母及移动端小字号优化，中文一般无需调整；需避免过度负值导致重叠，建议响应式设计使用em单位，注意空格标点也受影响，不同于仅控制单词间距的word-spacing。
-
margin:auto在flex中仅在有剩余空间的主轴或交叉轴方向生效；主轴填满时单侧margin无效，四边auto仅当两轴均有剩余空间才居中，IE11不支持单方向auto。
-
使用Next.js或Nuxt.js搭建SSR骨架，通过服务端渲染生成完整HTML，提升首屏速度与SEO；采用文件系统路由，确保前后端组件一致；利用getServerSideProps预取数据并注入props，实现状态同步；构建时分离客户端与服务端代码，部署于Node或Serverless环境，打通请求-渲染-输出-客户端接管全流程。
-
HTMLinput的pattern属性未生效的根本原因是浏览器仅在表单提交或调用checkValidity()时触发验证，且正则默认全字符串匹配、无需^$，不支持高级断言，须配合required和form使用。
-
不能通过Object.defineProperty的value属性硬锁定对象方法引用；需同时设置writable:false、configurable:false和enumerable:false才能实现不可重写、不可删除、不可枚举的方法绑定。
-
JavaScript国际化API由Intl对象提供，包含DateTimeFormat、NumberFormat、RelativeTimeFormat、Collator和ListFormat五个构造器，依据语言标签自动适配日期、数字、相对时间、字符串排序和列表格式，但不处理文本翻译。
-
float布局塌陷指父容器因子元素浮动而高度坍缩为0，导致背景/边框消失、后续元素上移；clearfix通过伪元素+clear:both强制撑高父容器，但现代推荐用flex或grid替代。
-
HTML5无原生幻灯片功能，需用Swiper等JS库或CSS动画实现；Swiper推荐用于响应式轮播，需严格HTML结构和DOM加载后初始化；纯CSS方案功能受限且无自动播放；禁用iframe嵌PPT。
-
JavaScript内存泄漏主因是未释放不再使用的对象。1.意外全局变量：省略var/let/const致变量挂window，应启严格模式；2.事件监听器未清理：DOM移除后监听器仍存，需配对removeEventListener或用once；3.闭包持有外部大对象：避免长期引用DOM或大数据，用后置null；4.定时器未清除：setInterval/setTimeout回调持续存在，销毁前须clear；5.DOM引用残留：节点移除后JS仍引用，应解绑事件并置引用为null。开发中宜用ChromeMemo
-
后代选择器（空格）匹配任意层级的后代，如divspan选中div内所有span；2.子代选择器（>）仅匹配直接子元素，如nav>a只作用于nav的第一层a；3.相邻兄弟选择器（+）选中紧接的同级元素，如h1+p作用于紧跟h1后的p。
-
最推荐使用CSS的text-decoration属性添加下划线，而非<u>标签。因为CSS能实现样式与结构分离，提供颜色、线型、粗细和偏移等精细控制，符合现代Web标准；而<u>标签语义已限定为“非文本标注”，用于拼写错误或专有名词，滥用易导致可访问性问题和用户误解，尤其非链接文本加下划线会干扰用户对可点击元素的判断，影响体验。
-
本文详解inline-block元素（如导航栏容器）下方出现不可见空白的底层原理，并说明为何开发者工具（F12）无法直接高亮该空白，同时提供vertical-align、display:block等可靠修复方案。
-
可通过JavaFXWebView加载HTML文件实现桌面应用内显示，或使用HttpServer搭建轻量级服务器提供网页服务，亦可调用Desktop类直接启动系统默认浏览器预览页面。
