前端开发
Vue结合ElementUI实现文件、图片、音频及视频预览

本文介绍如何在Vue项目中利用ElementUI组件实现文件预览功能。通过监听文件名后缀判断文件类型,动态渲染audio或video标签,支持图片、音频和视频格式的在线预览,并提供完整的代码逻辑与实现细节。

2026-10-24 07:45:02
82
青山有信
JavaScript/TypeScript 并发请求控制的两种实现方案

本文介绍在JavaScript和TypeScript中限制最大并发请求数的两种实现方式。第一种基于Promise.race机制,通过监控已完成Promise来动态加载新任务;第二种利用async/await与回调队列,当达到并发上限时挂起后续请求。文章包含完整代码示例及执行时间线分析,适用于需要控制网络请求并发量的场景。

2026-10-24 07:28:41
587
拾光
Vue集成vue-quill-editor并实现图片上传至服务器

本文介绍如何在Vue项目中集成vue-quill-editor富文本编辑器,并通过封装全局组件实现图片上传至服务器的功能。详细讲解了安装依赖、配置编辑器选项、重写图片上传处理逻辑以及使用axios发送请求的具体步骤,帮助开发者快速实现富文本编辑与图片存储的完整流程。

2026-10-24 07:19:15
472
小布丁
微信小程序开发集成TypeScript完整指南

本文详细介绍在微信小程序中启用TypeScript支持的两种方法。对于新项目,建议在创建时直接选择TypeScript选项;针对已有项目或云开发模板,可通过配置package.json、tsconfig.json及下载官方类型定义文件,并在project.config.json中设置预处理命令,实现TypeScript代码的编译与运行。

2026-10-24 07:16:28
71
青柠
详解 TypeScript 中 this 的三种用法与类型推导

本文深入解析 TypeScript 中 this 的三种核心用法:this 参数用于限制调用时的上下文类型,this 类型支持链式调用,以及 ThisType 用于构造复杂工厂函数。通过对比 JavaScript 原生行为与 TypeScript 的类型推断机制,详细说明了在对象方法、构造函数及 call/apply 场景下的类型安全处理,并结合 Vue 示例展示 ThisType 的实际应用。

2026-10-24 07:05:37
203
函数茶馆
Vue 结合 sortablejs 实现 Element UI el-table 拖拽排序

本文介绍如何在 Vue 项目中利用 sortablejs 库实现 Element UI 表格(el-table)的行拖拽排序功能。内容涵盖 sortablejs 的安装引入、核心代码配置及样式定义,帮助开发者快速掌握表格交互排序的实现方法。

2026-10-24 06:56:37
651
南栀
使用 TypeScript 快速开发 CLI 的实现示例

本文详细介绍如何使用 TypeScript 结合 Commander 和 Inquirer 库快速构建命令行工具(CLI)。内容涵盖项目初始化、bin 配置、TypeScript 与 Rollup 打包设置,以及实现交互式登录命令和自定义帮助信息的完整流程,旨在帮助开发者高效开发 Node.js 命令行应用。

2026-10-24 06:33:11
440
夜航船
Webpack 核心原理与实战入门指南

本文详细解析 WebPack 作为模块打包工具的核心原理,涵盖其处理 JS、CSS 及静态资源的能力。内容包含安装步骤、webpack.config.js 配置详解(entry、output、loaders、plugins)、命令行使用及开发服务器搭建,帮助开发者快速掌握前端构建流程。

2026-10-24 06:24:21
565
望舒
TypeScript枚举类型详解:数字与字符串枚举、反向映射及const优化实战

本文深入解析TypeScript枚举类型,对比数字枚举与字符串枚举的特性差异,重点讲解反向映射机制及const enum的编译时内联优化。通过实际代码示例,说明何时使用普通enum与const enum,并介绍外部枚举declare enum在类型声明中的应用,帮助开发者写出更优雅高效的TypeScript代码。

2026-10-24 06:08:42
199
拾光
IE8 HTML Parsing Error: Unable to modify parent container before child closed 错误排查

本文分析IE8浏览器中出现的HTML Parsing Error错误,具体表现为在子元素关闭前修改父容器。通过对比代码位置,发现将动态创建并插入body的脚本置于body标签内部会导致解析冲突。解决方案是将该段JavaScript代码移至body标签闭合之后,确保DOM结构完整后再进行操作,从而避免IE8的严格解析检查。

2026-10-24 05:56:58
159
像素猫
Vue 中通过事件绑定获取当前行 ID 的方法

本文介绍在 Vue 中如何通过 v-for 循环绑定点击事件以获取当前行的 productId。同时补充了 Vue 中单击、双击、鼠标及键盘事件的用法,并演示了如何阻止事件冒泡。

2026-10-24 05:16:36
71
白露
Webpack打包优化实战:从构建速度到首屏加载的8个核心策略

本文总结了Webpack项目打包优化的8个关键方法,涵盖按需加载、Loader配置优化、路径解析加速、SourceMap管理、代码压缩、公共代码提取及CDN引入等策略。旨在解决单页应用首屏白屏、依赖包过大及构建缓慢问题,提供从配置到实战的具体实施建议。

2026-10-24 03:41:45
262
缓存笔记