-
- CSS sticky 不生效？父容器 overflow 和高度设置要检查
- sticky元素不生效的三大主因：一是父容器或祖先设置了非visible的overflow（如hidden、scroll），切断滚动参考；二是父容器高度为0或未定义，导致无滚动上下文；三是sticky元素自身应用了transform/filter等触发新层叠上下文的属性。
- 文章 · 前端 | 1个月前 | 335浏览 收藏
-
- requestAnimationFrame是什么？它有什么优势？
- requestAnimationFrame是浏览器原生动画API，按屏幕刷新节奏自动调度回调，60Hz下约每16.7ms执行一次，后台自动暂停，合并DOM更新以减少重排重绘，并智能降频保帧率稳定。
- 文章 · 前端 | 1个月前 | 436浏览 收藏
-
- CSS如何解决外边距塌陷问题？BFC块级格式化上下文详解
- 外边距塌陷是CSS规范定义的垂直相邻块级元素margin合并行为，发生在父子或兄弟块间；行内、浮动、绝对定位元素不参与；可用BFC（如display:flow-root）或border/padding/flex等轻量方式解决。
- 文章 · 前端 | 1个月前 | 398浏览 收藏
-
- HTML5 Canvas画图基础：矩形圆形路径教程
- fillRect()和strokeRect()可直接绘制矩形，无需路径操作；画圆必须用arc()配合beginPath()、fill()/stroke()；自定义图形需moveTo()+lineTo()+closePath()组合，并注意路径状态管理。
- 文章 · 前端 | 1个月前 | 241浏览 收藏
-
- JavaScript调试技巧大全：常见错误与解决方法
- ChromeDevTools断点调试比console.log更可靠，因其不改变异步时序、可观察闭包变量与调用栈；推荐使用debugger语句或条件断点，并结合Network面板、unhandledrejection监听、可选链及Ignorelist提升调试效率。
- 文章 · 前端 | 1个月前 | 146浏览 收藏
-
- CSS过渡属性怎么用？
- CSStransition通过定义属性、时长、速度曲线和延迟，实现元素状态间的平滑过渡，常用于交互式微动画；结合transform可提升性能，适用于hover、点击等状态变化，而复杂多帧或自动循环动画则推荐使用CSSanimation。
- 文章 · 前端 | 1个月前 | 413浏览 收藏
-
- CSS盒模型对齐问题怎么解决？flex布局+box-sizing修复偏差
- <p>box-sizing:border-box是flex对齐稳定的地基，需全局设置为*{box-sizing:border-box;}；慎用margin改用gap控制间距；显式声明align-items避免baseline偏差；用outline和背景色可视化调试。</p>
- 文章 · 前端 | 1个月前 | 488浏览 收藏
-
- CSS卡片悬停阴影增强技巧
- :hover时用transition平滑加深box-shadow需设基础阴影、显式声明transition，并调优blur-radius、offset-y和alpha值以增强纵深感，避免none起始值或overflow裁剪导致失效。
- 文章 · 前端 | 1个月前 | 313浏览 收藏
-
- CSS多重背景快速处理方法
- 多重背景需严格对齐各层background-image、position、size、repeat等参数，CSS用逗号分隔多层值，Sass推荐用map而非list组织每层属性，避免索引错乱；须用join()合并生成单行声明，注意单位顺序与兼容性。
- 文章 · 前端 | 1个月前 | 244浏览 收藏
-
- JS内存泄漏检测方法与DevTools应用
- 答案：JavaScript内存泄漏主因包括全局变量、未清理定时器、闭包陷阱、脱离DOM引用、事件监听器未移除及集合类型未清理；通过ChromeDevTools的Memory面板进行堆快照对比和分配时间线分析，可定位泄漏对象；解决策略包括使用WeakMap/WeakSet、及时清除定时器与事件监听器、解除DOM引用、利用框架生命周期钩子并定期开展内存剖析。
- 文章 · 前端 | 1个月前 | 142浏览 收藏
-
- Kendo UI 折线图悬停显示误差线方法
- 本文介绍如何在KendoUILineChart中实现「仅在鼠标悬停到数据点时显示对应误差线」的交互效果，通过seriesOver/seriesLeave事件结合KendoDrawingAPI手动绘制误差线，避免默认errorBars.visible全局控制的局限性。
- 文章 · 前端 | 1个月前 | 142浏览 收藏
-
- JavaScript Map forEach遍历键值方法
- JavaScript的Map对象提供forEach方法遍历键值对，其核心是理解回调函数参数顺序为value、key、map。1.forEach接受一个回调函数，依次接收值、键和Map对象本身；2.可以省略第三个参数，仅使用value和key，或单独使用value或key（用下划线忽略不关心的参数）；3.forEach无法中断循环，适用于无须break的简单操作，而for...of支持break和continue，控制更灵活；4.参数顺序可能引发键值混淆错误，建议使用清晰变量名如value和key来规避问题
- 文章 · 前端 | 1个月前 | 160浏览 收藏
-
- fixed定位解决移动端滚动冲突技巧
- iOSSafari中fixed元素失效是因硬件加速未触发或可滚动容器干扰，需避免transform等属性、慎用will-change，并针对键盘遮挡改用absolute+动态top计算。
- 文章 · 前端 | 1个月前 | 465浏览 收藏
-
- HTML如何设置学习提醒频率
- HTML本身不支持学习提醒设置，必须由JavaScript配合浏览器API实现；HTML仅提供结构（如语义化select菜单），需通过requestPermission、setInterval/setTimeout及localStorage（需JSON序列化）等完成权限、定时与持久化逻辑。
- 文章 · 前端 | 1个月前 | 262浏览 收藏
-
- CSS透明文字怎么用_color transparent隐藏内容
- color:transparent可实现文字视觉隐藏但内容仍存在，适用于创意设计如结合text-shadow或background-clip制作文字特效，但需注意可访问性与SEO影响，完全隐藏推荐使用display:none等替代方案。
- 文章 · 前端 | 1个月前 | 329浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 485次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- ChatExcel酷表
- ChatExcel酷表是由北京大学团队打造的Excel聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 4467次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 4812次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 4696次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 6486次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 5063次使用
