-
使用CSS实现图片悬停平滑缩放，需设置transition定义动画时长与缓动效果，通过transform:scale()在hover时放大图片，建议包裹容器并设置overflow:hidden防止布局抖动，结合will-change提升渲染性能，确保视觉流畅。
-
本文介绍在JavaScript中高效、可扩展地将常见HTML实体（如–、&等）还原为原始字符的方法，提供轻量函数实现、关键注意事项及生产环境优化建议。
-
能，但只对高频重复结构有效；需新建用户级代码片段，正确转义XML字符、设置Language为html并重启VS，避免修改系统文件或触发词冲突。
-
在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左上角。
