-
可通过浏览器直接打开HTML文件、使用本地服务器或IDE内置功能查看网页效果。一、保存.html文件后双击用默认浏览器打开；二、右键选择特定浏览器测试兼容性；三、通过Node.js安装http-server启动服务，在localhost:8080访问；四、在VSCode中使用LiveServer扩展实现保存即刷新；五、利用Python内置服务器命令python-mhttp.server8000快速部署并在浏览器查看。
-
事件委托能减少监听器数量是因为DOM事件会向上冒泡，只需在共同父容器监听一次，再通过event.target判断目标元素；适用于动态增删子节点场景，但需选择最近稳定父级而非document，且仅冒泡事件（如click、input）支持，focus/blur等需用focusin/focusout替代。
-
z-index不生效主因是元素未处于同一层叠上下文：父元素设opacity<1、transform等会隐式创建新上下文，使子元素z-index仅在内部生效；需确保同级元素父容器无此类属性且自身z-index为数值。
-
backdrop-filter无法用@keyframes实现平滑动画，因其被CSS规范定义为非可动画属性，Chrome、Safari、Firefox均不支持过渡；可行方案是固定backdrop-filter值，仅对opacity或transform动画。
-
答案：CSS变量通过--名称定义颜色，实现自定义主题色管理。将语义化变量如--primary-color定义在:root中，全局使用var()调用，支持动态换肤与降级兼容，提升维护性。
-
使用::selection可自定义文本选中时的高亮样式，如背景色和文字颜色；2.:hover伪类实现鼠标悬停时元素背景色变化，结合transition使过渡更平滑；3.两者可协同使用但作用时机不同，需避免颜色相近导致视觉冲突，确保选中状态清晰可见。
-
图片在Flex容器中被拉伸的根源是未控制其缩放行为，应设置明确宽高后配合object-fit（如cover/contain）规范缩放，并用flex:00auto或align-items/justify-content精准定位内容。
-
优化移动端JavaScript性能需精简代码、异步加载、减少重计算、合理处理事件及利用现代API，提升执行效率与用户体验。
-
图片悬停放大必须用transition控制transform的平滑变化，推荐transition:transform0.3scubic-bezier(0.25,0.46,0.45,0.94)并设置transform-origin和will-change以避免抖动、闪屏及偏移问题。
-
display控制元素在文档流中的存在，visibility控制元素的可见性；使用display:none使元素完全消失且不占空间，visibility:hidden则隐藏元素但保留原有布局空间，二者结合可实现灵活的显示与布局控制。
-
HTML可在嵌入式设备上通过三种方式实现轻量级UI：一、用lighttpd等微型Web服务器部署HTML文件；二、在Linux/RTOS中用WebView组件加载本地HTML并双向通信；三、在MCU上用Duktape等JS引擎解析HTML片段直驱硬件。
-
最常见的原因是animation-iteration-count未设为大于1的值，默认为1导致无法往返；需配合infinite或具体次数使用alternate，并确保keyframes起止状态一致、timing-function合理。
-
新手用VSCode写HTML5常因三处配置失误：未启用EmmetTab展开、文件未关联HTML语言模式、html.autoClosingTag开启导致自闭合标签错误补全；务必检查右下角语言标识并重启窗口。
-
XHR是老式API，支持细粒度控制与事件驱动；Fetch是现代Promise-based替代方案，简洁但需AbortController中断且默认不带Cookie。新项目优先用Fetch，老系统或需进度控制时仍用XHR。
-
展开运算符...仅将可迭代结构摊开为独立值，不可用于复制对象或深拷贝数组；在数组中用于合并、传参、浅拷贝，但仅限第一层；{...obj}是对象展开语法，非可迭代对象不能直接用...展开。
