-
可通过JavaScript动态添加下拉选项：先获取select元素，用createElement或Option构造函数创建选项并添加；支持批量添加与重复检查。
-
最轻量纯CSS多重边框方案是border加outline，互不干扰且支持不同样式；需禁用默认outline并提供可访问替代；outline无圆角且offset可调；box-shadow更灵活，支持圆角、虚线及三层以上；IE8需伪元素fallback；响应式与主题适配需媒体查询手动优化。
-
JavaScript链表需手动实现，核心是用对象模拟节点并通过next指针串联；所有操作（访问、修改、插入、删除）必须从头节点遍历，无法随机访问。
-
WebSocket是基于TCP的全双工通信协议，支持浏览器与服务器持续连接、双向实时收发数据；通过newWebSocket()创建实例，监听onopen/onmessage/onerror/onclose事件，调用send()发送消息，需手动实现重连与错误处理。
-
注册表单需用<form>标签，设置method="POST"和有效action属性，并为每个<input>添加name属性；密码需双字段比对，邮箱用type="email"、手机号用type="tel"加pattern校验；提交按钮用type="submit"并禁用防重复，前端校验仅为辅助，后端必须严格验证。
-
设置父容器display:flex并启用flex-wrap:wrap实现换行，配合gap设置间距；2.子项通过min-width和flex属性控制最小宽度与伸缩性，确保在不同屏幕下合理布局；3.可选媒体查询调整小屏下的卡片尺寸，提升响应式体验。
-
本文详解如何通过CSSFlexbox替代inline-block布局，彻底消除<li>元素间因HTML源码换行/空格导致的意外水平间距，同时保持树形结构的层级对齐与响应性。
-
<template>本质是不渲染的DOM存放区，浏览器解析时跳过其内容的激活、执行与渲染，仅存为DocumentFragment，需手动克隆后挂载才生效；而HTML4中可用<scripttype="text/template">模拟，但需注意type值非JS类型、取内容用textContent、转DOM需解析。
-
答案是做好HTML5营销需聚焦体验与转化。通过动效交互提升吸引力，响应式设计适配多设备，嵌入社交分享促进传播，并结合数据追踪引导用户留资，实现高效转化。
-
原生复选框:checked无法直接过渡动画，需隐藏input并用:checked+label控制自定义视觉元素的可动画属性（如transform、background-color）；SVG打钩动画须通过stroke-dashoffset过渡，且须保障移动端点击热区≥44×44px及aria-checked同步更新。
-
本文介绍通过替代text-decoration:underline为border-bottom的方式，使文本阴影（text-shadow）仅作用于文字本身，而不渲染在下划线之上，从而实现更干净、可控的视觉效果。
-
默认width/height仅指内容区，不包含padding和border；设width:200px实际可能占240px，因box-sizing默认为content-box；改用border-box后width包含内容、内边距与边框，更符合设计习惯且避免计算错误。
-
position:absolute配合JS动态定位需确保父容器设position:relative，top应基于输入框相对于父容器的偏移计算；滚动时须重算位置而非缓存；z-index失效常因stackingcontext断层；iOS键盘弹出需focus事件延迟重定位并区分环境。
-
本文详解为何element.disabled=true在某些场景下失效，并提供完整可运行的解决方案，涵盖DOM加载时机、value字符串解析、大小写与空格处理等关键细节。
-
答案：CSS的min-width、max-width、min-height和max-height属性用于控制元素尺寸范围。1.min-width和max-width确保容器在不同屏幕下自适应且不超出合理宽度，如设置容器最大1200px、最小320px；2.min-height和max-height保证内容区域有足够高度并防止溢出，如卡片最小200px、最大400px并滚动显示超内容；3.实际使用中应避免与固定宽高冲突，配合overflow提升体验，适用于响应式布局中的图片、侧边栏、弹窗等场景。
