前端技术文章
-
- 如何将 data-url 动态注入 href 实现中键点击新标签页打开
- 本文介绍一种基于Tampermonkey的轻量级解决方案，通过JavaScript自动提取<a>标签中的data-url值并写入href属性，使原本禁用中键点击的链接恢复「Ctrl+左键」或鼠标中键在新标签页打开的功能。
- 文章 · 前端 | 1个月前 | 434浏览 收藏
-
- 如何为聊天机器人消息气泡中的多个评分按钮实现索引化提交
- 本文介绍在聊天机器人界面中为多个动态生成的消息气泡添加独立可追踪的点赞/点踩按钮，通过data属性替代ID索引实现精准事件识别与状态管理，确保每次评分能准确关联到对应消息并持久化至数据库。
- 文章 · 前端 | 1个月前 | 117浏览 收藏
-
- IE浏览器html5页面错乱_理顺IE的html5显示法【整理】
- IE9–IE11原生不识别HTML5语义标签，需用html5shiv通过document.createElement注册标签并配合CSS显式设display:block；IE8及以下会忽略标签仅保留文本；IE10+虽支持标签但Flex/Grid兼容性差，须加前缀或降级处理。
- 文章 · 前端 | 1个月前 | 104浏览 收藏
-
- HTML怎么实现学习路径难度标识_HTML初/中/高星级显示【详解】
- 推荐用data-level属性配合CSS伪元素生成星级标识，如.difficulty[data-level="2"]::before{content:"★★";color:#4a90e2;}，兼顾轻量、可维护与语义化。
- 文章 · 前端 | 1个月前 | 270浏览 收藏
-
- HTML中实现多语言国际化页面的结构设计与切换方案
- 用data-i18n标记元素+JSON语言包管理多语言文本，解耦翻译与结构；优先textContent更新文字，避免innerHTML导致事件丢失；切换时局部刷新并同步更新document.documentElement.lang及Intl格式化实例。
- 文章 · 前端 | 1个月前 | 428浏览 收藏
-
- 如何通过HTML的Lottie的loadAnimation方法播放AE导出的JSON动画
- loadAnimation基本调用正确，但默认不自动播放需显式设autoplay:true；容器必须存在且具宽高，path与animationData二选一，renderer默认svg，JSON须由Bodymovin5.7+导出。
- 文章 · 前端 | 1个月前 | 124浏览 收藏
-
- 如何利用“模块聚合器”模式在入口处统一治理所有异步依赖的并发加载时序
- “模块聚合器”模式通过中心化节点统一治理异步依赖加载时序，基于DAG建模依赖关系，分预热、并发、串行、聚合四阶段调度，并集成可观测、熔断、灰度等能力。
- 文章 · 前端 | 1个月前 | 205浏览 收藏
-
- 网页中如何制作下拉选择框_select与option标签构建标准菜单
- 可用的下拉框需用<selectname="xxx">包裹多个<optionvalue="val">文本</option>，name确保提交字段，value指定提交值，selected设默认项，disabled可禁用整体或单选项。
- 文章 · 前端 | 1个月前 | 430浏览 收藏
-
- 怎么通过HTML的Intl.DateTimeFormat按语言区域格式化日期时间
- Intl.DateTimeFormat的locale参数需传入符合BCP47标准的完整语言区域标识（如"zh-CN"、"en-US"）才生效；传"zh"或"en"可能降级至默认行为，推荐使用navigator.language获取的值或显式指定带地区后缀的locale。
- 文章 · 前端 | 1个月前 | 185浏览 收藏
-
- CSSsticky定位与Flex布局结合应用_滚动与布局协调
- sticky定位与Flex布局结合可实现滚动中稳定的导航结构。通过position:sticky使元素在滚动时吸附视口，受限于父容器且需设置top等阈值；Flex布局利用display:flex构建弹性框架，flex-direction控制方向，flex-grow/shrink分配空间；典型应用如header固定顶部、content区域独立滚动，代码示例中container设为flex列布局并占满视口，header添加sticky与z-index确保置顶显示，content设overflow-y:auto
- 文章 · 前端 | 1个月前 | 113浏览 收藏
-
- JavaScript如何实现数组去重_有哪些常用方法解决重复元素问题
- JavaScript数组去重有Set、filter+indexOf、reduce及对象按key去重四种方法：Set最简洁高效但仅适用于原始类型；filter+indexOf兼容旧浏览器但性能为O(n²)；reduce灵活可扩展；对象去重需指定唯一key字段。
- 文章 · 前端 | 1个月前 | 369浏览 收藏
-
- 如何打包代码_现代javascript项目如何构建【教程】
- 现代JavaScript项目应选对工具链：新项目用Vite（启动快、热更新准），旧Webpack项目或需IE11/UMD/动态require则留用Webpack；vitebuild默认用Rollup处理define、public目录和hash文件名；部署前须检查base路径、outDir与Nginx配置一致、HTML中script标签是否由Vite自动注入。
- 文章 · 前端 | 1个月前 | 455浏览 收藏
-
- HTML页面布局与性能监控：从结构视角看瓶颈
- HTML结构直接影响首屏渲染性能：未压缩HTML、同步脚本、内联样式、DOM节点过多、px单位滥用等均导致延迟与掉帧；需压缩HTML、移除阻塞资源、用虚拟滚动/Canvas、vh/vw单位及动态rem适配，并从HTML顶部埋点监控。
- 文章 · 前端 | 1个月前 | 444浏览 收藏
-
- html5怎么设置边框实线_设实线边框后点击区变小咋修【操作】
- 根本原因是box-sizing:content-box导致边框额外增加尺寸，使内容区被压缩；应改用border-box并确保border三要素齐全、合理设置padding、检查outline干扰。
- 文章 · 前端 | 1个月前 | 371浏览 收藏
-
- 如何利用“非贪婪量词 +?”实现对原始文本中嵌套括号内容的精准提取
- 非贪婪量词+?无法解决嵌套括号提取，仅适用于单层或已知不嵌套场景；因其依赖线性匹配，不能识别括号层级或计数平衡；真正处理嵌套需用递归正则、栈解析或专用解析器。
- 文章 · 前端 | 1个月前 | 451浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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 工作流和沉淀团队常用智能体能力。
- 613次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 628次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 599次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 764次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 751次使用
