前端技术文章
-
- CSSGrid布局教程与实战技巧
- CSSGrid布局通过定义容器、行列尺寸、网格线定位、隐式轨道和区域命名实现复杂二维布局。1、设置display:grid启用布局；2、用grid-template-columns/rows定义列宽行高，支持repeat()函数；3、通过grid-column/row-start/end或简写属性按网格线定位项目；4、超出范围时由grid-auto-rows/columns和grid-auto-flow控制隐式轨道；5、使用grid-template-areas命名区域并结合grid-area分配子元素，
- 文章 · 前端 | 7个月前 | 498浏览 收藏
-
- fixed元素在iframe中显示异常的解决方法
- 需用JavaScript模拟fixed：父页面通过postMessage发送滚动值，iframe内用requestAnimationFrame将元素设为absolute并动态计算top=视口距顶距离−父scrollTop。
- 文章 · 前端 | 7个月前 | 498浏览 收藏
-
- RxJS订阅API后如何安全处理数据
- 本文详解Angular中因异步订阅导致data为undefined的根本原因，并提供两种可靠解决方案：在subscribe内部调用后续逻辑，或改用Promise+async/await实现同步式流程控制。
- 文章 · 前端 | 7个月前 | 498浏览 收藏
-
- 56视频网获取视频HTML代码方法
- 56视频网已于2017年彻底关停，域名失效、服务器关闭、数据库清空，所有上传页、后台及HTML代码均不可访问，现存快照无动态功能，嵌入代码已全部失效。
- 文章 · 前端 | 7个月前 | 498浏览 收藏
-
- 数组嵌套乘积错误及优化技巧
- 本文详解JavaScript中计算二维数组所有元素乘积时因拼写错误（lenght→length）导致结果异常为1的根本原因，并提供从基础修复到函数式编程（for...of、reduce、flat）的四种专业级解决方案。
- 文章 · 前端 | 7个月前 | 498浏览 收藏
-
- GoogleChart添加动态居中文本技巧
- 本文介绍如何通过HTML/CSS/JavaScript在GoogleChart图表上方精准叠加可交互、可动态更新的文本层，无需修改图表数据或依赖注解（annotation），适用于标题增强、状态提示、实时指标等场景。
- 文章 · 前端 | 7个月前 | 498浏览 收藏
-
- 带数字badge怎么创建｜HTML徽章通知教程
- 用纯HTML+CSS实现数字徽章：父容器设position:relative，徽章<span>设position:absolute;top:-6px;right:-6px;background:#ff4757;color:white;font-size:12px;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;，避免overflow裁剪、确保不塌陷、适
- 文章 · 前端 | 7个月前 | 498浏览 收藏
-
- JavaScript构建工具原理与插件开发
- 构建工具通过解析、依赖分析、转换、打包与输出实现自动化构建，其插件系统基于钩子机制，在关键生命周期节点注入逻辑。以Webpack为例，插件通过apply方法挂载到compiler对象，监听如emit等事件，实现资源修改或校验。开发插件需注册对应钩子，如html-webpack-plugin的afterHTMLProcessing，在HTML中注入版本号meta标签。通用设计建议包括避免副作用、提供配置选项、友好报错及跨平台兼容性。掌握流程与调试细节是核心。
- 文章 · 前端 | 7个月前 | 498浏览 收藏
-
- JavaScript弱引用内存优化技巧
- WeakMap和WeakSet通过弱引用机制避免内存泄漏，适用于需动态管理对象且依赖垃圾回收的场景。1.WeakMap以对象为键，不阻止其被回收，常用于存储DOM节点私有数据、缓存计算结果或模拟私有属性；2.WeakSet用于标记活动对象，如防止重复处理或跟踪事件监听元素；3.两者均不可遍历、无size属性、仅支持对象类型，调试困难，故应在确需弱引用时使用，以提升内存性能。
- 文章 · 前端 | 7个月前 | 498浏览 收藏
-
- HTML5进度条颜色修改技巧
- HTML5<progress>元素样式需用伪元素定制：Chrome/Edge/Safari用::-webkit-progress-bar和::-webkit-progress-value，Firefox用::progress-bar和::progress-value，IE需降级处理，并统一设置height、appearance及无障碍属性。
- 文章 · 前端 | 8个月前 | html5网站模板怎么修改 498浏览 收藏
-
- CSS下拉菜单动画优化方法
- max-height过渡比height过渡更可靠，因height无法从0过渡到auto，而max-height可用足够大的固定值实现平滑动画；需JS动态测量真实高度并配合will-change、setTimeout等确保流畅性与兼容性。
- 文章 · 前端 | 8个月前 | 498浏览 收藏
-
- CSS文本对齐详解：text-align居中左对齐右对齐
- text-align仅对行内内容和行内块级元素有效，对块级子元素无效；需用margin:0auto、Flexbox等方案实现块级元素居中。
- 文章 · 前端 | 8个月前 | 498浏览 收藏
-
- JavaScript作用域链详解教程
- var定义函数作用域并提升声明但不初始化，let/const定义块级作用域且存在暂时性死区；隐式全局和eval/with会破坏作用域链静态性。
- 文章 · 前端 | 8个月前 | 498浏览 收藏
-
- ASP生成HTML5视频无法播放解决方法
- 根本原因是ASP生成的HTML中src路径错误或IIS未正确配置视频MIME类型；需用F12Network验证请求是否200OK，检查路径拼接是否混用物理路径与URL，并为.mp4、.webm等扩展名在IIS中添加video/mp4等对应MIME类型且重启应用池。
- 文章 · 前端 | 8个月前 | 498浏览 收藏
-
- 循环绑定事件常见问题及解决方法
- 本文详解为何在for循环中为多个单选按钮绑定onclick会导致所有点击都触发同一值（如始终弹出undefined或最后一个值），并提供使用addEventListener和事件委托的现代、可靠解决方案。
- 文章 · 前端 | 8个月前 | 498浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- PubMedQA
- 深入了解PubMedQA生物医学问答数据集，涵盖其核心功能、使用方法及在临床决策、药物研发等场景的应用，助力提升NLP模型性能。
- 479次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 535次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 558次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 507次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 328次使用
