前端技术文章

  • CSS过渡与hover冲突?状态属性要统一
    CSS过渡与hover冲突?状态属性要统一
    transition无效的主因是hover前后属性类型不匹配:需确保属性名一致、值类型可插值(如颜色/长度/opacity)、初始值非auto/unset,且避免使用display/visibility等不可过渡属性。
    文章 · 前端   |  3个月前  |   265浏览 收藏
  • 绝对定位元素点击无效解决方法
    绝对定位元素点击无效解决方法
    绝对定位元素点不了,通常是被上层遮罩拦截点击或z-index未生效;需检查pointer-events值、层叠上下文及伪元素等覆盖因素,并优先用pointer-events:none穿透。
    文章 · 前端   |  3个月前  |   111浏览 收藏
  • HTMLCSS滑动开关实现教程
    HTMLCSS滑动开关实现教程
    纯CSS实现toggle开关:用label包裹checkbox,设label为relative定位,滑块用label::after绝对定位并加transform过渡;状态通过:checked+.slider控制,避免display:none导致点击失效,确保触控热区充足且动画平滑。
    文章 · 前端   |  3个月前  |   332浏览 收藏
  • content-['text']在TailwindCSS中的使用方法详解
    content-['text']在TailwindCSS中的使用方法详解
    Tailwind默认只生成content-none和content-[""]两类,自定义content值(如before:content-["Hello"])需在tailwind.config.js的theme.extend.content中显式声明Unicode转义值(如"\201C"),否则编译缺失、样式无效。
    文章 · 前端   |  3个月前  |   391浏览 收藏
  • 防抖节流原理与JS性能优化技巧
    防抖节流原理与JS性能优化技巧
    防抖和节流是前端优化高频事件的常用手段。防抖通过延迟执行,仅触发最后一次操作,适用于搜索框输入等场景;节流则保证函数在固定时间间隔内至少执行一次,适合滚动监听等持续触发的事件。两者核心区别在于执行频率控制策略不同,防抖关注最终状态,节流注重规律响应。
    文章 · 前端   |  3个月前  |   332浏览 收藏
  • JavaScript安全扫描:依赖漏洞检测方法
    JavaScript安全扫描:依赖漏洞检测方法
    答案:通过集成npmaudit、Snyk等工具并嵌入CI/CD流程,定期扫描与更新依赖包,可系统化管理JavaScript项目中的第三方库安全风险。
    文章 · 前端   |  3个月前  |   212浏览 收藏
  • GitHubPages建站教程:gh-pages分支部署指南
    GitHubPages建站教程:gh-pages分支部署指南
    gh-pages分支非必须且不推荐,GitHubPages自2021年起默认支持从main/master分支根目录或/docs目录发布;仅需正确配置发布源、确保index.html存在、设置合理baseURL即可避免404等问题。
    文章 · 前端   |  3个月前  |   138浏览 收藏
  • Object.values提取多级嵌套数据技巧
    Object.values提取多级嵌套数据技巧
    Object.values无法穿透多级嵌套,需结合递归、字段白名单或路径匹配提取业务核心原始数据;须先明确目标字段(如id、name、price),排除非业务字段,并防范null、循环引用等陷阱。
    文章 · 前端   |  3个月前  |   238浏览 收藏
  • HTML5怎么用?新手入门教程
    HTML5怎么用?新手入门教程
    HTML5不是要“安装”的东西,它就是你写的很多人搜“HTML5怎么用”,第一反应是去下载个软件或库——其实不用。HTML5是浏览器原生支持的标记语言规范,只要你写一个以开头的文件,用现代浏览器(Chrome/Firefox/Safari/Edge)打开,就自动在HTML5模式下运行了。常见错误现象:document.querySelector报错、localStorage用不了、audio标签不播放——往往不是HTML5本身的问题,而是文档类型没声明,或者浏览器加载的是本地fil
    文章 · 前端   |  3个月前  |   492浏览 收藏
  • HTML音乐播放器制作教程
    HTML音乐播放器制作教程
    <audio>标签无需JS即可运行,常见问题为漏写controls属性、路径错误及移动端静音限制;自动播放需同时加autoplay与muted;preload="metadata"可优化加载性能;controlsList可隐藏下载等非必要控件。
    文章 · 前端   |  3个月前  |   445浏览 收藏
  • 全屏背景图CSS设置方法详解
    全屏背景图CSS设置方法详解
    background-size:cover在手机上总切掉人脸,因其只保证“填满”容器而不保证“内容可见”,等比缩放时短边撑满、长边溢出,而iPhone14Pro(19.5:9)与常见图片(16:9或4:3)宽高比差异大,竖屏必裁顶部/底部,横屏则可能左右被砍。
    文章 · 前端   |  3个月前  |   244浏览 收藏
  • 如何获取嵌套列表父级元素
    如何获取嵌套列表父级元素
    本文介绍使用Element.closest()配合精确CSS选择器,无需循环遍历即可稳定定位嵌套无限制的多级列表中对应的顶层<liclass="list-item">元素。本文介绍使用`Element.closest()`配合精确CSS选择器,无需循环遍历即可稳定定位嵌套无限制的多级列表中对应的顶层``元素。在处理深度不确定的嵌套列表(如树形菜单、分类导航)时,常需从任意子级<li>快速回溯到其所属的“
    文章 · 前端   |  3个月前  |   106浏览 收藏
  • Less中如何实现CSSReset样式重置?引入normalize.less方案
    Less中如何实现CSSReset样式重置?引入normalize.less方案
    不推荐直接用normalize.css的Less版本,因其多为社区非官方移植,常存在变量未解耦、嵌套错乱或混入私有mixin等问题,易致编译报错或样式覆盖;应优先使用官方normalize.css并通过@import(css)引入。
    文章 · 前端   |  3个月前  |   459浏览 收藏
  • 网页中如何嵌套ul列表结构
    网页中如何嵌套ul列表结构
    ul嵌套必须将内层ul作为父级li的直接子元素,否则结构断裂、编号重置、键盘导航失效;ul本身无序号,层级编号需CSScounter实现;嵌套超三层应优先用details/summary。
    文章 · 前端   |  3个月前  |   html 485浏览 收藏
  • CSS专色印刷应用详解
    CSS专色印刷应用详解
    color()函数不支持印刷专色,device-cmyk()和color(cmyk...)均无效;唯一可用广色域空间是display-p3,需@supports检测且仅在P3屏幕生效;印刷场景应脱离CSS,交由专业印前流程处理。
    文章 · 前端   |  3个月前  |   431浏览 收藏
查看更多
课程推荐
  • 前端进阶之JavaScript设计模式
    前端进阶之JavaScript设计模式
    设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
    543次学习
  • GO语言核心编程课程
    GO语言核心编程课程
    本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
    516次学习
  • 简单聊聊mysql8与网络通信
    简单聊聊mysql8与网络通信
    如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
    500次学习
  • JavaScript正则表达式基础与实战
    JavaScript正则表达式基础与实战
    在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
    487次学习
  • 从零制作响应式网站—Grid布局
    从零制作响应式网站—Grid布局
    本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
    485次学习
  • Golang深入理解GPM模型
    Golang深入理解GPM模型
    Golang深入理解GPM调度器模型及全场景分析,希望您看完这套视频有所收获;包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
    474次学习
查看更多
AI推荐
  • PubMedQA数据集详解:生物医学问答基准、功能与应用指南
    PubMedQA
    深入了解PubMedQA生物医学问答数据集,涵盖其核心功能、使用方法及在临床决策、药物研发等场景的应用,助力提升NLP模型性能。
    207次使用
  • H2O EvalGPT:开源LLM大模型评估与排行榜工具
    H2O EvalGPT
    H2O EvalGPT是H2O.ai推出的开源LLM评估平台,提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能,助您快速选择最适合项目的高性能大语言模型。
    260次使用
  • LMArena是什么?伯克利AI模型评估平台使用指南与功能解析
    LMArena
    LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制,用户可对比不同大模型回答并生成实时排行榜,助力开发者优化模型及用户选择最佳AI工具。
    214次使用
  • 斯坦福HELM:大语言模型Holistic Evaluation整体评估框架详解
    HELM
    深入了解斯坦福推出的HELM(Holistic Evaluation of Language Models)大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景,涵盖准确性、公平性、鲁棒性等多维度指标,助力开发者全面优化语言模型性能。
    201次使用
  • CMMLU中文大模型评估基准:功能、使用教程与应用场景解析
    CMMLU
    深入了解CMMLU中文评估基准,涵盖67个学科主题,提供数据集下载、Zero-shot/Five-shot评估方法及排行榜,助力优化中文语言模型性能。
    190次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议 和 隐私政策
返回登录
  • 重置密码