-
可以，需显式用逗号分隔多个动画名并严格对齐各子属性顺序；同属性被多动画修改时后定义者覆盖；transform可自动拼接，其余属性冲突需合并keyframes。
-
form.reset()最快但仅还原初始值，非真正清空；动态添加字段无效；需手动遍历设空：checkbox/radio设checked=false，select设selectedIndex=0或selected=false，textarea设value=""。
-
HTML5内容嵌入有五种标准方法：一、iframe嵌入独立页面；二、object嵌入文档片段并支持脚本通信；三、embed嵌入多媒体资源；四、JavaScript动态注入HTML5结构；五、ShadowDOM封装隔离组件。
-
事件传播分捕获、目标、冒泡三阶段，addEventListener的useCapture参数决定监听时机，结合stopPropagation等方法可精准控制响应顺序与行为。
-
ShadowDOM是Web组件的核心技术，它通过创建隔离的DOM树实现样式和结构的封装，防止外部CSS影响内部元素且内部样式不泄露。1.使用attachShadow({mode:'open'})在自定义元素中挂载ShadowDOM；2.通过shadowRoot.innerHTML动态插入HTML和样式；3.利用customElements.define()注册组件标签；4.可动态更新内容并处理事件，通过composed:true使事件跨越Shadow边界。该机制适合构建可复用、高内聚的UI组件，提升模块化
-
最简单的方法是使用浏览器打印功能将HTML转为PDF。打开页面后按Ctrl+P，在打印机选项中选择“另存为PDF”并保存即可。此方法无需额外工具，适合静态页面转换，但对复杂样式支持有限。
-
iPadSafari导入vCard仅完整支持3.0版本，需用大写字段、TYPE参数声明类型，URL必须带协议，ADR要按固定顺序分号分隔，推荐dataURL触发原生导入以减少丢项。
-
防止XSS需对用户输入进行HTML实体编码，如用textContent替代innerHTML；2.使用React、Vue等框架默认转义机制；3.富文本使用DOMPurify过滤。核心是不信任用户输入，始终安全处理数据。
-
前端JavaScript加密不能真正保障数据安全，因其运行在用户可控环境，密钥与逻辑易被窃取或绕过；它仅适用于防抓包明文、临时签名及本地存储混淆等场景，且须配合HTTPS、后端校验等措施。
-
使用原生<dialog>标签创建对话框最直接且优雅，它语义化强、可访问性好，通过showModal()实现模态阻断交互，show()用于非模态场景，配合<formmethod="dialog">简化关闭与返回值处理，CSS可定制样式及::backdrop背景效果。
-
CSS中的hue-rotate通过filter属性调整元素颜色色调，语法为hue-rotate(angle)，角度范围0deg到360deg，实现色轮旋转效果，如90deg偏黄绿、180deg反色、360deg复原；常用于夜间模式、悬停动画或主题切换，可与saturate等滤镜组合使用，但对黑白灰及透明区域影响小，且作用于整个元素渲染层。
-
CSS中不存在transition-color属性，颜色过渡需用transition配合color实现，且color须显式声明初始值；渐变文字需用background-image+background-clip+transparent组合，并通过background-position过渡模拟。
-
grid容器未设display:grid时子元素完全不按网格布局，所有grid-*属性失效；必须显式声明display:grid或inline-grid，且需检查computedstyles确认未被覆盖。
-
本文详解如何用XPath定位具有class属性且其值不包含指定子字符串（如"MobileWrapper"）的元素，避免误匹配无class的节点，并提供可直接使用的表达式与实战示例。
-
:checked伪类仅在radio/checkbox的checked属性为true时匹配，需配合+/~选择器控制关联标签样式，并隐藏原生input；常见失效原因包括缺name、for/id不匹配、漏cursor:pointer等。
