-
本地图片不显示主因是file://协议限制或路径错误；浏览器以HTML文件位置为基准解析background-image相对路径，须用url()函数包裹，配合background-size等属性，并启动本地HTTP服务（如python-mhttp.server）才能正常加载。
-
每次新搜索时，需在渲染前清空.img-container中的旧GIF元素，否则结果会不断叠加；正确做法是在forEach循环前调用imgContainer.innerHTML=''，而非在循环内操作单个临时元素。
-
本文介绍一种基于正向先行断言的正则表达式方案，精准匹配字符串中最后一个)之后出现的所有=字符，适用于解析函数调用后缀、自定义标记语法等场景。
-
HTML5屏幕适配需五步：一、设置viewport元标签；二、用媒体查询定义断点；三、采用rem等相对单位；四、启用flexbox/Grid弹性布局；五、通过srcset等适配高清屏图像。
-
JavaScript内存泄漏主因是未清理定时器、事件监听器和DOM引用：setInterval不clear会通过闭包持留数据；removeEventListener需同函数引用才有效；删除DOM元素后仍存在JS强引用则无法回收。
-
父容器设position:relative是绝对定位子元素锚定其滚动的必要前提；子元素用position:absolute后，top/left相对于父容器paddingbox计算，随父容器滚动而视觉同步，但需确保父容器有高度、overflow且无干扰定位的中间祖先。
-
首先确保浏览器正确关联并设置默认，打开DW2018首选参数添加Chrome或Edge并设为默认；接着保存HTML文件后按F12用外部浏览器预览；若含动态内容需新建站点并配置本地服务器；最后检查DOCTYPE声明和UTF-8编码以避免渲染异常。
-
动态生成JavaScript代码可通过字符串拼接或模板构建，如根据配置生成表单校验逻辑：constcode=returnvalue.length>=${min}&&value.length<=${max}``;结合newFunction可动态执行，提升灵活性，但需防范安全风险。
-
animation跳帧主因是关键帧首尾状态不一致且缺animation-fill-mode:forwards；iOS15.4前Safari有infinite调度缺陷，需will-change:transform优化；无缝滚动推荐双份内容+translateX(-50%)而非单次位移。
-
行内样式不一定覆盖外部CSS。因优先级受同一元素、同名属性及!important影响；其specificity为1000，高于class、id等，但遇外部!important、initial/unset值、CSS变量、媒体查询或JS动态修改时可能被反超。
-
绝对定位元素脱离文档流，相对于最近的已定位祖先定位；若父容器设为relative，则子元素以该容器为参考，通过top、left等属性精确定位，常用于模态框、图标叠加、下拉菜单等场景，需注意包含块、尺寸控制及响应式适配，避免布局错乱。
-
link是HTML标签，@import是CSS规则；link并行加载，@import阻塞解析且串行请求；内联style权重最高但无作用域；<style>无位置限制，作用域由选择器决定。
-
答案：利用CSS的:hover与::before结合transition可实现多种动画效果。通过定位与透明度或形变控制，使元素在悬停时呈现下划线展开、背景滑入或图标缩放等交互反馈，提升视觉体验。
-
sessionStorage仅在当前标签页有效，关闭即清空，存取字符串需用setItem/getItem，对象须JSON.stringify/parse，与localStorage区别在于作用域和生命周期。
-
vertical-align:middle在滚动文字中失效，因其仅对inline或table-cell元素生效，且受行高、基线及图片加载状态影响；应改用display:inline-flex+align-items:center实现可靠垂直居中，并显式设置图片宽高、避免marquee标签。
