-
Range是JavaScript中精确控制文档文本选区的核心对象，由起点和终点定义，支持跨节点操作，需结合Selection实现界面反馈。380 收藏 -
答案是：十六进制颜色可简写为三位形式的条件是每对字符相同，如#RRGGBB中RR、GG、BB各自成对，则简写为#RGB，浏览器会将每位复制成双位还原为六位，例如#f06解析为#ff0066；若任一通道两位不同则不可简写。380 收藏 -
浮动元素脱离文档流导致父容器高度塌陷；clearfix通过伪元素::after设置content:""、display:table和clear:both，使父容器重新包含浮动子元素。380 收藏 -
JavaScript通过自动内存管理和垃圾回收机制避免内存泄漏，核心是标记-清除算法与分代回收策略，结合ChromeDevTools的堆快照和时间线分析可有效诊断内存问题。380 收藏 -
相邻兄弟选择器（+）用于选中紧邻且同级的后一个元素，语法为A+B；区别于~选择器，+仅匹配紧邻下一个，而~匹配后续所有同级元素；IE7+支持，需确保HTML结构符合紧邻同级要求。380 收藏 -
本文详解如何使用jQuery为CSSGrid布局中的可点击数字按钮（如计算器按键）添加交互式背景色变化功能，涵盖正确语法、批量绑定技巧及现代替代方案。380 收藏 -
@media本身不拖慢，但写法不当会导致断点失效或响应卡顿，根源在于重排/重绘、选择器权重混乱、JSresize未节流及rem基准漂移等问题。380 收藏 -
当使用position:fixed显示弹出层时，若内容高度超出视口且未正确触发滚动，根源常在于固定定位脱离文档流后与overflow行为的冲突；改用position:relative并配合动态定位可彻底解决。380 收藏 -
@use不能直接替代@import因为它默认启用严格命名空间隔离，所有成员必须显式通过命名空间调用，如colors.$primary；而@import是全局合并，易冲突难溯源。380 收藏 -
使用scrollTo实现平滑滚动；2.通过offsetTop点击跳转锚点；3.监听scroll事件动态显示返回顶部按钮；4.计算滚动比例实现进度条。结合原生JS方法可提升页面交互体验，建议配合CSS的scroll-behavior兼容处理。380 收藏 -
JavaScript测试分单元、集成、端到端三类，核心是验证函数行为、模块逻辑和用户流程；关键聚焦边界条件、副作用、异步逻辑与状态变化；常用Jest、Vitest、Cypress和Playwright等框架。380 收藏 -
text-align:center仅对块级容器内的行内内容生效；块级子元素需用margin:0auto或Flex布局；line-height仅适用于固定单行文本垂直居中；vertical-align不适用于块级元素居中；Flex布局是现代水平+垂直居中的首选方案。380 收藏 -
file://协议下crossorigin="anonymous"会强制触发CORS检查但因无服务端响应头而失败，导致图片/脚本加载错误；本地开发应移除该属性，仅在HTTP(S)跨域场景（如CDN、WebGL、integrity校验）中保留。380 收藏 -
position:absolute元素点击区域与视觉位置不一致，本质是布局坐标与渲染坐标脱节，主因是transform或可滚动父容器导致hit-testing区域偏移。380 收藏 -
IndexedDB天然离线可用，数据存于浏览器本地，关网后仍可读写；但完整离线体验需ServiceWorker、CacheAPI与IndexedDB协同；离线写入需加syncStatus字段并幂等同步；注意各浏览器兼容性与存储上限限制。380 收藏
