-
CustomElements是WebComponents的核心功能，允许开发者通过继承HTMLElement创建带行为的自定义HTML标签，如<counter-button>；需使用customElements.define()注册，标签名必须含短横线；支持constructor、connectedCallback等生命周期钩子，结合ShadowDOM可实现高封装性组件，适用于现代浏览器。
-
hover放大应使用transform:scale()配合transition实现，transition必须写在常态选择器中，避免重排卡顿；注意transform函数执行顺序、像素对齐及嵌套缩放问题。
-
jsoup是Java中解析HTML的常用工具，提供类似CSS选择器的API，支持从字符串或URL加载页面，可提取元素、属性和文本。它适用于静态网页抓取，但无法执行JavaScript，对动态内容需结合其他工具或调用接口，并需注意遵守网站规则与设置合理请求参数。
-
HTML嵌套塌陷本质是块级元素垂直margin合并，非嵌套错误；典型表现为子元素margin-top穿透无border/padding/overflow的父容器；可用overflow:hidden触发BFC、flex/grid布局或改用padding解决。
-
float属性使元素脱离文档流并沿容器左右浮动，影响后续内容布局；clear属性则通过禁止元素侧边出现浮动来清除影响，二者结合可实现图文混排与多栏布局，但易导致父级塌陷等问题。现代布局更推荐使用Flexbox和Grid，因其在处理复杂结构时更具灵活性与可控性。
-
正确使用<picture>标签需按视口条件选择不同图片资源：<source>用media定义断点，srcset提供对应分辨率选项，<img>为必需兜底；media必须是合法媒体查询，srcset在source中仅处理设备像素比切换，img的src不可省略且需配alt。
-
JavaScript中的逻辑赋值运算符通过结合逻辑判断与赋值操作提升代码简洁性。1.||=（逻辑或赋值）在左侧为假值（如false、0、空字符串、null、undefined、NaN）时赋值，适用于设置默认值；2.??=（空值合并赋值）仅在左侧为null或undefined时赋值，避免误判0、空字符串等合法假值；3.&&=（逻辑与赋值）在左侧为真值时赋值，常用于前置条件检查。这些操作符分别简化了条件性赋值场景下的代码结构，使代码更清晰高效。
-
使用:focus和:focus-within伪类可提升表单可用性与可访问性，通过高亮输入框及容器状态，结合语义化结构实现清晰的视觉反馈。
-
"usestrict"是JavaScript的执行约束开关，启用后引擎严格检查代码，未声明赋值、删除变量、参数重名、用保留字命名等行为会报错，且函数中this为undefined；必须置于作用域顶部才生效，ES6模块和class内部自动启用。
-
JavaScript中变量声明用let、const、var，核心区别在于：let/const为块级作用域且有暂时性死区，var为函数作用域并提升初始化为undefined；let不可重复声明，const不可重复声明且必须初始化、不可重新赋值；推荐默认用const，需重赋值时用let，避免使用var。
-
模态对话框必须捕获并限制键盘焦点在内部循环，首次打开时自动聚焦首个可交互元素，关闭时恢复原焦点，并通过aria-modal等属性确保无障碍访问。
-
JavaScript事件循环是异步非阻塞执行的核心机制，通过调用栈、任务队列协作：同步代码入栈执行，异步回调由WebAPI处理后进入任务队列；事件循环在调用栈空时，先清空所有微任务（如Promise.then），再取一个宏任务（如setTimeout）执行。
-
首先创建含POST方法和multipart/form-data编码的表单，添加file输入框并设置accept属性限制类型，通过multiple支持多文件上传，结合JavaScript验证文件大小与格式，最后由后端脚本处理并保存文件。
-
移动端按钮点击困难的根本原因是触控区域padding不足；iOS/Android要求最小44px×44px或48dp，需用rem+媒体查询动态扩增上下padding，并配合touch-action:manipulation和真机验证热区。
-
@keyframes用于定义动画关键帧，animation属性引用其名称实现动画效果。1.定义@keyframes规则设置样式状态；2.在元素中通过animation调用名称、设置时长和缓动函数；3.可定义多阶段动画如淡入淡出循环；4.注意@keyframes全局有效、不可嵌套、名称需拼写一致，支持多个动画逗号分隔。先定义后引用是核心逻辑。
