前端技术文章
-
- HTML外挂字幕集成技巧
- track字幕不显示的主因是结构错误：track必须为video直接子元素且紧随source之后；其次src路径需同协议、kind值须准确（如subtitles不可少s）、vtt文件须UTF-8无BOM且首行为WEBVTT。
- 文章 · 前端 | 1个月前 | 163浏览 收藏
-
- Map字典实时统计键值对数量的方法
- Map.size是实时且自动更新的只读属性，增删操作后立即反映键值对数量，不可手动赋值或替代；Object.keys(map).length永远为0，因其非普通对象。
- 文章 · 前端 | 1个月前 | 193浏览 收藏
-
- HTML博客页面优化技巧分享
- 可通过调整HTML结构与CSS样式实现博客主题与布局设置。一、使用内联CSS在head中添加style标签，定义字体、背景色和标题样式；二、引入外部CSS文件如style.css和dark-theme.css，通过修改link标签的href属性切换主题，结合JavaScript实现动态切换；三、利用header、main、article、aside、footer等语义化标签构建清晰结构，提升SEO与可读性；四、采用CSSGrid设置display:grid、自适应列数和间隙，实现响应式文章网格布局；五、运
- 文章 · 前端 | 1个月前 | html 251浏览 收藏
-
- CSS中使用border-box控制padding和border的方法如下：设置box-sizing属性为border-box通过将元素的box-sizing属性设置为border-box，可以让元素的宽度和高度包括内容、内边距（padding）和边框（border），而不是仅包含内容。这样可以更方便地进行布局设计。.element{box-sizing:border-box;}指定宽度和高度在设
- <p>box-sizing:border-box使width/height包含padding和border，解决布局错位；全局启用推荐*{box-sizing:border-box;}，需统一设置避免flex/grid计算偏差，不影响calc()逻辑但提升可预测性。</p>
- 文章 · 前端 | 1个月前 | 251浏览 收藏
-
- HTML中输出小于号的方法是使用实体编码。在HTML中，小于号（这是一个小于号：<）的正确写法是使用<实体。同样，大于号（>）、与号（&）、双引号（"）和单引号（'）也需要通过对应的实体编码来表示，以确保浏览器能正确解析并显示这些特殊字符，避免因解析错误导致页面出现问题。总结如下：小于号：<大于号：>与号：&双引号："单引
- 会引发语法错误，因为小于号是HTML标签的起始符号，需用实体字符“<”表示。
- 文章 · 前端 | 1个月前 | 261浏览 收藏
-
- ServiceWorkerinstall事件预缓存教程
- ServiceWorker的install事件用于预缓存静态资源，需用event.waitUntil()和版本化缓存名（如static-v1），只缓存稳定资源，避免硬编码哈希文件；推荐逐个fetch+put替代addAll()提升健壮性，并遵守同源与HTTPS限制。
- 文章 · 前端 | 1个月前 | 195浏览 收藏
-
- HTML JSON格式美化技巧与工具使用指南
- HTML中嵌入JSON时需先提取再美化：用正则或sed提取<scripttype="application/json">内的JSON片段，再用jq或Prettier处理；写入时须避免</script>截断和引号转义冲突，推荐分离JSON文件。
- 文章 · 前端 | 1个月前 | 371浏览 收藏
-
- HTML屏幕录制实现方法及代码详解
- 屏幕录制无法通过HTML直接实现，必须依赖JavaScript调用WebAPI；2.核心技术是使用MediaDevices.getDisplayMedia()获取屏幕流，再通过MediaRecorder进行录制和保存；3.常见问题包括用户权限拒绝、浏览器兼容性差异、音频捕获限制、性能开销大、文件体积大以及隐私安全风险；4.录制完成后可通过Blob生成下载链接实现客户端保存，或使用FormData结合fetch上传至服务器；5.大文件应采用分块上传策略以提升稳定性，后端可进行存储、转码、元数据提取等处理；6
- 文章 · 前端 | 1个月前 | 361浏览 收藏
-
- OneDrive同步HTML/CSS项目教程
- 使用OneDrive同步HTML+CSS项目可行，需将项目放入OneDrive文件夹并登录同一账号实现多端同步。应采用英文命名、避免特殊字符，使用相对路径引用资源，如href="css/style.css"。推荐结构：my-website/下分设css、js、images目录。注意同步延迟、文件冲突可能产生副本，且无版本控制功能。建议配合VSCode等编辑器统一环境，手动备份重要版本，进阶用户可结合GitHub实现双重备份与版本管理。
- 文章 · 前端 | 1个月前 | 463浏览 收藏
-
- CSS平滑开关动画实现方法
- 直接对checkboxinput使用transition无效，因其不参与渲染；动画应作用于label::after等可见元素，用transform:translateX()实现平滑滑块位移，并确保交互热区足够、选择器路径正确。
- 文章 · 前端 | 1个月前 | 425浏览 收藏
-
- Element.closest与事件委托实现动态逻辑
- event.target.closest能替代parentNode链式遍历，因为它自动从自身开始向上查找第一个匹配选择器的祖先（含自身），省去手动循环；不跨ShadowDOM，不支持伪元素，且始终返回最近匹配项。
- 文章 · 前端 | 1个月前 | 305浏览 收藏
-
- RemotePlaybackAPI实现异步流媒体控制方法
- RemotePlaybackAPI不处理原始流媒体，仅控制标准媒体元素的可播放资源；需将裸流封装为HLS/DASH/MP4等URL或MediaSource，再通过控制层（API）与数据层（服务端转发）分离实现异步播放。
- 文章 · 前端 | 1个月前 | 392浏览 收藏
-
- 响应式图片适配技巧与实现方法
- <picture>不切换图片是因为浏览器未匹配任何<source>条件而回退到<img>的src；常见原因包括media语法不完整、srcset缺少type或media、遗漏必需的<img>标签，以及type类型不被支持或服务器Content-Type错误。
- 文章 · 前端 | 1个月前 | 367浏览 收藏
-
- Chrome自动填充问题及新版绕过技巧
- Chrome无视autocomplete="off"是设计行为而非bug，自53版起将其降级为弱信号，优先保障自动填充登录安全；有效绕过需用诱饵字段、非法autocomplete值或动态移除属性。
- 文章 · 前端 | 1个月前 | 常见HTML属性兼容性问题有哪些 328浏览 收藏
-
- Temporal提案：时区与夏令时优化方案
- Temporal是必须替换Date的底层模型，因Date在跨时区、夏令时场景下静默修正、丢失时区上下文；Temporal强制显式处理时区、DST和消歧策略，确保时间逻辑精确可靠。
- 文章 · 前端 | 1个月前 | 355浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- ljg-skills
- ljg-skills 是李继刚开源的 AI 技能与提示词集合，面向大模型使用者整理了一批可复用的 prompt、角色设定和任务技能模板，适合用于学习提示词设计、搭建个人 AI 工作流和沉淀团队常用智能体能力。
- 520次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 534次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 491次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 670次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 647次使用
