前端技术文章
-
- CSSmin-width与盒模型实战应用
- min-width不生效的四大主因是盒模型设置、父容器约束、浏览器内置样式及calc()语法错误；需统一box-sizing:border-box、检查flex收缩、重置-webkit-appearance、确保calc空格与变量定义。
- 文章 · 前端 | 4个月前 | 375浏览 收藏
-
- Sass样式优化：命名与结构规范指南
- Sass变量命名应以可维护性优先，采用$color-blue-500、$space-md等带层级和单位的格式；嵌套不超过三层，超层用BEM平铺；mixins所有非核心参数须设默认值；全项目统一使用@use，禁用@import混用。
- 文章 · 前端 | 4个月前 | 238浏览 收藏
-
- Safari Checkbox样式修复技巧
- 在Safari中用appearance:none移除checkbox默认样式可行，但必须搭配::before或::after伪元素重绘且显式设置display:block（或inline-block），否则伪元素不渲染——这是Safari独有的坑。
- 文章 · 前端 | 4个月前 | 366浏览 收藏
-
- HTML转PDF技巧｜网页转PDF实用方法
- Chrome/Edge按Ctrl+P导出PDF排版错乱，根本原因是浏览器默认禁用position:fixed、transform等CSS，忽略非@mediaprint规则并强制分页；须显式添加@mediaprint重置样式、禁用浮动定位、避免vh/vw单位、启用print-color-adjust精确打印背景，SVG/CSS建议转PNG嵌入。
- 文章 · 前端 | 4个月前 | 195浏览 收藏
-
- 高频交互中短闭包GC停顿问题解析
- 关键在于闭包是否意外延长本该即死对象的寿命，尤其当注册为事件监听器、缓存在长生命周期对象中或捕获大尺寸上下文时；需结合GC日志、内存分配追踪与堆快照差异定位高危闭包。
- 文章 · 前端 | 4个月前 | 454浏览 收藏
-
- 动态数字滚动效果实现方法
- 纯CSS无法实现数字动态滚动，必须用JavaScript配合requestAnimationFrame控制数值演进，结合IntersectionObserver触发及正则提取纯数字，确保平滑、精准、低开销。
- 文章 · 前端 | 4个月前 | 485浏览 收藏
-
- CSS圆形头像实现：border-radius与object-fit应用
- border-radius:50%不圆的根本原因是元素宽高不相等；object-fit:cover裁边填满容器，适合头像，contain则保持原图比例留白。
- 文章 · 前端 | 4个月前 | 153浏览 收藏
-
- HTML信号强度图实现教程
- HTML无法直接获取Wi-Fi或蜂窝信号强度，需依赖JavaScript调用navigator.connection等API间接判断网络质量，仅支持effectiveType和downlink，不提供dBm或格数。
- 文章 · 前端 | 4个月前 | 140浏览 收藏
-
- HTML初学者调试与预览技巧
- 最基础的预览方式是双击打开HTML文件，但fetch、ES模块等需本地服务器；常见问题包括保存为.txt、编码非UTF-8无BOM、file://协议限制；推荐LiveServer或http-server；开发者工具中Network和Console优先排查路径与报错。
- 文章 · 前端 | 4个月前 | 417浏览 收藏
-
- 性能监控：从点击到渲染全链路分析
- performance.measure的两个参数必须都已存在，否则静默失败；常见漏打场景包括快速连点、钩子中DOM未就绪、路由跳转mark覆盖；验证需用console.assert检查mark是否存在；“渲染完成”应检测真实DOM内容或LCP，而非仅依赖生命周期钩子；上报须节流、抽样、清理。
- 文章 · 前端 | 4个月前 | 331浏览 收藏
-
- HTML引入外部CSS文件的方法很简单，主要是通过<link>标签在HTML文档的<head>部分引用外部的CSS文件。以下是具体步骤和示例：✅步骤一：创建CSS文件首先，你需要有一个外部的CSS文件，比如style.css，并将其放在与HTML文件相同的目录下，或者在子目录中。例如：/your-project/│├──index.html└──css/└──style.c
- <link>必须放在<head>中，因浏览器流式解析HTML时若将其置于<body>会导致FOUC（无样式内容闪烁）、样式延迟应用甚至不生效，且路径错误、编码BOM等问题也会导致链接失败。
- 文章 · 前端 | 4个月前 | 235浏览 收藏
-
- Bootstrap4按钮水平排列技巧
- Bootstrap4不支持d-inline-flex，应使用.btn-group组件实现按钮并排，因其封装了边框合并、圆角统一和禁用状态联动等关键特性，手动添加display:inline-flex会丢失这些功能。
- 文章 · 前端 | 4个月前 | 309浏览 收藏
-
- CSS首屏优化：content-visibility延迟加载技巧
- 用content-visibility:auto配合contain-intrinsic-size能显著降低首屏渲染耗时，但必须处理好占位尺寸和兼容性，否则滚动会抖、读屏器会漏内容。
- 文章 · 前端 | 4个月前 | 175浏览 收藏
-
- HTML订单备注输入框实现方法
- 订单备注输入框应根据内容长度选择：简短说明用<inputtype="text">，多行备注必须用<textarea>；后者支持换行、滚动和语义正确，配合rows、maxlength及white-space:pre-line确保体验与数据一致。
- 文章 · 前端 | 4个月前 | 213浏览 收藏
-
- JavaScript国际化实现与Intl对象解析
- JavaScript国际化（i18n）主要通过原生Intl对象实现，基于UnicodeCLDR数据提供日期、数字、货币等语言敏感格式化能力，支持locale匹配、fallback及动态切换，无需外部库。
- 文章 · 前端 | 4个月前 | 119浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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模型性能。
- 365次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 420次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 435次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 387次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 214次使用
