-
- CSS支持hwb模式吗？CSS4新颜色语法详解
- HWB颜色模式是CSSColorModuleLevel4引入的新特性，语法为hwb(色相白度黑度/透明度)，通过调节色相、添加白黑成分直观调色，语义清晰，适合设计柔和色彩，相比HSL更接近传统绘画调色方式，主流浏览器已逐步支持，推荐配合RGB等回退方案使用。
- 文章 · 前端 | 5天前 | 282浏览 收藏
-
- HTML标注IPA音标实战教程
- 会乱码，但因字体和编码不匹配而非HTML不支持；需声明UTF-8、选用含IPA字符的字体（如NotoSans）、避免复制粘贴引入控制符，并用<span>而非<ruby>标注，配合字体栈与降级策略保障多端显示。
- 文章 · 前端 | 5天前 | 500浏览 收藏
-
- Tampermonkey多关键词检测教程
- 本文介绍如何改造基础Tampermonkey脚本，使其支持同时检测多个关键词：若任一关键词存在则弹窗提示并可扩展通知；若全部缺失则自动刷新页面。
- 文章 · 前端 | 5天前 | 238浏览 收藏
-
- CSS渐变按钮设计技巧分享
- 用linear-gradient实现按钮背景渐变时，需省略background-color、至少设两个色标、配合background-clip避免露白；radial-gradient宜用百分比定位圆心并设transparent控制光晕；须声明纯色兜底防降级失效，注意多层叠加性能与色觉可访问性。
- 文章 · 前端 | 5天前 | 170浏览 收藏
-
- JavaScript邮箱手机号验证技巧
- JavaScript邮箱验证用/^1+@2+.3+$/做基础筛查，手机号用/^1[3-9]\d{9}$/校验11位纯数字；需结合trim()、input事件提示及后端确认，避免过度复杂化或忽略转义、方法误用等细节。\s@↩\s@↩\s@↩
- 文章 · 前端 | 5天前 | 430浏览 收藏
-
- JavaScript是什么？如何改变网页开发？
- JavaScript是现代网页的神经系统，负责交互响应、动态更新与单页应用驱动；它嵌入HTML或外链执行，依托Node.js延伸至服务端，并催生React等框架及npm生态。
- 文章 · 前端 | 5天前 | 377浏览 收藏
-
- HTML5动画点击交互实现方法
- 用addEventListener绑定点击事件，通过添加/移除class触发CSS@keyframes动画最轻量兼容；需确保DOM加载完成、声明animation-duration和animation-fill-mode:forwards，并用animationend清理class防重复触发。
- 文章 · 前端 | 5天前 | 235浏览 收藏
-
- 路由懒加载怎么减小体积？性能优化必学技巧
- 路由懒加载的核心是按需加载，即用户访问页面时才加载对应模块代码，通过动态import()实现代码分割，配合webpackChunkName命名chunk、Suspense处理loading状态，并支持嵌套路由和权限路由的独立懒加载。
- 文章 · 前端 | 5天前 | 162浏览 收藏
-
- BOM页面预加载技巧与实现方法
- 页面预加载通过JavaScript操作BOM实现，核心在于动态加载资源以提升用户体验。1.动态图片预加载：提前加载轮播图或点击后即将展示的图片；2.数据预加载：利用FetchAPI或XMLHttpRequest预取JSON等数据；3.动态插入link标签：根据条件灵活使用preload或prefetch声明式加载资源。相比静态声明，JavaScript提供了更精细的控制能力，如基于用户行为、网络状况、历史记录进行智能判断，同时支持数据预取和兼容性回退。但需注意避免过度预加载、合理管理缓存、考虑网络状况、控
- 文章 · 前端 | 5天前 | 461浏览 收藏
-
- CSS Modules如何覆盖第三方库样式
- CSSModules中直接写.ant-btn不生效，因其类名被哈希化且作用域受限；需用:global(.ant-btn)全局覆盖，注意语法正确、加载顺序及选择器权重。
- 文章 · 前端 | 5天前 | 155浏览 收藏
-
- JavaScript非阻塞技巧全解析
- JavaScript单线程下需避免同步阻塞：拆分大任务用queueMicrotask/setTimeout、CPU密集型操作移至WebWorker、优先使用内置异步API、用LongTasksAPI监控并中断超时计算。
- 文章 · 前端 | 5天前 | 205浏览 收藏
-
- HTML实现Feed流信息列表布局【实例】
- 最合理语义化HTML结构是section包裹、每条用article，内含header/main/footer；避免ul/li和role="feed"；CSS用block布局+margin-block控制间距；DOM批量操作用DocumentFragment；时间处理需注意时区与Intl.RelativeTimeFormat。
- 文章 · 前端 | 5天前 | 375浏览 收藏
-
- HTML添加测试环境水印技巧
- 用fixed定位div实现右下角半透明水印，z-index:100避免遮挡弹窗，JS动态判断hostname或cookie识别测试环境，小屏降级为顶部横幅，文案明确标注如“SIT环境”。
- 文章 · 前端 | 5天前 | 328浏览 收藏
-
- CSS绝对定位居中，transform轻松搞定
- 使用absolute定位结合transform可实现元素在容器内水平垂直居中，尤其适用于尺寸未知或动态变化的场景。传统方法如固定margin或top/left需已知尺寸，难以适应响应式布局；表格或flex布局虽有效，但在兼容性或嵌套结构中可能受限。该方案通过设置父容器position:relative，子元素position:absolute、top:50%、left:50%使其左上角移至容器中心，再通过transform:translate(-50%,-50%)将元素自身宽高一半向左上偏移，从而精准居中
- 文章 · 前端 | 5天前 | 131浏览 收藏
-
- 事件代理与冒泡机制详解
- 事件冒泡是事件从目标元素逐级向上传播至根节点的过程，事件代理利用此机制将事件绑定到父元素，通过判断event.target实现子元素事件处理，减少内存占用并支持动态元素。
- 文章 · 前端 | 5天前 | 487浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 4472次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 4818次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 4702次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 6492次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 5068次使用
