前端技术文章

  • HTML中标签的使用与术语定义详解
    HTML中标签的使用与术语定义详解
    dfn标签仅在术语首次出现且紧邻完整定义语句时使用,必须嵌套于语义化块级元素中,优先取title属性值作为定义内容,错误用法会导致语义断裂与辅助技术失效。
    文章 · 前端   |  2星期前  |   446浏览 收藏
  • CSS固定按钮点击区域偏移,absolute+padding微调技巧
    CSS固定按钮点击区域偏移,absolute+padding微调技巧
    按钮点击区域偏移主因是absolute定位时未校准padding对热区的影响,应检查定位基准、用transform替代top/left、加outline验证热区,并统一box-sizing:border-box。
    文章 · 前端   |  2星期前  |   446浏览 收藏
  • JavaScript 属性的枚举性(enumerable)是指该属性是否能被 for...in 循环或 Object.keys() 等方法遍历到。它由属性的 enumerable 特性控制,通常在定义对象时通过 Object.defineProperty() 或字面量方式设置。枚举性的作用:可枚举属性:可以被 for...in、Object.keys()、JSON.stringify() 等方法遍
    JavaScript 属性的枚举性(enumerable)是指该属性是否能被 for...in 循环或 Object.keys() 等方法遍历到。它由属性的 enumerable 特性控制,通常在定义对象时通过 Object.defineProperty() 或字面量方式设置。枚举性的作用:可枚举属性:可以被 for...in、Object.keys()、JSON.stringify() 等方法遍
    JavaScript属性的枚举性([[Enumerable]])控制其是否在for...in、Object.keys()等遍历中出现:true时可见,false时“隐身”但依然存在;普通添加默认true,Object.defineProperty默认false。
    文章 · 前端   |  3星期前  |   445浏览 收藏
  • Performance面板录制功能找内存泄漏方法
    Performance面板录制功能找内存泄漏方法
    录制前须关闭无关标签页和扩展,仅保留待测页面并禁用所有扩展;录制时按“操作→等待→操作→等待”节奏执行至少3轮相同操作,每轮后手动触发GC;通过Performance面板JSHeap曲线阶梯式上涨判断泄漏,并用AllocationSampling定位高频分配对象。
    文章 · 前端   |  3星期前  |   445浏览 收藏
  • JavaScript精准替换最后一个}字符的技巧
    JavaScript精准替换最后一个}字符的技巧
    本文详解如何在JavaScript中安全、高效地替换多行字符串中最后一个}(右花括号),避免误替其他行中的},核心在于正确使用正向先行断言与$的字符串结尾语义。本文详解如何在JavaScript中安全、高效地替换多行字符串中最后一个}(右花括号),避免误替其他行中的},核心在于正确使用正向先行断言与$的字符串结尾语义。在处理JSON片段、模板字符串或配置文本等多行内容时,常需修改末尾结构符号(如}),但String.prot
    文章 · 前端   |  3星期前  |   445浏览 收藏
  • HTML怎么做收支明细页_html收支明细流水列表页面【深度解析】
    HTML怎么做收支明细页_html收支明细流水列表页面【深度解析】
    应使用语义化<table>结构实现收支明细列表,配合datetime属性、.income/.expense类名、右对齐金额、纯文本符号(如-¥120.00),移动端用CSS媒体查询转为垂直dl布局,并确保导出与可访问性兼容。
    文章 · 前端   |  3星期前  |   445浏览 收藏
  • 输入框聚焦动画实现教程
    输入框聚焦动画实现教程
    :focus无法单独实现标签上浮,因它仅响应焦点而不感知输入内容;需结合HTML结构包裹、CSS过渡及JS监听value和focus/blur状态来驱动动画。
    文章 · 前端   |  3星期前  |   445浏览 收藏
  • CSS媒体查询加载不同背景图教程
    CSS媒体查询加载不同背景图教程
    在@media中用background-image响应式换图需确保选择器权重足够、路径正确(如url(./img/bg-mobile.jpg))、补全background-repeat和background-size;注意缓存问题(加?v=版本号)、所有图均会下载的性能缺陷,以及cover/contain裁剪风险。
    文章 · 前端   |  3星期前  |   445浏览 收藏
  • CSS定位属性详解:position、absolute与relative
    CSS定位属性详解:position、absolute与relative
    position:relative不脱离文档流,仅在原位偏移;它本身不提供锚点,需配合子元素absolute才形成定位参考系。
    文章 · 前端   |  2星期前  |   445浏览 收藏
  • 正则表达式高级技巧:复杂模式匹配实战
    正则表达式高级技巧:复杂模式匹配实战
    掌握高级正则技巧可精准处理嵌套结构、上下文匹配与复杂验证。1.用递归或模拟平衡组提取括号内容,如Python的regex模块支持(?R)匹配func(a(b(c),d),e)中最外层参数;2.零宽断言实现上下文过滤,如(?<=!")\berror\b(?!"1)匹配未被引号包围的“error”;3.非贪婪与贪婪结合控制范围,(?:.|\n)?可截取<divclass="content">到</div>间内容,适用于简单HTML解析;4.命名捕获组提升可读性
    文章 · 前端   |  2星期前  |   445浏览 收藏
  • 数组三元素分组求和方法解析
    数组三元素分组求和方法解析
    本文介绍如何在不依赖第三方库的前提下,将字符串数字数组按每三个元素为一组进行数值求和,并返回由各组和组成的新字符串数组,适用于进制转换等场景。本文介绍如何在不依赖第三方库的前提下,将字符串数字数组按每三个元素为一组进行数值求和,并返回由各组和组成的新字符串数组,适用于进制转换等场景。在实现十六进制(base-16)到八进制(base-8)的转换器时,一种常见策略是先将十六进制字符串转为二进制,再将二进制按三位一组分组(因$2^3=8$),最后将每组二
    文章 · 前端   |  2星期前  |   445浏览 收藏
  • Less高阶Mixin用法与参数传递技巧
    Less高阶Mixin用法与参数传递技巧
    高阶Mixin本质是返回Mixin的Mixin,通过带括号调用实现嵌套混入配置与参数透传,专注组合逻辑而非直接输出样式,需显式传参、避免递归、慎用隐式作用域。
    文章 · 前端   |  2星期前  |   445浏览 收藏
  • CSS打印布局优化技巧详解
    CSS打印布局优化技巧详解
    打印样式需重写而非微调:grid命名区域失效、fr单位不可靠、浮动被忽略、table-layout:fixed导致列错乱、break-inside须加在子项上,且须清除非内容区块。
    文章 · 前端   |  2星期前  |   445浏览 收藏
  • Less 3.0 vs 4.0 CSS特性变化解析
    Less 3.0 vs 4.0 CSS特性变化解析
    Less3.x升级到4.x是“收边界”而非加功能,收紧语义与校验:除法需括号或./、@import必须带.less后缀、颜色/尺寸函数参数须带单位、嵌套中父级@变量不可隐式访问。
    文章 · 前端   |  2星期前  |   445浏览 收藏
  • HTML音乐播放器制作教程
    HTML音乐播放器制作教程
    <audio>标签无需JS即可运行,常见问题为漏写controls属性、路径错误及移动端静音限制;自动播放需同时加autoplay与muted;preload="metadata"可优化加载性能;controlsList可隐藏下载等非必要控件。
    文章 · 前端   |  2星期前  |   445浏览 收藏
查看更多
课程推荐
  • 前端进阶之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推荐
  • ljg-skills -
    ljg-skills
    ljg-skills 是李继刚开源的 AI 技能与提示词集合,面向大模型使用者整理了一批可复用的 prompt、角色设定和任务技能模板,适合用于学习提示词设计、搭建个人 AI 工作流和沉淀团队常用智能体能力。
    240次使用
  • MELO音乐 - AI 音乐生成平台,支持多模态创作能力
    MELO音乐
    MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
    261次使用
  • UniScribe - AI 免费在线音视频转文字平台
    UniScribe
    UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
    228次使用
  • 剧云 - 免费 AI 智能中文剧本创作平台
    剧云
    剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
    398次使用
  • 万象有声 - AI 一站式有声内容创作平台
    万象有声
    万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
    391次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码