前端技术文章
-
- CSS margin: auto 水平居中使用方法
- margin:auto实现水平居中的核心是设置固定宽度的块级元素且不脱离文档流，浏览器自动分配左右外边距使其居中；需满足元素宽度非100%或auto，且无float、absolute等脱离文档流行为；常用于居中布局主容器、卡片、表单等，配合max-width可响应式适配；若未生效，可能因宽度未设、使用了float/flex/absolute布局或父容器限制导致。
- 文章 · 前端 | 4个月前 | 382浏览 收藏
-
- HTML仿微博动态页面布局教程
- 必须用语义化div+CSS（推荐Flexbox或Grid）替代table布局微博页面，否则无法满足响应式、无障碍、SEO及现代CSS特性支持等基本要求。
- 文章 · 前端 | 4个月前 | 247浏览 收藏
-
- JavaScript如何与后端交互？AJAX基础教程
- AJAX是使用XMLHttpRequest或fetchAPI实现异步通信的编程方式，核心是不阻塞JS执行；fetch基于Promise，推荐用于GET/POST请求，需注意状态码判断和响应解析；XMLHttpRequest兼容旧浏览器，需手动处理状态与数据解析。
- 文章 · 前端 | 4个月前 | 159浏览 收藏
-
- CSS清除默认边距：重置margin和padding为0
- 直接设body{margin:0;padding:0;}不够用，因浏览器对h1、ul、form等元素有独立默认边距；需配合box-sizing:border-box并重置关键元素或选用normalize.css。
- 文章 · 前端 | 4个月前 | 135浏览 收藏
-
- HTML中如何监听元素焦点变化
- focus/blur是监听元素获得/失去焦点最直接可靠的方式，仅在实际键盘/鼠标聚焦时触发，需元素可聚焦（如设tabindex）；推荐addEventListener而非onfocus属性，focusin/focusout支持事件委托。
- 文章 · 前端 | 4个月前 | 489浏览 收藏
-
- 多级导航菜单布局与层级显示逻辑
- 子菜单不显示的主因是父级未设position:relative导致z-index失效；需同时满足父级relative定位、子菜单absolute+合理z-index，且避免overflow:hidden；移动端应改用:focus-within或checkbox模拟，注意IE11需JSfallback并添加ARIA属性。
- 文章 · 前端 | 4个月前 | 378浏览 收藏
-
- 如何设置CSP frame-ancestors防嵌套
- Content-Security-Policy的frame-ancestors指令必须通过HTTP响应头设置，<meta>标签无效；值需加引号并以分号结尾，如frame-ancestors'self'；其会完全覆盖X-Frame-Options，不可混用。
- 文章 · 前端 | 4个月前 | 236浏览 收藏
-
- CSS瀑布流入场动画技巧：nth-child递增延迟实现
- 瀑布流元素入场动画不能只靠统一animation-delay，因各列高度不一导致视觉顺序与DOM顺序错位；必须按实际渲染顺序递增延迟，:nth-child(n)适用于纯CSS多列布局，不适用于JS布局或GridMasonry。
- 文章 · 前端 | 4个月前 | 313浏览 收藏
-
- 动态构建多态模块实例的import()参数技巧
- 可通过import()动态加载模块实现环境嗅探：先用条件逻辑确定路径再调用import()，封装为返回Promise的工厂函数，确保各环境模块接口一致，并在开发中结合HMR优化热更新。
- 文章 · 前端 | 4个月前 | 272浏览 收藏
-
- Less实现自适应长宽比容器方法
- 原生aspect-ratio已稳定支持，但需用Less封装@supports降级方案：输出aspect-ratio属性的同时，对不支持环境采用padding-top+绝对定位的伪元素技巧，并注意font-size:0避免空白间隙。
- 文章 · 前端 | 4个月前 | 149浏览 收藏
-
- margin: auto 为什么能居中？flexbox 原理详解
- margin:auto在flex容器中能居中是因为它会吞噬主轴和交叉轴的剩余空间；前提是父容器为flex且子元素未设置flex-grow/shrink，且交叉轴尺寸必须可计算。
- 文章 · 前端 | 4个月前 | 272浏览 收藏
-
- iPhone测试HTML5页面方法与技巧
- 需借助原生调试工具与特定测试流程验证HTML5页面在iOSSafari中的渲染、交互及性能：一、Safari远程调试；二、控制台日志输出；三、iCloud同步与本地服务器预览；四、第三方云端服务；五、特性检测与降级提示。
- 文章 · 前端 | 4个月前 | 316浏览 收藏
-
- Set 与 Array.from 快速去重技巧
- Array.from(newSet(arr))是原始值数组去重的最优解，时间复杂度O(n)，底层哈希优化，100万数据仅约3.2ms；而filter+indexOf为O(n²)，同场景慢260倍，且无法正确处理NaN。
- 文章 · 前端 | 4个月前 | 173浏览 收藏
-
- 响应式导航栏实现方法：Media Queries适配技巧
- 结论：用@media(min-width:768px)控制桌面端显示、移动端默认隐藏+checkbox触发展开最稳；必须加viewportmeta标签，断点单位不能漏px，避免用a或submit按钮触发跳转，max-height过渡需设足够值，且移动端样式应写在媒体查询外作为默认。
- 文章 · 前端 | 4个月前 | 497浏览 收藏
-
- 网页中，侧边辅助信息通常通过
- aside应紧邻相关主内容使用，仅用于语义上关联但非核心的旁支信息，如文章末尾作者简介、代码旁注意事项等；不可脱离上下文单独置于body外层或页脚。
- 文章 · 前端 | 4个月前 | 207浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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模型性能。
- 338次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 397次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 390次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 355次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 180次使用
