全部内容
JS异步观察目标元素方式完成分页加载

本文介绍利用IntersectionObserver API替代传统滚动条计算来实现分页加载。通过监听目标元素与视口的交叉状态,仅在元素进入指定阈值时触发数据请求。针对反复交叉导致的重复请求问题,提供了基于isLoading开关隐藏监听元素的解决方案,提升现代浏览器中的加载效率与兼容性。

10.25
热度 620
JS requestVideoFrameCallback() 实现视频帧同步绘制案例

本文通过简单案例演示如何使用 JavaScript 的 requestVideoFrameCallback() 方法,实现视频播放与 Canvas 画布绘制的帧率同步。代码展示了如何获取视频元数据并在画布上实时渲染视频帧,保持画面一致。

10.25
热度 395
ECharts X轴标签显示控制与样式定制详解

本文详细介绍在ECharts中如何控制X轴标签的显示数量与样式。通过设置showMinLabel和showMaxLabel确保首尾日期可见,利用interval属性限制中间刻度显示,并结合formatter与rich富文本功能,实现标签内容的自定义格式化及超出轴线范围的视觉裁剪,满足复杂图表的美化需求。

10.25
热度 245
JavaScript 三种常用弹出框:alert、confirm 与 prompt 详解

本文详细介绍 JavaScript 中三种常用的浏览器弹出框:alert 提示框、confirm 确认框和 prompt 输入框。通过具体代码示例,解析各弹窗的返回值特性及实际应用场景,帮助开发者掌握基础交互逻辑。

10.25
热度 265
JavaScript 实现自定义鼠标右键菜单

本文介绍如何使用 HTML、CSS 和 JavaScript 实现自定义鼠标右键菜单。通过监听 contextmenu 事件阻止默认行为,动态定位并显示自定义菜单 DOM,结合 CSS 控制样式,最后通过点击事件处理不同菜单项的逻辑。

10.25
热度 448
JavaScript 获取 URL 参数的方法

本文介绍如何在 JavaScript 中直接获取 URL 请求参数。通过 window.location.search 提取问号后的字符串,并利用正则表达式解析特定参数值。文中提供了完整的 getUrlParam 函数代码及调用示例,无需后台配合即可在前端实现参数获取。

10.25
热度 491
ECharts饼图指示器文字颜色设置不同实例详解

本文详解如何在ECharts中实现饼图指示器文字颜色与对应扇区颜色一致。通过修改data数组中各项的label属性,可避免全局配置导致的颜色单一问题。同时介绍了饼图位置调整需使用series.center属性,而非grid。

10.25
热度 522
深入解析 JavaScript 中 ES Module 与 CommonJS 的区别及用法

本文详细对比了 JavaScript 中 ES Module 与 CommonJS 的核心差异。涵盖命名导出、默认导出、重导出语法,解析 live bindings、只读性及严格模式特性。重点阐述 ES Module 编译时静态加载与 CommonJS 运行时值拷贝的区别,并介绍动态 import() 的用法及嵌入式脚本配置。

10.25
热度 475
JS递归遍历查询权限:处理异构权限树结构的解决方案

本文介绍在基于qiankun的微前端项目中,针对层级结构中子菜单键名不一致(如children、functionList等)的权限树,设计并实现了一种基于do-while循环与递归思想结合的遍历算法。通过构建通用的查找模板findMap,利用数组filter方法逐层匹配,实现了对按钮级权限的高效查询,解决了传统递归难以应对异构数据结构的痛点。

10.25
热度 154
基于cornerstone.js实现DICOM医学影像在线预览与交互功能

本文介绍如何利用cornerstone.js及相关库在Web端实现DICOM医学影像的在线预览与交互功能。通过引入hammer.js、cornerstone-core等核心组件,结合HTML5 Canvas技术,实现影像加载、窗宽窗高调整、测量等常用功能。文章提供了完整的代码示例及关键步骤解析,帮助开发者快速搭建基于Web的医学影像查看平台。

10.25
热度 519
一文了解JavaScript中call/apply/bind的使用

本文详细解析JavaScript中call、apply和bind三个函数的核心用法与区别。通过流程图与代码示例,深入讲解如何手动模拟实现这三个方法,重点阐述它们对this指向的影响、参数传递方式以及返回值的差异,帮助开发者彻底掌握函数绑定的底层原理。

10.25
热度 553
JavaScript数组操作:交集、并集与对称差集实现

本文介绍在JavaScript中如何处理数组的交集、并集及对称差集运算。通过封装intersection、union和difference三个核心方法,支持基于对象键值或原始值的集合操作,帮助开发者高效完成数据去重、对比与合并任务。

10.25
热度 134

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署