-
WebWorkers是浏览器提供的后台线程机制，使JS能在不阻塞主线程的前提下执行耗时任务，其核心是隔离的JS上下文，仅通过postMessage通信，不可访问DOM，支持专用/共享Worker及模块化使用。
-
答案：align-items控制单个网格项在单元格内的对齐，align-content管理多行或多列间的空间分配；主轴由grid-auto-flow决定，默认为row，交叉轴垂直于主轴；当容器有剩余空间且存在多个轨道时，align-content生效，常用值包括start、end、center、space-between等；常见问题如项目未居中或对齐失效，通常因未设置足够高度、仅定义单行轨道或混淆flex与grid规则；调试时应检查网格尺寸、明确定义行高，并利用开发者工具观察布局结构。
-
inline-flex与flex的区别在于外部显示类型：inline-flex为行内级，不独占行，宽度由内容决定，适合嵌入文本流；flex为块级，独占一行，默认占满父容器，适用于整体布局结构。
-
本文将详细介绍如何在CSS中实现多行文本截断，同时避免显示传统的省略号。通过精确计算文本行高并设置固定容器高度，结合overflow:hidden属性，开发者可以实现对溢出文本的干净截断，适用于需要保持页面布局整洁的场景，尤其是在需要避免默认省略号行为时。
-
跨页面通信有四种方法：一、URL参数传递少量字符串数据；二、localStorage实现同源双向持久化共享；三、postMessage支持跨窗口安全异步通信；四、BroadcastChannel实现同源多页面广播通信。
-
用max-width:100%配合height:auto可使图片随容器缩放且保持宽高比；它设宽度上限而不强制拉伸，比width:100%更安全，适用于所有img标签，但需父容器有明确宽度。
-
关键是从静态到交互只需用hover和transition重新组织CSS属性：hover定义悬停状态，transition控制变化过程，二者缺一不可；需在默认状态写transition、hover中改对应属性，推荐从按钮练习，注意属性匹配、过渡时间（0.2–0.35s最佳）及触屏兼容性。
-
渐变背景无法直接过渡因linear-gradient为图像值；2.可用伪元素结合opacity实现淡入淡出效果；3.通过background-position变化模拟渐变流动；4.利用CSS变量配合JS控制渐变参数。核心是绕开对渐变值的直接过渡，用多层叠加或位置变化模拟动态效果。
-
clear:left表示元素左侧不允许有浮动元素，会下移至左侧无浮动元素为止，用于避免文字环绕或布局错位；clear:right同理，确保右侧无浮动元素。两者常用于清除浮动影响，适用于传统浮动布局中的内容分离，如多列布局后独占一行。尽管现代布局多用Flex或Grid，但在维护旧项目时仍具实用价值。
-
引入顺序决定CSS层叠优先级，后引入的文件覆盖先引入的；结合选择器权重（ID>类>标签）共同影响最终样式表现。
-
可通过四种方式将HTML文件部署为公开网站：一、GitHubPages免费托管；二、云存储服务（如阿里云OSS）启用静态网站托管；三、VPS配置Nginx/Apache服务器；四、Netlify/Vercel无服务器快速部署。
-
移动端列表横向溢出主因是未按视口重置布局流方向，应禁用min-width/white-space:nowrap，小屏用flex-direction:column或grid-template-columns:1fr，并设max-width:100%防图片撑宽。
-
应使用viewport-fit=cover并配合env(safe-area-inset-bottom)动态设置按钮容器padding-bottom，避免bottom:0导致被软键盘遮挡，确保iPhoneX及以上机型底部按钮始终可见。
-
合法HTML5表单结构须将输入框和按钮置于<form>内，所有控件需有name属性，label与input通过for/id关联，button必须设type="submit"，且input类型应按语义选用（如email、tel等）。
-
解构赋值是JavaScript中从数组或对象提取值并赋给变量的简洁语法，支持对象/数组解构、重命名、默认值、嵌套结构及函数参数解构。
