前端技术文章
-
- CSS变量实现暗黑模式配色方案
- 暗色模式应通过:root定义语义化CSS变量，同时用@media(prefers-color-scheme:dark)和html.dark类双路径覆盖，配合localStorage持久化与hsl()控制明暗，避免透明度叠加发灰及filter失真。
- 文章 · 前端 | 4个月前 | 308浏览 收藏
-
- BEM与Utility-first：效率与定制的抉择
- BEM更适用于强语义、高复用、样式深度耦合业务的场景，如多端复用的product-card；而Utility-First适合快速迭代、低抽象需求的营销页或A/B测试页，两者可混合但需严守边界：BEM管结构语义，Utility仅作临时修饰。
- 文章 · 前端 | 4个月前 | 167浏览 收藏
-
- Map关联Blob与File元数据方法解析
- 用唯一键（如临时URL或内容哈希）关联Blob和File元数据，Map中只存业务元数据，封装统一接口处理类型转换与键生成，前端Map仅限当前会话，需结合服务端ID做持久化对齐。
- 文章 · 前端 | 4个月前 | 430浏览 收藏
-
- Vue图片懒加载指令实现教程
- Vue自定义指令v-lazy基于IntersectionObserver实现图片懒加载，预加载进入视口前100px的图片，支持响应式、背景图、降级兼容及加载状态管理，有效减少首屏时间20%~40%。
- 文章 · 前端 | 4个月前 | 148浏览 收藏
-
- 移动端H5响应式CSS怎么用media适配？
- 优先用宽度而非高度做断点，因视口高度受浏览器地址栏动态遮挡影响易误触发，而宽度稳定且与设计稿切图逻辑一致；推荐3–4个max-width/min-width组合断点覆盖主流设备，配合rem布局时应在各断点内直接设置htmlfont-size以确保基准准确。
- 文章 · 前端 | 4个月前 | 334浏览 收藏
-
- CSS多层box-shadow颜色设置技巧
- 可以，box-shadow原生支持逗号分隔的多层阴影，需写在同一声明中，从左到右逐层绘制，近层清晰高透、远层模糊低透，偏移宜一致或缓增，模糊半径须阶梯式增大以模拟景深。
- 文章 · 前端 | 4个月前 | 196浏览 收藏
-
- HTML跑马灯效果实现方法｜marquee标签使用详解
- marquee标签已被HTML5废弃，现代浏览器虽部分支持但不推荐使用；应改用CSS动画实现，需注意white-space、位移范围及动态时长计算。
- 文章 · 前端 | 4个月前 | 317浏览 收藏
-
- JavaScript异步编程与Promise教程
- Promise是ES6引入的异步编程标准对象，用于解决回调地狱、错误处理分散及缺乏统一控制等问题；它表示异步操作的三种状态（pending/fulfilled/rejected），通过newPromise()创建，支持.then()/.catch()链式调用与Promise.all/race/finally等组合方法。
- 文章 · 前端 | 4个月前 | 494浏览 收藏
-
- CSS书本翻页动画制作教程
- rotateY翻页动画歪转是因默认变换原点在元素中心，需设transform-origin:leftcenter或050%锚定边缘；左右页需独立旋转并配preserve-3d；卡顿需will-change、requestAnimationFrame及backface-visibility优化；移动端拖拽应分段映射角度并禁用默认滚动。
- 文章 · 前端 | 4个月前 | 428浏览 收藏
-
- HTML正则测试优化在线工具推荐
- textarea+input实时校验更可靠，因HTML表单pattern仅提交时触发原生提示，而实时监听input事件可即时反馈；需截断长文本、禁用默认提示、动态构造正则时正确转义特殊字符，并避免回溯爆炸。
- 文章 · 前端 | 4个月前 | 352浏览 收藏
-
- CSS页脚贴底难题，flex加margin-top轻松解决
- 页脚贴不住底部的最优解是用flex布局配合margin-top:auto。将html和body设为height:100%，body设为display:flex、flex-direction:column，main设flex:1，footer设margin-top:auto即可。
- 文章 · 前端 | 4个月前 | 161浏览 收藏
-
- Map 实现命名空间隔离的全局事件总线方法
- 用双层Map实现命名空间隔离的EventBus，第一层以namespace为key，第二层以eventtype为key存储回调数组；addListener、emit、off均需传入namespace参数确保隔离性。
- 文章 · 前端 | 4个月前 | 198浏览 收藏
-
- JavaScript修改样式的几种方式
- JavaScript动态改样式有三条路径：直接修改元素style对象适用于临时单次内联控制；切换className适合复用、可维护及响应式场景；操作CSSStyleSheet规则适合运行时生成主题或全局变量注入。
- 文章 · 前端 | 4个月前 | 335浏览 收藏
-
- Next.js是什么？如何实现服务端渲染？
- Next.js通过getServerSideProps在服务端动态获取数据并渲染HTML，实现SSR，提升首屏性能与SEO；它非React替代品，而是增强层，自动处理路由、数据获取等，区别于CSR的空HTML+JS渲染。
- 文章 · 前端 | 4个月前 | 479浏览 收藏
-
- PerformanceObserver监控布局稳定性详解
- CLS是唯一官方布局稳定性指标，需用PerformanceObserver监听layout-shift并设buffered:true；通过entry.sources或affectedElements定位异常元素，聚合上报时过滤hadRecentInput为true的条目，累加value值判断是否超0.1阈值。
- 文章 · 前端 | 4个月前 | 378浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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模型性能。
- 373次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 443次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 450次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 396次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 220次使用
