前端技术文章
-
- 复选框变色技巧：:checked+label妙用解析
- :checked+label只能改label背景而不能覆盖整行，因label默认inline且CSS无父选择器；可通过absolute定位使label视觉铺满容器，但须确保input可点击、可聚焦、可被读屏识别。
- 文章 · 前端 | 2个月前 | 497浏览 收藏
-
- HTML如何实现“恢复上一步”功能
- HTML无内置重做功能，需JavaScript维护undo/redo栈；document.execCommand已废弃且兼容性差；应记录差异化操作、同步状态、恢复光标等细节。
- 文章 · 前端 | 2个月前 | 497浏览 收藏
-
- Flex子元素垂直对齐技巧
- align-items用于整体垂直对齐，margin-top:auto或margin-bottom:auto可使单个子元素脱离整体对齐，实现如底部定位等特殊布局需求。
- 文章 · 前端 | 2个月前 | 497浏览 收藏
-
- JavaScript移除属性方法详解
- removeAttribute静默失败主因是元素未加载、属性名错误或SVG需用removeAttributeNS；布尔属性须用removeAttribute而非setAttribute('attr','')；框架中应改状态而非直接操作DOM。
- 文章 · 前端 | 4星期前 | 496浏览 收藏
-
- CSS变量命名指南：提升可读性技巧
- CSS变量是带作用域的命名空间，非语法糖；应统一定义、语义化命名、禁嵌套引用、慎用calc运算、加命名空间防覆盖，并纳入CI校验与生命周期管理。
- 文章 · 前端 | 4星期前 | 496浏览 收藏
-
- JavaScript路由管理技巧与历史操作详解
- 答案：JavaScript通过HistoryAPI实现无刷新路由控制，利用pushState和replaceState操作历史记录，结合popstate事件监听前进后退，可构建简易前端路由系统；实际开发中多使用ReactRouter等基于该API的框架库来管理复杂路由与状态。
- 文章 · 前端 | 1个月前 | 496浏览 收藏
-
- JS实现页面平滑滚动技巧分享
- 实现页面平滑滚动主要有两种方式：一是使用JavaScript的scrollIntoView({behavior:'smooth'})方法，简单高效，适用于大多数现代浏览器；二是结合requestAnimationFrame与window.scrollTo()手动实现，可自定义滚动速度、缓动曲线及回调函数，适合需要精细控制的场景。2.CSS的scroll-behavior:smooth属性能全局启用平滑滚动，代码简洁且性能好，但缺乏对滚动过程的控制能力，无法处理复杂逻辑如偏移调整或执行回调，而JavaScr
- 文章 · 前端 | 1个月前 | 496浏览 收藏
-
- Flex布局在微信小程序错位怎么解决？
- Flex容器未生效需先确认display:flex是否作用于正确父元素且该父元素有可计算高度；rpx慎用于flex-basis等影响布局骨架的属性，避免跨设备尺寸偏差。
- 文章 · 前端 | 1个月前 | 496浏览 收藏
-
- HTML实现HTTP/2 Server Push避坑指南
- HTTP/2ServerPush在现代浏览器中已完全失效，Chrome96+、Firefox90+、Edge96+均静默忽略，仅rel="preload"是唯一可行替代方案，需置于<head>中并严格指定as属性。
- 文章 · 前端 | 1个月前 | 496浏览 收藏
-
- Web语音API实现语音控制DOM与文本合成
- WebSpeechAPI可纯前端实现语音驱动DOM变更与原始文本合成：先检测并初始化SpeechRecognition（Chrome最稳，Safari不支持）和SpeechSynthesis；识别稳定后提取清洗后的transcript，匹配预设指令更新DOM；再根据指令语义获取目标DOM文本内容，用对应语言的SpeechSynthesisUtterance合成反馈；需用cancel()、stop()和onend协调识别与合成，防止冲突。
- 文章 · 前端 | 1个月前 | 496浏览 收藏
-
- HTML如何设置CSS min-content宽度【精选】
- width:min-content计算内容拒绝换行时的最小宽度，非肉眼所见文本块宽；它只依据内容内在断点（如最长英文单词、整段无空格字符串或单个汉字）确定，不受父容器、max-width或空格影响。
- 文章 · 前端 | 1个月前 | 496浏览 收藏
-
- Number.prototype.toFixed() 如何避免金融计算误差
- 不能靠toFixed规避金融计算中的舍入误差与精度丢失，因其采用银行家舍入且作用于已失真的浮点数；安全做法是全程使用整数（如“分”）运算，展示时再格式化。
- 文章 · 前端 | 1个月前 | 496浏览 收藏
-
- 在 CSS 中，@scope 是一个实验性特性（目前仅在部分浏览器中支持），它允许你限制样式的作用范围，类似于模块化样式。不过，@scope 的 to 子句用于指定样式作用的元素范围，而不是“下界”或“上界”的概念。如果你想要设置样式作用的“内部下界”，可能是指限制样式只作用于某个容器内的子元素，而不是全局。这种情况下，可以使用 @scope 的 to 语法来限定作用范围。示例：使用 @scope
- @scope...to的内部下界是样式生效的排除边界，即从to指定节点起（含自身及后代）不再匹配该作用域规则，形成“甜甜圈”效果；其生效需to选择器为scope内真实DOM后代且为简单选择器，Chrome125+支持，Firefox/Safari暂不支持。
- 文章 · 前端 | 1个月前 | 496浏览 收藏
-
- let和var声明变量的区别详解
- JavaScript中let与var的核心区别在于：作用域（块级vs函数级）、变量提升（TDZ存在与否）、重复声明限制（禁止vs允许）及全局对象绑定（不挂载vs挂载window）。
- 文章 · 前端 | 1个月前 | 496浏览 收藏
-
- HTML倒计时实现与红色预警设置教程
- JavaScript动态计算剩余天数并用CSS控制红色预警样式，HTML仅作结构容器；HTML本身无执行能力，无法读取时间或自动更新，倒计时必须由JS每秒计算差值并刷新DOM。
- 文章 · 前端 | 1个月前 | 496浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- ljg-skills
- ljg-skills 是李继刚开源的 AI 技能与提示词集合，面向大模型使用者整理了一批可复用的 prompt、角色设定和任务技能模板，适合用于学习提示词设计、搭建个人 AI 工作流和沉淀团队常用智能体能力。
- 2695次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 2494次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 2434次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 2665次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 2611次使用
