-
单行文本溢出显示省略号需设置white-space:nowrap、overflow:hidden和text-overflow:ellipsis，并确保容器有固定宽度；多行省略则使用display:-webkit-box、-webkit-line-clamp和-webkit-box-orient:vertical，配合overflow:hidden实现，但需注意浏览器兼容性。
-
边框被遮挡主因是父容器overflow:hidden裁剪或margin误用导致溢出；需检查overflow设置、改margin为padding、排查层叠上下文干扰，并对table元素加background-clip:padding-box。
-
CSS样式依赖混乱源于职责不清与作用域失控，需通过基础层（语义化CSS变量）、组件层（BEM/CSSModules隔离）、布局层（宏观结构组织）、主题层（上下文覆盖）四层分责解耦，核心是思维分层而非文件拆分。
-
Isotope在执行排序或筛选动画时出现元素轻微抖动，通常源于对.item元素直接设置了全局CSStransition属性——这会干扰Isotope内部基于transform的布局重排逻辑，导致渲染冲突。移除该过渡并仅在具体子元素（如图片、链接）上启用针对性过渡即可彻底解决。
-
rgb()参数须为0–255整数或0%–100%百分比，越界则整条声明失效；rgba()的alpha限0–1；CSS变量与calc()不可直接用于rgb()；其默认sRGB空间导致跨设备显示差异。
-
JavaScript管道操作符（|>）是Stage3提案语法糖，用于线性表达函数组合，如data|>transformA|>transformB等价于嵌套调用，提升可读性、明确数据流向、便于增删步骤，目前需Babel转译，尚未被浏览器原生支持。
-
WebAssembly通过接近原生的执行速度和对系统级语言的支持，显著提升JavaScript在高密度计算场景下的性能。
-
Vitest适合Vite项目，Jest适用于React生态，Mocha灵活用于Node.js，Cypress专注端到端测试，选型应结合技术栈与团队习惯，注重测试可维护性与集成效率。
-
小屏幕弹窗适配需结合width:90%与max-width:500px，并设margin:20pxauto居中；小屏下用媒体查询调小padding、font-size和按钮高度；图片加max-width:100%；长文本用word-break:break-word；可选clamp(300px,90%,500px)实现流体缩放。
-
FIMOHTML报告中颜色仅按motifID硬编码区分，与匹配得分、p值、位置等无关；同一motif所有匹配行背景色相同；不支持按score分级着色或自定义配色，需后处理TSV/GFF实现。
-
在HTML中插入图片的核心是使用<img>标签，其必备属性为src和alt，其中src用于指定图片路径，alt提供替代文本以提升可访问性和SEO；此外，width和height属性有助于避免布局抖动，而优化图片加载则需压缩图片、选择合适格式（如JPEG、PNG、WebP、SVG）、使用响应式图片（通过srcset和sizes属性）、启用懒加载（loading="lazy"）以及利用CDN加速；常见图片不显示的问题多源于路径错误、文件缺失或服务器权限问题，可通过开发者工具检查Network请求状
-
图标未正常渲染可能是图标库未正确引入或路径配置错误；可通过CDN引入FontAwesome、本地引入Iconfont或SVGSprite三种方式实现。
-
答案：JavaScript中迭代器模式与函数式编程结合，通过惰性求值和纯函数组合构建高效、可维护的数据处理流水线。迭代器按需提供数据，支持内存友好型流式处理；函数式编程以无副作用的纯函数实现过滤、映射等转换，确保逻辑清晰且可组合。两者协同实现声明式数据流控制，适用于大数据场景。自定义迭代器可通过Symbol.iterator或生成器函数构建，灵活适配复杂数据源。异步操作借助async/await与异步生成器整合，错误处理可在迭代层捕获或通过Either等函子传递，保障管道健壮性。
-
<title>标签内容直接显示在浏览器标签页，是页面最直观标识；现代浏览器均以此为标题，不依赖JS或CSS，长度超限会截断；动态修改须用document.title，SPA需路由切换时手动更新，SSR首屏必须由HTML提供，且对SEO和可访问性至关重要。
-
Sketch无法直接导出功能型HTML，但可通过三种方式实现：一、用Anima插件生成响应式HTML+CSS；二、用SketchtoHTML插件导出基础结构代码；三、手动导出资源并编写语义化HTML。
