全部内容
Vue2+TypeScript+ElementUI 天气预报实战:装饰器通信与接口封装

本文介绍基于 Vue2、TypeScript 和 ElementUI 的天气预报 Demo 实现。重点解析组件间通过 @Emit 和 @Prop 装饰器进行数据传递,利用 @Watch 监听状态变化,并封装 Axios 网络请求及定义 TypeScript 接口以处理返回数据。

2026-10-26 08:43:18
103
终端旅客
Vue集成jsbarcode与qrcodejs2生成及打印条形码二维码

本文介绍在Vue项目中如何使用jsbarcode和qrcodejs2库生成条形码与二维码。详细列出安装引入步骤、参数配置及DOM操作代码。重点解决打印时因重复实例化导致的二维码叠加问题,提供通过移除子节点实现打印前清理的解决方案。

2026-10-26 08:10:10
80
山岚
Vue项目中EventBus全局挂载与通信实现详解

本文详解Vue项目中EventBus的实现流程,涵盖全局挂载、事件注册及触发三个核心步骤。通过在beforeCreate钩子中实例化并绑定原型,实现跨组件通信。结合flow与dataD页面示例,展示动态事件名注册与$emit触发的具体代码用法。

2026-10-26 07:46:53
546
山岚
Vue项目中通过axios封装this.$get/$post等全局方法

本文详解在Vue项目中如何基于axios封装全局HTTP请求方法。通过定义install方法,将封装好的http模块注册为Vue插件,从而在组件中直接使用this.$get、this.$post、this.$put、this.$del及this.$fetch进行数据交互,并支持配置超时与拦截器。

2026-10-26 07:29:00
390
青团子
Vue项目中moment.js常用方法详解与使用指南

本文详细介绍在Vue项目中如何使用moment.js库。涵盖全局挂载与单组件引入两种方式,演示日期初始化、格式化输出、加减运算、获取星期及毫秒数等基础操作。重点解析时间差计算、毫秒转时分秒、日期区间判断(isBetween)及前后比较(isBefore)的高级用法,提供完整代码示例与注意事项。

2026-10-26 07:24:07
624
组件花园
解决React报错Functions are not valid as a React child

本文详细解析了React中“Functions are not valid as a React child”报错的原因及解决方案。主要涉及在render方法中错误返回函数引用而非组件实例,以及在React Router中Route组件的element属性使用不当。通过调用函数和使用正确的JSX语法即可修复该问题。

2026-10-26 07:19:16
558
北岛
JavaScript实现页面跳转并传递参数的两种常用方法

本文介绍JavaScript中实现页面跳转并携带参数的两种主流方式。第一种通过修改URL路径直接拼接查询字符串,适用于简单参数传递;第二种利用SessionStorage在窗口生命周期内存储键值对数据,适合敏感或复杂数据传输。文章提供了具体的代码示例及参数获取方法,帮助开发者根据实际需求选择合适的技术方案。

2026-10-26 07:11:43
216
闭包旅人
Vue项目打包为Windows桌面exe应用的完整流程

本文详细介绍将Vue项目打包为Windows可执行文件(exe)的完整步骤。核心思路是利用Electron作为容器,将Vue构建后的dist目录嵌入其中。关键操作包括修改vue.config.js的publicPath为./以防止白屏,配置main.js加载本地HTML,以及使用electron-packager生成最终安装包。

2026-10-26 07:03:31
255
山岚
JavaScript Generator函数使用分析

本文深入解析JavaScript中的Generator函数,阐述其通过yield关键字实现暂停与恢复执行的核心机制。详细讲解next方法的返回值、向Generator传参的技巧,以及通过yield*实现函数嵌套。最后结合Promise探讨如何利用Generator处理异步网络请求,并引出async/await的演进背景。

2026-10-26 06:29:42
216
青柠
Mock.js安装与使用:实现前后端并行开发

本文详细介绍Mock.js在Vue项目中的安装与配置方法。通过拦截Ajax请求并返回模拟数据,Mock.js帮助前端在接口未就绪时进行并行开发。内容涵盖Mock.mock的四种调用形式、数据模板定义规范(DTD)及占位符使用,助力提升开发效率。

2026-10-26 05:11:24
530
山岚
Rollup 输出的 6 种格式详解:从 IIFE 到 ESM

本文深入解析 Rollup 打包输出的六种格式:IIFE、CommonJS、AMD、UMD、SystemJS 和 ESM。通过对比各格式的代码结构、运行原理及优缺点,明确它们在不同环境(浏览器与 Node.js)下的适用场景,帮助开发者根据项目需求选择最合适的打包策略。

2026-10-26 03:23:10
615
闭包旅人