全部内容
JavaScript中document.querySelector与querySelectorAll详解

本文详解JavaScript中document.querySelector与querySelectorAll方法的使用。前者返回首个匹配元素,后者返回NodeList集合。文章涵盖语法、选择器类型(标签、类、ID)及前缀用法,并介绍通过bind简化全局调用的技巧,帮助开发者高效操作DOM节点。

10.31
热度 113
JS实现滚动触底加载数据的思路与代码(附PC端滚动分页)

本文详细解析了前端滚动触底加载的实现原理,涵盖可视高度、滚动距离与实际高度的计算逻辑。通过Vue示例展示了从基础判断到添加触发阈值、防重复触发及性能优化的完整代码演进过程,适用于PC端滚动分页加载场景。

10.31
热度 208
webpack 自动清理 dist 文件夹的两种实现方法

本文介绍在 webpack 项目中自动清理 dist 文件夹的两种方案。第一种利用 webpack 5 内置的 output.clean 配置,无需额外插件即可实现构建前自动清空旧文件。第二种通过安装并配置 clean-webpack-plugin 插件,适用于需要更灵活清理策略的场景。两种方法均能有效避免构建产物堆积,确保输出目录仅包含最新代码。

10.31
热度 421
Node.js fs-extra模块目录与文件操作详解

本文介绍Node.js中fs-extra模块的常用方法。通过ensureDir和ensureFile可自动创建不存在的目录或文件;emptyDir用于清空目录内容。此外还包含使用remove进行文件删除的示例,帮助开发者简化文件系统管理逻辑。

10.31
热度 155
JS获取视频链接时长的两种实现方案

本文介绍在JavaScript中获取视频时长的两种常见方法。首先通过动态创建Video元素监听loadedmetadata事件,从URL获取在线视频时长;其次基于ng-zorro组件展示上传文件时的时长获取逻辑,利用Audio对象或Video元素解析本地文件元数据。文章包含完整代码示例与注意事项,帮助开发者实现视频上传前的时长校验功能。

10.31
热度 526
JavaScript 读取本地 Excel 与 TXT 文件详解及 Vue 组件实现

本文介绍在 JavaScript 中读取本地 TXT 和 Excel 文件的方法。通过 FileReader API 获取文本内容,利用 xlsx 库以 Array 或 Binary 模式解析 Excel 数据。同时提供基于 Vue 的封装组件示例,支持按钮插槽自定义与函数调用两种交互方式,帮助开发者快速实现文件上传与解析功能。

10.31
热度 260
JS实现Date日期格式本地化的三种方案

本文总结了JavaScript中实现日期本地化的三种主要方式。首先介绍原生API [[wp:a1]] (Intl.DateTimeFormat) 的基础用法与配置选项;其次讲解第三方库 [[wp:a2]] 配合 [[wp:a10]] 插件的使用流程;最后简述手动封装解析Date对象的思路。旨在帮助开发者根据项目需求选择合适的日期格式化方案。

10.31
热度 358
Element UI 表格行按钮点击加载与状态管理实现

本文介绍在 Element UI 的 el-table 组件中,如何实现点击某一行操作按钮后触发加载状态并获取数据的功能。通过维护 isLoading 数组跟踪各行状态,结合 @click 事件与异步 Promise 模拟,实现按钮禁用、文字切换及数据更新。代码示例展示了从模板绑定到方法调用的完整流程,适用于需要行级独立加载反馈的表格场景。

10.31
热度 292
纯JS实现页面返回顶部功能:直接跳转与平滑滚动方案

本文介绍如何使用纯JavaScript实现页面返回顶部功能。对比了直接设置scrollTop为0的即时跳转与使用requestAnimationFrame实现的平滑滚动两种方案。详细解析了按钮显示隐藏逻辑、滚动位置获取及速度控制,并提供完整代码示例与CSS过渡效果建议,优化用户浏览体验。

10.31
热度 135
JS一维数组转多维数组树的方法

本文介绍了在JavaScript中将一维数组转换为多维树形结构的实现方法。通过利用对象映射表(idMap)记录节点,并遍历数组根据parentId关联父子关系,最终构建出包含children字段的完整树结构。文章提供了核心代码逻辑、测试数据示例及调用方式,帮助开发者快速掌握该技巧。

10.31
热度 108
ES6 Object.assign() 方法详解:语法、用法与注意事项

本文详细解析 ES6 中 Object.assign() 方法的语法、基本用法及高级应用场景。涵盖属性合并、对象克隆、方法添加及默认值设置,并深入探讨其浅拷贝特性、不可枚举属性处理、异常中断机制及数组处理等注意事项,帮助开发者正确使用该 API。

10.31
热度 456
Vue实现全局弹窗组件并通过JS动态调用

本文介绍在Vue开发中,如何通过封装Dialog组件并利用Vue.extend动态创建实例,实现通过JS代码直接调用全局弹窗的功能。该方法适用于无需路由跳转的通用场景,如登录提示或消息确认,通过document.body挂载实例即可生效。

10.31
热度 390

标签目录

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 应用部署