前端技术文章
-
- Intl.DisplayNames 本地化名称转换教程
- Intl.DisplayNames比toLocaleString更适合查名称,因为它专为“反查”设计,可直接通过类型(region/language/currency)和标准代码(如"US"/"zh"/"USD")获取本地化全称,而toLocaleString仅能格式化已有值,无法反向映射。
- 文章 · 前端 | 3个月前 | 225浏览 收藏
-
- CSS自定义滚动条样式方法详解
- ::-webkit-scrollbar在Firefox中无效,因其仅支持WebKit/Blink内核浏览器(Chrome、Edge、Safari),Firefox则使用scrollbar-width和scrollbar-color属性替代,且必须作用于html或body元素。
- 文章 · 前端 | 3个月前 | 289浏览 收藏
-
- 自定义Bootstrap按钮悬停背景色方法
- Bootstrap5按钮hover背景色不生效,因:focus/:active样式覆盖或权重更高;应同时定义:hover/:focus/:active三态,提高选择器特异性,并适配深色模式及Sass变量定制。
- 文章 · 前端 | 3个月前 | 111浏览 收藏
-
- 零依赖库构建指南:支持Tree-shaking的现代JS实践
- 答案:构建零依赖且支持Tree-shaking的JS库需使用ES模块语法、声明module入口、标记sideEffects为false,并通过Rollup等工具打包输出ESM和CJS格式,避免动态导入与第三方依赖。
- 文章 · 前端 | 3个月前 | 173浏览 收藏
-
- CSS按钮禁用样式怎么设置?
- 按钮禁用状态加:disabled没反应,主因是目标元素非原生可禁用控件(如div/span),仅button/input/select/textarea支持disabled属性和:disabled伪类;应优先使用语义化原生按钮并正确设置disabled布尔属性。
- 文章 · 前端 | 3个月前 | 285浏览 收藏
-
- HTML requestAnimationFrame实现逐帧动画教程
- requestAnimationFrame更适合逐帧动画,因其由浏览器调度、对齐刷新率、避免错帧掉帧、支持后台节流;需手动闭环调用、结合时间戳实现匀速运动,并避免强制同步布局操作。
- 文章 · 前端 | 3个月前 | 251浏览 收藏
-
- Flex布局最后一行对齐问题解决方法
- justify-content在flex换行后并非失效,而是仅作用于每行内部;末行对齐需用grid、gap+margin、占位符或JS动态补全等方案实现。
- 文章 · 前端 | 3个月前 | 327浏览 收藏
-
- integrity属性在不支持的浏览器会阻塞加载吗?SRI兼容策略解析
- 不支持SRI的浏览器直接忽略integrity属性,资源照常加载执行,既不校验也不报错;老版本IE、Android4.4及更早WebView等完全不识别该属性。
- 文章 · 前端 | 3个月前 | 常见HTML属性兼容性问题有哪些 143浏览 收藏
-
- 自定义 Babel 注入 SDK 性能打点方法
- 可在Babel编译期自动注入SDK性能打点逻辑,无需改业务代码;通过AST匹配CallExpression节点识别目标调用(如AlipaySDK.pay),插入start/end计时及上报,支持Promise/回调/异常捕获,零依赖、不污染全局、可配置白名单。
- 文章 · 前端 | 3个月前 | 357浏览 收藏
-
- 返回顶部按钮怎么加\_HTML锚点与JS实现
- 使用HTML锚点或JavaScript可实现返回顶部功能。HTML锚点通过<ahref="#top">跳转,简单但无平滑效果;JavaScript调用window.scrollTo({top:0,behavior:"smooth"})实现平滑滚动,并可结合滚动事件控制按钮显示,提升用户体验。建议固定定位按钮于右下角,初始隐藏并按滚动距离显示,适配移动端与可访问性,避免固定头部遮挡内容。
- 文章 · 前端 | 3个月前 | html HTML5 486浏览 收藏
-
- CSS浮动打造响应式侧边栏,媒体查询调整浮停方向
- 浮动侧边栏小屏下不堆叠的解决方法是:在@media中将.sidebar和.main-content设为float:none、width:100%并加box-sizing:border-box;仅改width不够,须同步清空padding、border、margin;calc()在小屏易出错,建议改用width:100%或flex;动画应避免transitionwidth,改用transform:translateX()提升性能。
- 文章 · 前端 | 3个月前 | 160浏览 收藏
-
- HTML CSS空元素样式设置技巧
- :empty仅匹配无任何子节点(含空格、换行、注释)的元素,常因DOM中隐式插入内容而失效;需配合::before/after实现占位,或改用:not(:has(*))、JS判空、data属性等兼容方案。
- 文章 · 前端 | 3个月前 | 150浏览 收藏
-
- HTML5代码怎么运行?完整步骤指南
- 首先将HTML代码保存为.html文件,再用浏览器直接打开即可查看效果;若需调试动态功能,可使用VSCode的LiveServer插件或通过Node.js搭建本地服务器运行。
- 文章 · 前端 | 3个月前 | 265浏览 收藏
-
- 在文本中插入小型引用 _CITE 标签标注作品标题时,通常用于学术、写作或内容编辑场景,以标记引用来源。以下是一个符合你要求的示例:示例:《阿尔比恩异教徒要塞在哪》是《艾尔登法环》中的一个关键地点,玩家需要通过特定任务才能进入。引用标注:《_CITE{阿尔比恩异教徒要塞在哪}》是《艾尔登法环》中的一个关键地点,玩家需要通过特定任务才能进入。说明:\_CITE{} 是一种常见的引用标签格式,用于标记
- <cite>标签仅语义化包裹被引用作品的正式标题(如书名、电影名等),不可含作者、URL、年份等元数据,且必须置于blockquote、q或描述性语句等引用上下文中使用,脱离语境则丧失语义价值。
- 文章 · 前端 | 3个月前 | 449浏览 收藏
-
- HTML制作母婴商城页面|零基础建站教程
- 零基础可一天上线母婴商城静态页:用语义化HTML+CSS实现商品列表,突出年龄、材质、认证等关键信息,价格用class="price"标记,图片带描述性alt,响应式用Grid/Flex布局,购买按钮跳转真实buy.html并解析URL参数展示商品名,必加viewportmeta和触控适配,信息颗粒度需源自产品说明书与国标。
- 文章 · 前端 | 3个月前 | 357浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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 工作流和沉淀团队常用智能体能力。
- 4970次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
- 4525次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
- 4475次使用
-
- 剧云
- 剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
- 4721次使用
-
- 万象有声
- 万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
- 4671次使用

