前端技术文章
-
- 禁用按钮样式设置方法详解
- HTML5中禁用按钮应优先使用disabled属性，配合:disabled伪类自定义样式、JavaScript动态控制，并在必要时用aria-disabled替代，同时须通过可访问性工具验证是否符合WCAG标准。
- 文章 · 前端 | 3个月前 | 118浏览 收藏
-
- SRI验证外部脚本安全方法解析
- SRI不是“开了就安全”的开关，它仅在脚本URL固定、哈希值正确且浏览器支持时生效；用错会阻断加载致白屏。
- 文章 · 前端 | 3个月前 | 139浏览 收藏
-
- CSS图片浮动布局技巧：环绕与间距控制
- 使用CSS的float属性可实现图片环绕文本效果，通过设置float:left或right使文字围绕图片排列，并用margin控制间距；为避免布局错乱，需添加clear:both清除浮动影响；在响应式设计中，可通过媒体查询在小屏设备上取消浮动，使图片独占一行，确保排版美观。
- 文章 · 前端 | 3个月前 | 221浏览 收藏
-
- new.target用法详解：防异步构造函数被劫持
- new.target无法防止异步构造函数被劫持，因JavaScript不支持asyncconstructor；它仅能防护new调用路径的入口伪造，需结合静态工厂冻结、环境校验、懒初始化和代码完整性校验等多层策略。
- 文章 · 前端 | 3个月前 | 431浏览 收藏
-
- 如何定位空必填Tab并跳转？
- 当表单存在多Tab结构且各Tab含required字段时，提交前需自动检测首个含未填写必填项的Tab并切换过去；本文提供健壮的DOM遍历逻辑、事件驱动验证方案及可维护的CSS样式控制。当表单存在多Tab结构且各Tab含`required`字段时，提交前需自动检测首个含未填写必填项的Tab并切换过去；本文提供健壮的DOM遍历逻辑、事件驱动验证方案及可维护的CSS样式控制。在多Tab表单中实现“提交时自动跳转
- 文章 · 前端 | 3个月前 | 243浏览 收藏
-
- CSSFlex布局对齐按钮组技巧
- Flex布局实现按钮组对齐需设容器display:flex，用justify-content控制主轴分布（如center、flex-end等），推荐用gap代替margin，配合align-items可垂直居中。
- 文章 · 前端 | 3个月前 | 338浏览 收藏
-
- Safari与Chrome颜色差异怎么解决
- 无法靠统一色域配置文件解决Safari与Chrome颜色差异，因CSS不读取ICC/DisplayP3文件；根因是浏览器对未声明色彩空间的颜色（如#FF6B6B）按各自策略解释：Safari默认映射到DisplayP3，Chrome倾向保持sRGB；唯一可控方式是显式使用color(srgb10.41960.4196)并配fallback。
- 文章 · 前端 | 3个月前 | 461浏览 收藏
-
- HTML5分享API：navigator.share使用详解
- navigator.share仅支持Chromium内核浏览器（Chrome76+、Edge79+、SamsungInternet12.2+）和iOS/iPadOSSafari16.4+；Firefox、旧版Safari及桌面Safari不支持，且须HTTPS/localhost安全上下文。
- 文章 · 前端 | 3个月前 | 479浏览 收藏
-
- HTML禁止大写输入与样式控制方法
- 可通过JavaScript检测CapsLock状态并提示用户。利用event.getModifierState('CapsLock')判断是否开启，并显示警告信息，结合CSS样式或JS自动转换输入为小写，提升密码等输入场景的用户体验。
- 文章 · 前端 | 3个月前 | 网页HTML 307浏览 收藏
-
- 微前端JS沙箱实现全解析
- iframe是HTML层面唯一真正的JS沙箱隔离方案，因其拥有独立window、document、history、location及事件循环，同域about:blank可安全注入脚本并仅通过postMessage通信。
- 文章 · 前端 | 3个月前 | 288浏览 收藏
-
- CSS选择器兼容性详解与应用指南
- 基础选择器所有浏览器均支持，伪类和属性选择器在IE6-8中存在兼容性问题，建议通过降级方案、条件注释或Modernizr应对，现代开发可放心使用CSS3但需根据目标用户选择适配策略。
- 文章 · 前端 | 3个月前 | 112浏览 收藏
-
- Bootstrap5自定义网格列数教程
- <p>修改$grid-columns后样式未生效，是因为变量必须在@import"bootstrap/scss/variables"之前声明；设为24后会生成col-1至col-24等完整类名，offset-<em>随之扩展，但order-</em>默认只到12，需手动覆盖$orders。</p>
- 文章 · 前端 | 3个月前 | 283浏览 收藏
-
- CSSoutline和border的区别详解
- outline不占盒模型空间而border占用，这是根本区别：border改变元素布局尺寸，outline仅视觉呈现且不影响周围元素。
- 文章 · 前端 | 3个月前 | 319浏览 收藏
-
- 避免CSSmargin折叠的方法有哪些？加边框或内边距有效
- margin折叠是指垂直相邻块级元素的margin-top与margin-bottom合并为较大值的现象，仅发生于普通文档流中；加border或padding可插入屏障阻止折叠；推荐用统一margin方向、BFC或gap替代。
- 文章 · 前端 | 3个月前 | 159浏览 收藏
-
- HTML表格添加颜色选择器的实现方法有哪些
- 要在HTML表格中添加颜色选择器，核心答案是使用HTML5原生<inputtype="color">或引入第三方库实现动态颜色应用。具体方案包括：1.使用原生<inputtype="color">，通过JavaScript监听change事件并设置单元格背景色；2.集成如Pickr、Coloris等JavaScript颜色选择器库，提供更丰富的功能和一致的跨浏览器体验；3.自定义简易调色板，通过预设颜色方块实现基础颜色应用。其价值在于提升用户
- 文章 · 前端 | 3个月前 | 188浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- PubMedQA
- 深入了解PubMedQA生物医学问答数据集，涵盖其核心功能、使用方法及在临床决策、药物研发等场景的应用，助力提升NLP模型性能。
- 185次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 241次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 197次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 178次使用
-
- CMMLU
- 深入了解CMMLU中文评估基准，涵盖67个学科主题，提供数据集下载、Zero-shot/Five-shot评估方法及排行榜，助力优化中文语言模型性能。
- 170次使用
