前端技术文章
-
- SCSS适配vw/vh，自定义函数快速实现
- 直接用vw写响应式会出问题，因vw基于视口宽度计算，不响应zoom、DPR及iOS横屏vh异常；硬算如16/375*100vw=4.266vw难读易错，且@media中无法用vw()作断点，须用固定px断点解耦。
- 文章 · 前端 | 3星期前 | 154浏览 收藏
-
- HTML背景图模糊怎么解决
- 应优先用<img>替代background-image实现全屏背景，因其支持srcset/sizes精准适配多DPR，避免CSS渲染模糊；纯色渐变用CSS，纹理用SVG内联，图标用<svg>元素。
- 文章 · 前端 | 3星期前 | 492浏览 收藏
-
- CSS网格自动换行详解：grid-auto-flow默认行为
- grid-auto-flow:row是默认值，仅控制网格项按行顺序填入而不自动增加行轨道；真正实现“换行”需配合grid-auto-rows设置隐式行高，并结合repeat(auto-fit/fill)动态列定义。
- 文章 · 前端 | 3星期前 | 424浏览 收藏
-
- formaction属性使用详解与实战案例
- formaction属性仅对type="submit"或type="image"的控件生效，可覆盖表单action，但不改变method或enctype，需配合formmethod/formenctype使用，且与JavaScriptsubmit()冲突。
- 文章 · 前端 | 3星期前 | 329浏览 收藏
-
- 如何判断 Proxy 不可撤销性及 Proxy.revocable 应用场景
- Proxy默认不可撤销，仅通过Proxy.revocable()创建的代理才可撤销；后者返回含proxy和revoke函数的对象，调用revoke即失效。
- 文章 · 前端 | 3星期前 | 489浏览 收藏
-
- Intl.DisplayNames 本地化名称转换教程
- Intl.DisplayNames比toLocaleString更适合查名称，因为它专为“反查”设计，可直接通过类型（region/language/currency）和标准代码（如"US"/"zh"/"USD"）获取本地化全称，而toLocaleString仅能格式化已有值，无法反向映射。
- 文章 · 前端 | 3星期前 | 225浏览 收藏
-
- CSS自定义滚动条样式方法详解
- ::-webkit-scrollbar在Firefox中无效，因其仅支持WebKit/Blink内核浏览器（Chrome、Edge、Safari），Firefox则使用scrollbar-width和scrollbar-color属性替代，且必须作用于html或body元素。
- 文章 · 前端 | 3星期前 | 289浏览 收藏
-
- 自定义Bootstrap按钮悬停背景色方法
- Bootstrap5按钮hover背景色不生效，因:focus/:active样式覆盖或权重更高；应同时定义:hover/:focus/:active三态，提高选择器特异性，并适配深色模式及Sass变量定制。
- 文章 · 前端 | 3星期前 | 111浏览 收藏
-
- 零依赖库构建指南：支持Tree-shaking的现代JS实践
- 答案：构建零依赖且支持Tree-shaking的JS库需使用ES模块语法、声明module入口、标记sideEffects为false，并通过Rollup等工具打包输出ESM和CJS格式，避免动态导入与第三方依赖。
- 文章 · 前端 | 3星期前 | 173浏览 收藏
-
- CSS按钮禁用样式怎么设置？
- 按钮禁用状态加:disabled没反应，主因是目标元素非原生可禁用控件（如div/span），仅button/input/select/textarea支持disabled属性和:disabled伪类；应优先使用语义化原生按钮并正确设置disabled布尔属性。
- 文章 · 前端 | 3星期前 | 285浏览 收藏
-
- HTML requestAnimationFrame实现逐帧动画教程
- requestAnimationFrame更适合逐帧动画，因其由浏览器调度、对齐刷新率、避免错帧掉帧、支持后台节流；需手动闭环调用、结合时间戳实现匀速运动，并避免强制同步布局操作。
- 文章 · 前端 | 3星期前 | 251浏览 收藏
-
- Flex布局最后一行对齐问题解决方法
- justify-content在flex换行后并非失效，而是仅作用于每行内部；末行对齐需用grid、gap+margin、占位符或JS动态补全等方案实现。
- 文章 · 前端 | 3星期前 | 327浏览 收藏
-
- integrity属性在不支持的浏览器会阻塞加载吗？SRI兼容策略解析
- 不支持SRI的浏览器直接忽略integrity属性，资源照常加载执行，既不校验也不报错；老版本IE、Android4.4及更早WebView等完全不识别该属性。
- 文章 · 前端 | 3星期前 | 常见HTML属性兼容性问题有哪些 143浏览 收藏
-
- 自定义 Babel 注入 SDK 性能打点方法
- 可在Babel编译期自动注入SDK性能打点逻辑，无需改业务代码；通过AST匹配CallExpression节点识别目标调用（如AlipaySDK.pay），插入start/end计时及上报，支持Promise/回调/异常捕获，零依赖、不污染全局、可配置白名单。
- 文章 · 前端 | 3星期前 | 357浏览 收藏
-
- 返回顶部按钮怎么加\_HTML锚点与JS实现
- 使用HTML锚点或JavaScript可实现返回顶部功能。HTML锚点通过<ahref="#top">跳转，简单但无平滑效果；JavaScript调用window.scrollTo({top:0,behavior:"smooth"})实现平滑滚动，并可结合滚动事件控制按钮显示，提升用户体验。建议固定定位按钮于右下角，初始隐藏并按滚动距离显示，适配移动端与可访问性，避免固定头部遮挡内容。
- 文章 · 前端 | 3星期前 | html HTML5 486浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 83次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 87次使用
-
- Red Skill
- 小红书创作服务平台为小红书创作者和机构提供视频上传、数据分析、粉丝管理、创作指导等多项运营服务，助力用户解锁更多创作者专属功能，体验高效创作！
- 89次使用
-
- MiMo Code
- MiMo Code 是小米大模型团队开源的新一代 AI 编程助手，面向开发者提供代码理解、生成与辅助开发能力，适合作为 AI 编程工具收藏和体验。
- 187次使用
-
- TRAE Work
- TRAE AI IDE | 国内首款 AI 原生集成开发环境，深度集成 Doubao-1.5-pro 与 DeepSeek 模型，支持中文自然语言一键生成完整代码框架，实时预览前端效果并智能修复 BUG。首创 Builder 模式实现需求到代码的自动化开发，兼容 Windows/macOS 系统，官网下载即用。
- 214次使用
