-
在flex布局中，margin:auto能让元素靠右是因为它会自动吸收主轴方向的剩余空间；只需给目标元素设置margin-left:auto即可实现右对齐，前提是父容器为display:flex且元素未脱离文档流。
-
用position:fixed居中模态框必须配合transform:translate(-50%,-50%)，因top:50%和left:50%仅定位元素左上角到屏幕中心，translate才使其整体中心对齐；该方案兼容未知宽高，但祖先元素含transform等属性会导致fixed失效。
-
CSS变量通过:root定义可复用颜色等值，如--primary-color:#3498db;，全局用var(--primary-color)引用；需注意作用域、IE兼容性（加fallback）、JS动态修改及语义化命名规范。
-
1.隐藏原生控件，使用opacity:0和定位覆盖自定义样式；2.通过label与span构建结构，用:checked状态切换样式；3.单选按钮需保持name一致并使用圆形样式；4.确保无障碍支持。通过将原生input设为透明并绝对定位，使其覆盖在自定义元素上，点击视觉按钮即触发原生控件，同时利用CSS的:checked伪类改变外观样式，复选框与单选按钮结构相似，但单选按钮需互斥选择且样式为圆形，此外必须设置label的for属性及保留键盘导航以保证可访问性。
-
防止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及以下不支持。
-
闭包是词法作用域、函数作为一等公民和垃圾回收机制共同作用的自然结果；当内部函数引用外部变量并逃出定义作用域执行时形成闭包，否则不构成；常见问题包括循环变量捕获异常和内存泄漏。
