前端技术文章
-
- Face属性字体设置技巧全解析
- font的face属性已被HTML5彻底废弃，现代浏览器忽略其样式解析，必须改用CSSfont-family控制字体；中文字体名需加引号，末尾须保留通用字体族，推荐使用<span>或类选择器替代<font>标签。
- 文章 · 前端 | 2星期前 | HTML常见属性及用途 421浏览 收藏
-
- 禁用按钮样式设置方法详解
- HTML5中禁用按钮应优先使用disabled属性，配合:disabled伪类自定义样式、JavaScript动态控制，并在必要时用aria-disabled替代，同时须通过可访问性工具验证是否符合WCAG标准。
- 文章 · 前端 | 2星期前 | 118浏览 收藏
-
- SRI验证外部脚本安全方法解析
- SRI不是“开了就安全”的开关，它仅在脚本URL固定、哈希值正确且浏览器支持时生效；用错会阻断加载致白屏。
- 文章 · 前端 | 2星期前 | 139浏览 收藏
-
- CSS图片浮动布局技巧：环绕与间距控制
- 使用CSS的float属性可实现图片环绕文本效果，通过设置float:left或right使文字围绕图片排列，并用margin控制间距；为避免布局错乱，需添加clear:both清除浮动影响；在响应式设计中，可通过媒体查询在小屏设备上取消浮动，使图片独占一行，确保排版美观。
- 文章 · 前端 | 2星期前 | 221浏览 收藏
-
- new.target用法详解：防异步构造函数被劫持
- new.target无法防止异步构造函数被劫持，因JavaScript不支持asyncconstructor；它仅能防护new调用路径的入口伪造，需结合静态工厂冻结、环境校验、懒初始化和代码完整性校验等多层策略。
- 文章 · 前端 | 2星期前 | 431浏览 收藏
-
- 如何定位空必填Tab并跳转？
- 当表单存在多Tab结构且各Tab含required字段时，提交前需自动检测首个含未填写必填项的Tab并切换过去；本文提供健壮的DOM遍历逻辑、事件驱动验证方案及可维护的CSS样式控制。当表单存在多Tab结构且各Tab含`required`字段时，提交前需自动检测首个含未填写必填项的Tab并切换过去；本文提供健壮的DOM遍历逻辑、事件驱动验证方案及可维护的CSS样式控制。在多Tab表单中实现“提交时自动跳转
- 文章 · 前端 | 2星期前 | 243浏览 收藏
-
- CSSFlex布局对齐按钮组技巧
- Flex布局实现按钮组对齐需设容器display:flex，用justify-content控制主轴分布（如center、flex-end等），推荐用gap代替margin，配合align-items可垂直居中。
- 文章 · 前端 | 2星期前 | 338浏览 收藏
-
- Safari与Chrome颜色差异怎么解决
- 无法靠统一色域配置文件解决Safari与Chrome颜色差异，因CSS不读取ICC/DisplayP3文件；根因是浏览器对未声明色彩空间的颜色（如#FF6B6B）按各自策略解释：Safari默认映射到DisplayP3，Chrome倾向保持sRGB；唯一可控方式是显式使用color(srgb10.41960.4196)并配fallback。
- 文章 · 前端 | 2星期前 | 461浏览 收藏
-
- HTML5分享API：navigator.share使用详解
- navigator.share仅支持Chromium内核浏览器（Chrome76+、Edge79+、SamsungInternet12.2+）和iOS/iPadOSSafari16.4+；Firefox、旧版Safari及桌面Safari不支持，且须HTTPS/localhost安全上下文。
- 文章 · 前端 | 2星期前 | 479浏览 收藏
-
- HTML禁止大写输入与样式控制方法
- 可通过JavaScript检测CapsLock状态并提示用户。利用event.getModifierState('CapsLock')判断是否开启，并显示警告信息，结合CSS样式或JS自动转换输入为小写，提升密码等输入场景的用户体验。
- 文章 · 前端 | 2星期前 | 网页HTML 307浏览 收藏
-
- 微前端JS沙箱实现全解析
- iframe是HTML层面唯一真正的JS沙箱隔离方案，因其拥有独立window、document、history、location及事件循环，同域about:blank可安全注入脚本并仅通过postMessage通信。
- 文章 · 前端 | 2星期前 | 288浏览 收藏
-
- CSS选择器兼容性详解与应用指南
- 基础选择器所有浏览器均支持，伪类和属性选择器在IE6-8中存在兼容性问题，建议通过降级方案、条件注释或Modernizr应对，现代开发可放心使用CSS3但需根据目标用户选择适配策略。
- 文章 · 前端 | 2星期前 | 112浏览 收藏
-
- Bootstrap5自定义网格列数教程
- <p>修改$grid-columns后样式未生效，是因为变量必须在@import"bootstrap/scss/variables"之前声明；设为24后会生成col-1至col-24等完整类名，offset-<em>随之扩展，但order-</em>默认只到12，需手动覆盖$orders。</p>
- 文章 · 前端 | 2星期前 | 283浏览 收藏
-
- CSSoutline和border的区别详解
- outline不占盒模型空间而border占用，这是根本区别：border改变元素布局尺寸，outline仅视觉呈现且不影响周围元素。
- 文章 · 前端 | 2星期前 | 319浏览 收藏
-
- 避免CSSmargin折叠的方法有哪些？加边框或内边距有效
- margin折叠是指垂直相邻块级元素的margin-top与margin-bottom合并为较大值的现象，仅发生于普通文档流中；加border或padding可插入屏障阻止折叠；推荐用统一margin方向、BFC或gap替代。
- 文章 · 前端 | 2星期前 | 159浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 96次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 100次使用
-
- Red Skill
- 小红书创作服务平台为小红书创作者和机构提供视频上传、数据分析、粉丝管理、创作指导等多项运营服务，助力用户解锁更多创作者专属功能，体验高效创作！
- 101次使用
-
- MiMo Code
- MiMo Code 是小米大模型团队开源的新一代 AI 编程助手，面向开发者提供代码理解、生成与辅助开发能力，适合作为 AI 编程工具收藏和体验。
- 203次使用
-
- TRAE Work
- TRAE AI IDE | 国内首款 AI 原生集成开发环境，深度集成 Doubao-1.5-pro 与 DeepSeek 模型，支持中文自然语言一键生成完整代码框架，实时预览前端效果并智能修复 BUG。首创 Builder 模式实现需求到代码的自动化开发，兼容 Windows/macOS 系统，官网下载即用。
- 234次使用
