-
浮动布局是CSS承上启下的关键，源于文字绕图需求，本质是文本流局部偏移；需掌握clear与BFC触发（如display:flow-root）来解决塌陷；现代布局应优先选用Flex/Grid，float仅适用于图文混排或旧版兼容场景。
-
答案：React中动态样式可通过内联样式、条件类名或CSS-in-JS实现；内联适用于简单状态驱动的样式，条件类名结合classnames库更易管理复杂状态，CSS-in-JS如StyledComponents则提供高内聚、主题化与自动隔离优势，但需权衡学习成本与性能。
-
JavaScript通过HistoryAPI实现无刷新导航，核心方法为pushState()、replaceState()及popstate事件，支持真实URL路径、SEO友好、可前进后退；需服务端配合返回统一入口，并手动处理页面更新。
-
应使用明确的角度数值（如0deg、90deg）替代toright等关键词，并设置transition:background-image0.4sease，确保渐变方向平滑过渡。
-
使用grid-template-areas可直观实现表单分组布局，通过命名区域并在容器中定义网格结构，如"usernameusername""emailphone"等，结合grid-area将元素对应到指定区域，利用grid-template-columns设置列宽并配合媒体查询在小屏下切换为单列，实现响应式布局，结构清晰且易于维护。
-
要选中同时具有多个类的元素，使用多类选择器需将类名连续书写且不加空格。例如“.btn.primary.large”仅匹配同时含有btn、primary和large三个类的元素，如第一个div会被选中并应用样式，其余则不会。常见错误包括使用空格、逗号或遗漏点号，分别导致变为后代选择器、分组选择器或无效选择器。推荐将多类组合用于状态或尺寸等修饰类与基础类结合，提升样式复用性。关键在于类名间无空格且每个类前加点。
-
background-image受CORS影响，但仅在JS读取时暴露；它不发起请求且无控制台错误，仅静默降级；真正解法是后端配置Access-Control-Allow-Origin响应头或用带crossorigin的<img>替代。
-
关键在于使用CSS的background-image与transition属性，通过:hover触发渐变变化。首先用linear-gradient定义背景色，如：.btn{background-image:linear-gradient(45deg,#ff7a00,#ff0080);background-size:200%200%;transition:background-position0.4sease;}，再设置悬停时的背景位置：.btn:hover{background-position:100%
-
通过CSSAnimation结合@keyframes和:hover实现图标悬停时的放大与弹跳效果，提升交互视觉表现。
-
Sass在功能和生态上优于Less，建议新项目选用Sass（SCSS），因其模块化、强大功能及广泛集成，适合中大型应用，而Less适用于简单项目或现有技术栈延续。
-
使用inset关键字可将box-shadow设置为内阴影，语法为box-shadow:inseth-offsetv-offsetblurspreadcolor；例如.inner-shadow-box{box-shadow:inset2px2px5pxrgba(0,0,0,0.3);}可创建右下方向灰色内阴影，常用于文本框聚焦、按钮按下状态或卡片层次感设计；支持多层阴影，如box-shadow:inset02px4pxrgba(0,0,0,0.2),inset0-2px4pxrgba(0,0,0,0.1)实
-
双击HTML文件无法正常查看时，可通过多种方法解决：一、右键选择“打开方式”，指定浏览器如Chrome或Firefox打开；二、直接将HTML文件拖拽至浏览器窗口预览；三、在文件属性中更改默认打开程序，并勾选“始终使用此应用”以实现双击直接运行；四、通过命令行输入start"文件路径"调用默认浏览器打开，适用于批量测试；五、右键文件选择“发送到→桌面快捷方式”，创建快捷方式便于快速访问。建议避免路径含中文或特殊字符，确保正常解析。
-
WebSocket需集群因单机受限于连接数、存在单点故障与负载不均；通过负载均衡、Redis共享存储及消息中间件实现跨节点消息路由，确保高并发下连接稳定与消息正确投递。
-
Three.js中Raycaster是最常用且可靠的碰撞检测方案，通过射线与几何体相交实现点击、视线等交互响应，需正确收集可交互Mesh并优化性能。
-
JavaScript类型转换分三种：转字符串（如String(123)→"123"）、转数字（如Number("123")→123）、转布尔值（如Boolean(0)→false）；隐式转换发生在运算中，如"6"-2→4，[]+{}→"[objectObject]"；核心原则是拼接转字符串、数学运算转数字、条件判断看真假值。
