前端技术文章
-
- CSS颜色打印异常怎么解决？用纯RGB避免透明
- 是的，打印时颜色变灰或消失通常因使用rgba()等含alpha的颜色函数，打印机不支持透明度；应统一替换为rgb()或十六进制色值，并检查SVG、组件库等隐含来源。
- 文章 · 前端 | 4个月前 | 327浏览 收藏
-
- Object.seal 实现 WebSocket 状态原子锁定方法
- Object.seal仅禁止增删属性及修改描述符，不改变writable状态，故可写属性值仍可修改；它不提供原子性、同步或线程安全保证，仅用于单线程下对象结构保护。
- 文章 · 前端 | 4个月前 | 415浏览 收藏
-
- HTML Canvas流体动画效果实现方法
- Canvas流体效果本质是粒子系统加速度场更新：用800–2000个粒子在二维速度场中运动，以显式欧拉法积分，贝塞尔曲线连接邻近粒子；关键在速度场计算、粒子响应与防抖连点逻辑。
- 文章 · 前端 | 4个月前 | 106浏览 收藏
-
- AbortSignal.timeout 实现 fetch 秒级熔断机制
- AbortSignal.timeout仅在Chromium120+、Firefox125+、Safari17.4+原生支持，旧版抛TypeError；需运行时检测，降级须用Promise.race且注明网络层未中断；timeout单位为毫秒但建议配置用秒并校验，Node.js行为与浏览器不等价；熔断需区分错误类型，timeout时error.code为'ABORT_ERR'；并发请求必须独立signal，避免误中断。
- 文章 · 前端 | 4个月前 | 103浏览 收藏
-
- 虚拟 DOM 中 componentInternalInstance 的作用解析
- componentInternalInstance是Vue3中VNode指向其所属组件内部实例的只读属性，承载响应式更新、生命周期调度与渲染上下文管理；仅组件类型VNode有效，普通节点为null。
- 文章 · 前端 | 4个月前 | 233浏览 收藏
-
- CSS悬停交互：hover实现样式变换技巧
- hover伪类不生效主因是父元素无内容或高度为0导致无法悬停；需确保元素可见、未被pointer-events:none拦截，注意移动端无效应改用:active或媒体查询@media(hover:hover)。
- 文章 · 前端 | 4个月前 | 124浏览 收藏
-
- HTML中如何用Intersection Observer检测元素可见性
- IntersectionObserver比getBoundingClientRect更适合检测可见性，因其是浏览器原生异步回调机制，不阻塞主线程且自动节流；而后者需手动轮询或绑定scroll事件，频繁调用易触发重排导致卡顿。
- 文章 · 前端 | 4个月前 | 268浏览 收藏
-
- JavaScript单例模式实现与实例唯一性保障
- JavaScript单例模式核心是确保多次调用始终返回同一实例引用，常用闭包缓存或ES6私有静态字段实现，单线程下天然线程安全，推荐直接导出实例以保证模块级唯一。
- 文章 · 前端 | 4个月前 | 433浏览 收藏
-
-
HTML中ins和del标签用于标记文本的插入和删除，常用于显示文档的修订版本。以下是它们的基本用法：ins 标签作用：表示插入的文本，通常用于显示新增内容。默认样式：通常会以斜体或下划线显示（可通过CSS自定义）。示例：
这是一段原始文本。这是插入的内容。
del 标签作用：表示删除的文本，通常用于显示被删除的内容。默认样式：通常会以删除线显示（可通过CSS自定义 - ins和del是语义化标签，分别表示插入和删除内容，必须成对闭合、正确嵌套并合理设置display样式；diff转HTML需逐行解析与转义；cite和datetime属性须规范使用以保障可访问性与语义准确性。
- 文章 · 前端 | 4个月前 | 350浏览 收藏
-
HTML中ins和del标签用于标记文本的插入和删除，常用于显示文档的修订版本。以下是它们的基本用法：ins 标签作用：表示插入的文本，通常用于显示新增内容。默认样式：通常会以斜体或下划线显示（可通过CSS自定义）。示例：
-
- 移动端CSS媒体查询失效？检查viewport配置是否正确
- 移动端CSS媒体查询不生效，90%以上因viewportmeta标签缺失、位置错误或重复；必须唯一且置于head最前，禁用max-device-width而改用max-width，并排除CSS语法错误与优先级冲突。
- 文章 · 前端 | 4个月前 | 203浏览 收藏
-
- HTML画布编辑区域怎么实现？低代码画布编辑器避坑指南
- 需手动维护世界坐标到像素的映射关系，用ctx.transform()控制缩放平移，鼠标事件需反向计算逻辑坐标，避免重设变换影响UI，禁用DOM模拟以保渲染精度与性能，导出时须处理devicePixelRatio并关闭抗锯齿。
- 文章 · 前端 | 4个月前 | 259浏览 收藏
-
- Atomic CSS如何解决样式覆盖问题
- AtomicCSS并未消除样式覆盖，而是将不可控的权重竞争转为可预测的就近覆盖；所有原子类权重恒为(0,0,1,0)，覆盖仅由HTML中class书写顺序决定，失效主因是拼写错误、响应式未触发、Purge误删或作用域隔离。
- 文章 · 前端 | 4个月前 | 497浏览 收藏
-
- VS2019运行HTML方法步骤详解
- 首先安装Web开发工作负载，再创建或打开HTML项目，设置启动页后通过IISExpress运行，或右键文件在浏览器中直接预览。
- 文章 · 前端 | 4个月前 | HTML运行 VS2019 178浏览 收藏
-
- CSS中RGB颜色怎么设置？255数值配置全解析
- rgb()函数三个参数依次为红、绿、蓝，必须为0–255整数，越界则整条声明静默失效；不可混用单位，不支持透明度及calc()、CSS变量。
- 文章 · 前端 | 4个月前 | 208浏览 收藏
-
- Number.isFinite与isFinite区别解析
- Number.isFinite严格校验数字类型且为有限值，不转换参数；全局isFinite先转数字再判断，存在隐式转换。前者安全明确，后者易引发意外结果。
- 文章 · 前端 | 4个月前 | 421浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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模型性能。
- 256次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 298次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 275次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 253次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 61次使用
