-
防止XSS需对用户输入进行HTML实体编码，如用textContent替代innerHTML；2.使用React、Vue等框架默认转义机制；3.富文本使用DOMPurify过滤。核心是不信任用户输入，始终安全处理数据。
-
用flex-column实现底部固定布局需设父容器min-height:100vh且flex-direction:column，main设flex:1占剩余空间，footer不设flex；Grid方案用grid-template-rows:auto1frauto更语义化，1fr表示剩余空间，二者均需处理移动端vh抖动问题。
-
<p>生成器函数用function*声明，调用后返回Generator对象而非直接执行；需调用next()启动并暂停于yield，yield返回{value,done}，函数状态被保留，可多次恢复执行。</p>
-
JavaScript是解释型、动态类型、基于原型、事件驱动的多范式脚本语言；它无需编译、弱类型隐式转换、依赖原型链继承、依托事件循环处理异步。
-
防抖应选setTimeout而非requestAnimationFrame，因其能通过clearTimeout明确取消前序任务，解决重复请求问题；本地搜索需预处理文本、建索引、避免innerHTML拼接，并为fetch传入独立AbortSignal。
-
justify-items和align-items控制子项在单元格内的行内轴（水平）和块轴（垂直）对齐，默认stretch；justify-content和align-content对齐整个网格轨道，仅在轨道未填满容器时生效；justify-self和align-self可覆盖单个子项对齐。
-
首先确保浏览器正确关联并设置默认，打开DW2018首选参数添加Chrome或Edge并设为默认；接着保存HTML文件后按F12用外部浏览器预览；若含动态内容需新建站点并配置本地服务器；最后检查DOCTYPE声明和UTF-8编码以避免渲染异常。
-
绝对定位的参考系是最近已定位祖先而非直接父元素；父元素需设position:relative等才能成为定位上下文，且top/left起点为paddingbox左上角。
-
hover离开时过渡失效的根本原因是transition未在默认状态声明，必须在基础选择器中设置transition属性，而非仅写在:hover里，才能确保进出均有平滑动画。
-
JavaScript通过FileAPI纯前端读取用户上传文件，核心是<inputtype="file">获取File对象，再用FileReader异步读取为文本、base64或ArrayBuffer；支持多选、图片预览、JSON解析等场景，受限于安全策略无法获取真实路径，IE9及以下不支持。
-
闭包是词法作用域、函数作为一等公民和垃圾回收机制共同作用的自然结果；当内部函数引用外部变量并逃出定义作用域执行时形成闭包，否则不构成；常见问题包括循环变量捕获异常和内存泄漏。
-
浮动图文间距问题根源在于行框高度计算异常，应通过vertical-align:top、明确line-height和BFC触发来修复，而非滥用margin/padding；现代布局推荐Grid/Flexbox替代float。
-
使用百分比宽度、flex布局和媒体查询可实现输入框自适应；设置max-width防止过宽，并通过@media优化小屏体验，结合flex-wrap实现多列响应式换行，确保表单在不同设备均良好显示。
-
本文详解为何复选框（checkbox）在标签包裹结构下常出现“首次点击无响应、需双击才生效”的问题，并提供基于事件委托、自动互斥控制与DOM同步的完整修复方案。
-
语义化标签是HTML5中具有明确含义的元素，如header、nav、main、article、section、aside、footer，它们通过定义内容结构提升可读性、SEO和无障碍访问，正确使用需根据内容意义选择标签而非仅替代div。
