前端技术文章

  • 堆快照支配者树分析:快速定位内存峰值异常对象
    堆快照支配者树分析:快速定位内存峰值异常对象
    支配树中“顶级对象”指无其他Java对象支配它的根级持有者,即所有GCRoots到该对象的路径均不经过其他Java对象,其RetainedSize通常最大,最可能是内存泄漏源头。
    文章 · 前端   |  6个月前  |   138浏览 收藏
  • CSS样式覆盖常见原因分析
    CSS样式覆盖常见原因分析
    直接查DevToolsStyles面板中带删除线的样式,悬停可见覆盖来源;权重按四元组(a,b,c,d)逐位比较,不进位相加,a为内联、b为ID、c为类/伪类、d为标签数。
    文章 · 前端   |  6个月前  |   106浏览 收藏
  • HTML实现SW路由策略详解【避坑指南】
    HTML实现SW路由策略详解【避坑指南】
    HTML离线跳转空白主因是ServiceWorker未针对destination==='document'请求单独拦截并返回缓存的index.html;SPA需统一fallback至index.html,且HTML与JS资源必须同步缓存、版本一致,并启用skipWaiting()和clients.claim()确保SW及时生效。
    文章 · 前端   |  6个月前  |   381浏览 收藏
  • HTML添加视频教程【快速入门】
    HTML添加视频教程【快速入门】
    用<video>嵌入本地MP4需确保路径正确、编码为H.264+AAC、添加controls属性;YouTube必须用<iframe>嵌入;poster与preload="metadata"配合可优化首屏体验;Safari播放失败多因MIME类型或moovbox位置问题。
    文章 · 前端   |  6个月前  |   232浏览 收藏
  • HTML长按事件实现与点击模拟方法
    HTML长按事件实现与点击模拟方法
    HTML中无原生长按事件,需用touchstart/touchend+setTimeout模拟;移动端优先touchstart,PC端需防mousemove误触;pointerdown更统一但兼容性受限,且需兜底清理。
    文章 · 前端   |  6个月前  |   316浏览 收藏
  • CSS段落装饰线实现技巧
    CSS段落装饰线实现技巧
    用::before给段落加装饰线需三要素:content非空、父元素设position:relative、伪元素设display:block;常用写法为p{position:relative}与p::before{content:"";display:block;width:60px;height:2px;background:#333;margin-bottom:0.5em}。
    文章 · 前端   |  6个月前  |   230浏览 收藏
  • 大文件断点续传HTML实现方法详解
    大文件断点续传HTML实现方法详解
    断点续传核心是跳过已传切片,需前后端协同:用File.slice()按ceil(file.size/shardSize)分片,end设为file.size防丢末尾;以文件MD5为唯一fileId查服务端已传索引;localStorage存进度须防隐私模式、多标签冲突及容量超限。
    文章 · 前端   |  6个月前  |   400浏览 收藏
  • HTML开发环境连接远程仓库指南
    HTML开发环境连接远程仓库指南
    gitinit后需先用gitremoteaddorigin<url>绑定远程仓库,再gitpush;未配.gitignore会导致node_modules等误提交;SSH推送失败需检查密钥配置;push不更新线上页面因缺少自动部署,需确认托管平台设置。
    文章 · 前端   |  6个月前  |   369浏览 收藏
  • JavaScript生成器是什么?如何控制函数执行流程
    JavaScript生成器是什么?如何控制函数执行流程
    JavaScript生成器是能暂停和恢复执行的特殊函数,通过function*声明并用yield标记暂停点,返回可迭代的Generator对象;next()、throw()、return()分别用于推进、抛错和终止执行;它不自动处理异步,需外部驱动,适合精细控制流程的场景。
    文章 · 前端   |  6个月前  |   256浏览 收藏
  • CSS变量巧用,响应式间距轻松调
    CSS变量巧用,响应式间距轻松调
    <p>不够。单纯用em/rem会导致视口缩放或根字体变化时间距意外缩放,应改用CSS变量配合calc()做断点内插值,如--spacing-sm设为无单位数值4,再用calc(var(--spacing-sm)*1px)调用。</p>
    文章 · 前端   |  6个月前  |   238浏览 收藏
  • 半星评分精准实现方法详解
    半星评分精准实现方法详解
    半星评分无法纯CSS可靠实现,因浏览器不支持小数级视觉渲染、伪元素和背景图无法像素级裁剪、Unicode无半星语义、mask兼容性差且touch失效;当前最可控方案是JS结合getBoundingClientRect()与clientX计算位置,并在桌面端启用、移动端降级为整星选择。
    文章 · 前端   |  6个月前  |   286浏览 收藏
  • 响应式搜索框设计技巧分享
    响应式搜索框设计技巧分享
    :focus触发动画需设明确初始width、transition和避免overflow隐藏;失效常因选择器未命中、box-sizing非border-box、父容器溢出裁剪或浏览器样式覆盖。
    文章 · 前端   |  6个月前  |   477浏览 收藏
  • 引入外部CSS的几种方法解析
    引入外部CSS的几种方法解析
    @import在ShadowDOM中不推荐,因其同步阻塞渲染导致300–600ms延迟,SSR不生效、HMR后样式丢失、路径解析易404、构建工具无法处理、错误静默忽略;fetch需防重复注入与竞态,adoptedStyleSheets是现代首选但Safari17.4+才稳定支持。
    文章 · 前端   |  6个月前  |   478浏览 收藏
  • HTML在线运行怎么实现?【详细教程】
    HTML在线运行怎么实现?【详细教程】
    使用在线工具可实现实时编辑与预览HTML代码。一、通过JSFiddle、CodePen等平台编写代码并即时查看效果,支持语法高亮与链接分享;二、利用GitHubCodespaces、Replit等云IDE创建项目,配置完整开发环境并运行服务器预览;三、在MDN或W3Schools的“TryitYourself”模块中修改代码并运行,实时查看DOM渲染结果;四、使用浏览器开发者工具,在Elements面板中以“EditasHTML”模式插入代码,即时测试局部结构显示效果。
    文章 · 前端   |  6个月前  |   html 387浏览 收藏
  • CSS图片组悬停交错效果教程
    CSS图片组悬停交错效果教程
    用transition-delay配合:nth-child或data-index为每张图设递增延迟(如0s、0.1s、0.2s),结合opacity、transform、visibility三属性过渡,避免display:none和DOM结构干扰,移动端需改用click或IntersectionObserver触发。
    文章 · 前端   |  6个月前  |   239浏览 收藏
查看更多
课程推荐
  • 前端进阶之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模型性能。
    1006次使用
  • H2O EvalGPT:开源LLM大模型评估与排行榜工具
    H2O EvalGPT
    H2O EvalGPT是H2O.ai推出的开源LLM评估平台,提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能,助您快速选择最适合项目的高性能大语言模型。
    1011次使用
  • LMArena是什么?伯克利AI模型评估平台使用指南与功能解析
    LMArena
    LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制,用户可对比不同大模型回答并生成实时排行榜,助力开发者优化模型及用户选择最佳AI工具。
    1132次使用
  • 斯坦福HELM:大语言模型Holistic Evaluation整体评估框架详解
    HELM
    深入了解斯坦福推出的HELM(Holistic Evaluation of Language Models)大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景,涵盖准确性、公平性、鲁棒性等多维度指标,助力开发者全面优化语言模型性能。
    1106次使用
  • MMBench详解:多模态大模型基准测试、功能特点与使用指南
    MMBench
    MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台,提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景,助力开发者全面评估多模态模型性能。
    951次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议 和 隐私政策
返回登录
  • 重置密码