前端技术文章
-
- FIMO是否包含画板名称？
- FIMOHTML默认不包含画板名称，因其输出逻辑未将motif_id映射为DOM属性，仅用无语义的自增ID（如fimo-plot-0）；需通过后处理（如Python+BeautifulSoup）结合TSV表格注入data-motif-id属性。
- 文章 · 前端 | 5个月前 | 453浏览 收藏
-
- HTML缓存设置与浏览器缓存优化技巧
- HTML页面缓存必须由服务端HTTP响应头（如Cache-Control、Expires）控制，meta标签无效；因浏览器不解析metahttp-equiv缓存指令，且缓存决策发生在HTML解析前，CDN与代理也忽略meta。
- 文章 · 前端 | 5个月前 | 227浏览 收藏
-
- HTML5中keygen标签已弃用，如何替代？
- <keygen>标签已被所有主流浏览器彻底移除，HTML标准标记为obsolete；因其私钥存储无规范、公钥传输无加密、密钥用途模糊三大硬伤被废弃，推荐用WebCryptographyAPI或WebAuthn替代。
- 文章 · 前端 | 5个月前 | 250浏览 收藏
-
- CSS解决Less路径映射，开启SourceMap调试
- Less编译后无法跳转到.less源文件，根本原因是sourcemap路径未对齐或未被识别：需在less-loader中显式配置sourceMap:true，确保css-loader也开启sourceMap，并验证sourceMappingURL路径可解析、.less文件被开发服务器托管且VSCode工作区路径匹配。
- 文章 · 前端 | 5个月前 | 298浏览 收藏
-
- Intl.Segmenter断句与索引实现技巧
- Intl.Segmenter是基于语言习惯的语义分段API，需按locale和granularity精确配置以支持中文词、日文助词、泰语无空格等场景，并结合偏移量构建索引，混合文本应分区处理，兼容性不足时降级为空格/标点分割。
- 文章 · 前端 | 5个月前 | 187浏览 收藏
-
- HTML标签与属性使用详解
- <img>不加alt会导致浏览器渲染失败、屏幕阅读器无法播报、SEO权重下降；alt是语义必需项，纯装饰图应设为alt=""，链接中的图片需说明目标。
- 文章 · 前端 | 5个月前 | 340浏览 收藏
-
- 返回顶部按钮实现与锚点平滑滚动教程
- 返回顶部功能需用window.scrollTo({top:0,behavior:'smooth'})，确保顶部有id="top"元素、链接href为#top、JS中调用event.preventDefault()；按钮显隐应requestAnimationFrame节流并用display控制，避免iOS兼容问题。
- 文章 · 前端 | 5个月前 | 231浏览 收藏
-
- Symbol类型在JavaScript中的作用是什么？
- Symbol是JavaScript中用于创建唯一不可变标识符的基本类型，核心用途是避免属性名冲突、实现软私有属性、支持全局共享（Symbol.for）及自定义对象行为（如Symbol.iterator）。
- 文章 · 前端 | 5个月前 | 431浏览 收藏
-
- 根据域名动态加载CSS样式配置方法
- 构建时注入环境变量控制CSS行为，Vite通过define传入Sass变量并用@if条件编译，Webpack配合DefinePlugin与sass-resources-loader实现；CDN路径须由JS动态加载或CSS变量管理，禁用运行时JS切换以防FOUC和SSR不一致。
- 文章 · 前端 | 5个月前 | 231浏览 收藏
-
- CSS吸顶效果：sticky与媒体查询实战
- position:sticky在移动端失效主因是父容器设置overflow:hidden/auto/scroll而切断锚定链；媒体查询中改position类型会导致布局跳动；z-index受层叠上下文限制；兼容性差时应优先用IntersectionObserver模拟。
- 文章 · 前端 | 5个月前 | 211浏览 收藏
-
- SCSS循环生成边距类名方法
- 直接用@each遍历map生成边距类更安全语义化；@for仅提供数字索引，无法映射语义名、易致单位拼接错误、难扩展负边距与响应式，且后续调整需重写逻辑。
- 文章 · 前端 | 5个月前 | 193浏览 收藏
-
- CSS滑动面板动画：left与keyframes技巧
- 使用transform和@keyframes实现滑动面板动画，通过translateX控制位移，结合ease缓动和forwards保持状态，优先用transform提升性能，避免重排，并可通过JavaScript控制类名切换动画。
- 文章 · 前端 | 5个月前 | 183浏览 收藏
-
- 多主题切换：动态修改CSS链接方法
- 动态切换多主题样式需通过JavaScript精准替换id="theme-css"的link标签href属性，预加载CSS避免闪动，监听onload/onerror处理加载状态，并用localStorage保存用户偏好实现自动应用。
- 文章 · 前端 | 5个月前 | 426浏览 收藏
-
- CSSGrid与盒模型关系详解
- Grid容器遵循标准盒模型，但子项尺寸由网格轨道和对齐属性共同决定，而非自身width/height；fr单位分配剩余空间，子项stretch时width被忽略，需用align-self:start等显式控制。
- 文章 · 前端 | 5个月前 | 363浏览 收藏
-
- 监听页面缩放：devicePixelRatio检测方法解析
- 应轮询检测window.devicePixelRatio变化：用requestAnimationFrame实现精准、低开销的实时监听，并首次加载时立即执行；resize事件不可靠，因缩放不必然改变窗口尺寸。
- 文章 · 前端 | 5个月前 | 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推荐
-
- PubMedQA
- 深入了解PubMedQA生物医学问答数据集，涵盖其核心功能、使用方法及在临床决策、药物研发等场景的应用，助力提升NLP模型性能。
- 376次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 448次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 457次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 400次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 227次使用
