前端技术文章
-
- CSS@import优化与媒体查询加载技巧
- @import必须置于CSS文件开头，可结合媒体查询按设备特性加载样式，如打印、小屏或深色模式，避免冗余下载。但其阻塞渲染、无法并行加载且不支持预加载，性能不如<link>标签。建议优先使用<link>控制关键样式加载，仅在非核心场景（如主题、打印）用@import配合媒体查询实现条件引入，并确保语法位置正确以避免失效。
- 文章 · 前端 | 2个月前 | 450浏览 收藏
-
- JavaScript迭代器与生成器实战解析
- 迭代器模式与生成器函数结合，通过惰性求值实现高效数据流处理。生成器函数以yield暂停执行，按需生成值，避免内存溢出，尤其适合无限序列或大型数据流。传统数组和循环因饥饿求值和状态管理复杂难以应对，而生成器仅在调用next()时计算下一个值，内存占用小、资源消耗低。异步场景中，asyncfunction和forawait...of支持异步迭代，可处理分页请求、事件流等，结合yield可委托其他迭代器，构建灵活的数据管道，提升异步代码可读性与维护性。
- 文章 · 前端 | 2个月前 | 450浏览 收藏
-
- 跨平台HTML工具性能差异实测对比
- 跨平台HTML工具在不同设备上效果差异源于渲染引擎、资源调度与硬件加速支持差异；需通过标准化测试环境、CSS帧率、JS执行时延、WebGL初始化及离线存储吞吐量五步实测分析。
- 文章 · 前端 | 2个月前 | 450浏览 收藏
-
- HTML如何识别Retina屏幕？
- 准确检测Retina屏的核心是window.devicePixelRatio≥2，它是唯一稳定、无需polyfill的原生信号；其他方法如媒体查询、UA解析或宽高比计算均因兼容性或响应性问题不可靠。
- 文章 · 前端 | 1个月前 | 449浏览 收藏
-
- HTML文字不换行技巧：white-space:nowrap使用详解
- text-wrap:nowrap不是标准CSS属性，根本不存在；正确写法是white-space:nowrap，它通过禁止自动换行并合并空格来实现单行显示，需配合width、overflow和text-overflow才能稳定生效。
- 文章 · 前端 | 1个月前 | 449浏览 收藏
-
- 函数解构提升API文档与调用灵活性
- 函数参数解构通过对象解构+默认值实现自解释接口，提升可读性、灵活性与容错性；支持任意调用顺序、新增字段不破坏旧代码、IDE自动提示、嵌套配置分层清晰，并需用默认空对象防御null/undefined。
- 文章 · 前端 | 1个月前 | 449浏览 收藏
-
- HTML弹窗如何用ESC关闭详解
- 原生alert/confirm/prompt不响应Esc键，因其为同步阻塞式API，非DOM元素，不派发任何事件；仅<dialog>支持Esc触发cancel事件，且需showModal()并可preventDefault()拦截。
- 文章 · 前端 | 1个月前 | 449浏览 收藏
-
- HTML进度条颜色修改教程
- progress元素color不生效因其是替换元素，视觉由浏览器UA样式控制；必须用accent-color（Chrome93+/Firefox97+/Safari15.4+）或伪元素（如::-webkit-progress-value、::progress-value）定制样式。
- 文章 · 前端 | 1个月前 | 449浏览 收藏
-
- 在文本中插入小型引用 _CITE 标签标注作品标题时，通常用于学术、写作或内容编辑场景，以标记引用来源。以下是一个符合你要求的示例：示例：《阿尔比恩异教徒要塞在哪》是《艾尔登法环》中的一个关键地点，玩家需要通过特定任务才能进入。引用标注：《_CITE{阿尔比恩异教徒要塞在哪}》是《艾尔登法环》中的一个关键地点，玩家需要通过特定任务才能进入。说明：\_CITE{} 是一种常见的引用标签格式，用于标记
- <cite>标签仅语义化包裹被引用作品的正式标题（如书名、电影名等），不可含作者、URL、年份等元数据，且必须置于blockquote、q或描述性语句等引用上下文中使用，脱离语境则丧失语义价值。
- 文章 · 前端 | 1个月前 | 449浏览 收藏
-
- CSS盒模型与伪元素应用技巧
- CSS盒模型与伪元素::before、::after结合可提升视觉与布局效率。伪元素具独立盒模型，默认为行内元素，可通过display调整类型，依附宿主但可单独设置样式，常用于添加装饰或辅助布局。利用content、padding、border、margin控制空间，可实现角标、双重边框、渐变遮罩等效果；在布局中支持清除浮动、创建三角箭头、扩展点击区域。使用时需声明content属性，注意pointer-events交互设置，避免滥用以保性能，兼顾可访问性。掌握其组合逻辑，能在无额外DOM下实现高效设计。
- 文章 · 前端 | 1个月前 | 449浏览 收藏
-
- HTML中colgroup和col设置表格列样式方法
- col和colgroup不能直接设置文字颜色或背景色，因为col元素不承载内容，仅定义列结构属性，color、background-color等样式基本无效；可靠用法是配合border-collapse:collapse控制列宽和边框，文字样式需通过tbodytd:nth-child(n)、theadth:nth-child(n)等选择器作用于单元格。
- 文章 · 前端 | 1个月前 | 449浏览 收藏
-
- CustomEvent detail 属性安全传递状态方法
- CustomEvent的detail属性需传递不可变、结构清晰的纯数据，发送方用Object.freeze封装并校验类型，接收方必须主动校验字段存在性与类型，配合命名规范和文档约束以避免隐式耦合与数据污染。
- 文章 · 前端 | 1个月前 | 449浏览 收藏
-
- 《原型与this的心法：看清函数调用的“位置”与“方式”》的核心思想是：理解JavaScript中对象行为和上下文的关键在于“原型”和“this”。核心观点可概括为：原型（Prototype）是对象间共享属性和方法的来源，是JavaScript继承机制的基础。this是函数执行时所处的上下文对象，决定了函数内部如何访问数据。关键要点包括：函数调用的“位置”决定this的指向：方法调用（obj.me
- 理解this和原型的关键是观察调用位置与方式：调用位置决定this起点（如obj.fn()中this指向obj，f=obj.fn;f()则丢失绑定），调用方式分普通/方法/构造/显式四种；原型是委托查找链，实例通过__proto__沿prototype链向上查找属性。
- 文章 · 前端 | 1个月前 | 449浏览 收藏
-
- CSS响应式动画切换技巧：媒体查询重定义keyframes
- 浏览器不支持在@media中定义或重定义@keyframes，必须用不同名称的@keyframes配合animation-name在媒体查询中切换，并统一使用小写中划线命名、添加-webkit前缀以兼容旧版Safari和IE11。
- 文章 · 前端 | 1个月前 | 449浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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 工作流和沉淀团队常用智能体能力。
- 4350次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 4030次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 4017次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 4201次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 4170次使用
