前端技术文章
-
- 指定框架源文件路径，_FRAME标签SRC设置方法
- <frame>标签的src属性需嵌套在<frameset>中生效，现代浏览器已弃用；常见问题包括结构错误、路径错误及X-Frame-Options拒绝嵌入；应改用<iframe>替代。
- 文章 · 前端 | 5个月前 | html 330浏览 收藏
-
- 有序遍历Map，构建轻量缓存方案
- JavaScript原生Map天然按插入顺序迭代，适合实现轻量缓存：存取删淘汰均可直接利用其顺序特性，无需额外排序或时间戳，结合容量限制与惰性TTL过期可构建50行内零依赖缓存类。
- 文章 · 前端 | 5个月前 | 124浏览 收藏
-
- HTML制作矩形词云教程详解
- 矩形词云需用JavaScript在canvas或svg中逐词计算位置、避让与旋转实现，CSSflex/grid无法满足语义权重、动态避让、旋转及响应式重布局等核心需求。
- 文章 · 前端 | 5个月前 | 461浏览 收藏
-
- CSS伪元素打造浮动装饰效果全解析
- 使用::before和::after结合position可实现无需额外标签的浮动装饰。1.父元素设为relative，伪元素用absolute定位实现精确布局；2.通过@keyframes动画配合transform和opacity模拟上下浮动与渐变效果；3.同时使用两个伪元素创建多层装饰，如投影与高光，并用z-index控制层级；4.注意设置content、合理使用transform优化性能，避免过度动画以保持界面清爽。
- 文章 · 前端 | 5个月前 | 128浏览 收藏
-
- HTML input 的 inputmode 属性用于控制移动端虚拟键盘的类型，提升用户体验。以下是详细用法和示例：一、inputmode 属性简介inputmode 是 HTML5 中新增的一个属性，用于指定输入框在移动设备上应显示哪种类型的虚拟键盘。它可以帮助开发者优化用户输入体验，特别是在移动端。支持的值（常见）：值说明text默认，普通文本键盘none不显示键盘（适用于隐藏输入框）tel数
- inputmode是移动端软键盘提示属性，非强制指令；仅在触屏环境且配合type="text"类型时稳定生效，iOS16.4+和部分安卓输入法支持有限，真机测试更可靠。
- 文章 · 前端 | 5个月前 | 240浏览 收藏
-
- ESM模块异步加载流程图解析
- ESM解析与执行按依赖图拓扑排序进行：先并行加载、依赖受限解析（子模块优先），再批量链接建立实时绑定，最后深度优先后序遍历执行（叶子优先）。
- 文章 · 前端 | 5个月前 | 122浏览 收藏
-
- 构造函数闭包内存占用识别方法
- 构造函数内定义方法会为每个实例创建独立闭包，导致内存重复占用；应改用原型方法或延迟绑定。
- 文章 · 前端 | 5个月前 | 115浏览 收藏
-
- CSS聚焦效果优化：解决黑框问题提升体验
- :focus-visible是解决鼠标点击突兀黑框最干净的方式，但需配合显式outline设置、正确书写顺序（:focus在前重置，:focus-visible在后覆盖）及JS降级方案，否则Safari等旧浏览器将无焦点提示。
- 文章 · 前端 | 5个月前 | 375浏览 收藏
-
- CSS变量实现一键换肤：root动态修改技巧
- 直接在:root改CSS变量值不生效，主因是变量被更高优先级选择器覆盖或作用域错位；需用开发者工具查“Computed”中变量来源，并确保所有样式均使用var()引用而非硬编码值。
- 文章 · 前端 | 5个月前 | 375浏览 收藏
-
- CSSfloat实现多元素一行布局详解
- float让元素排成一行失败的核心原因是脱离文档流致父容器塌陷；需触发BFC（如overflow:hidden）、子元素设width、慎用clear:both位置、响应式中须重置float/clear。
- 文章 · 前端 | 5个月前 | 139浏览 收藏
-
- 避免CSS嵌套过深，BEM结构降权技巧
- 最有效解法是用.block__element--modifier替代深层嵌套选择器，BEM本质是将DOM层级“翻译”为类名结构，实现浏览器单次匹配、开发者快速定位。
- 文章 · 前端 | 5个月前 | 491浏览 收藏
-
- CSS模态框居中：fixed加transform实现方法
- transform:translate(-50%,-50%)配合position:fixed能居中，是因为fixed使元素脱离文档流并相对于视口定位，而translate的百分比基于自身宽高，结合left:50%和top:50%将左上角移至视口中心后再反向偏移一半尺寸，实现视觉居中。
- 文章 · 前端 | 5个月前 | 322浏览 收藏
-
- 防抖节流原理与实战应用解析
- 防抖和节流用于控制函数执行频率。防抖通过延迟执行，确保事件连续触发后仅执行一次，适用于搜索框输入等场景；节流通过时间间隔控制，保证单位时间内最多执行一次，适合滚动加载、按钮防重等高频事件处理。
- 文章 · 前端 | 5个月前 | 防抖 节流 181浏览 收藏
-
- 实时Markdown编辑器前端实现详解
- 答案：实现实时Markdown编辑器需通过前端JavaScript监听输入并即时解析渲染。首先搭建包含textarea和预览区的HTML结构，利用CSS实现分栏布局；引入marked.js库将Markdown文本转为HTML；通过input事件实时调用marked.parse()更新预览内容；可添加防抖优化性能，结合highlight.js实现代码高亮，并注意XSS防护与用户体验细节。
- 文章 · 前端 | 5个月前 | 347浏览 收藏
-
- HTML平滑滚动与交互优化技巧
- html{scroll-behavior:smooth}必须作用于html元素，因浏览器主滚动容器是html而非body；写在body上无效，属最常见错误；需检查DevTools中html元素的computed样式是否生效，并排除重置样式、系统偏好及目标元素可见性等干扰因素。
- 文章 · 前端 | 5个月前 | 283浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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模型性能。
- 1015次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 1019次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 1145次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 1120次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 960次使用
