JavaScript

关注公众号 jb51net

关闭

首页 >> 网络编程 >> JavaScript >> javascript类库

vue EventSource使用及配置请求头、webpack代理配置教程

EventSourcePolyfill是EventSource封装的一个方法,可以配置请求头,安装依赖后,不需要加请求头时直接使用,需要加请求头时可以自定义请求头,基于webpack的vue项目,需要配置代理以解决跨域问题,设置devServer的compress属性为false以实时收到EventSource的消息

vue图片file、base64与blob之间相互转换过程

文章总结了Vue中图片的file、base64与blob的相互转换方法,包括file转base64、base64转file、base64转blob、blob转base64、file转blob以及blob转file,个人经验分享,希望对大家有所帮助

Vue调用后台接口的实现方式

在Vue中调用后台接口的方法主要有三种:使用axios库、VueResource库和fetchAPI,根据需求选择合适的方式进行网络请求

Vue在线预览Excel和Docx格式文件实现方式

Vue-Office是一个适用于Vue2和Vue3的Office文件格式在线预览插件,支持Word、Excel、PDF和PowerPoint等多种文件格式,它提供了简单集成、良好用户体验和性能优化等功能,适用于非Vue框架

vite打包部署图标偶尔乱码的问题及解决过程

文章介绍了在使用Vite+Vue3项目打包时遇到的自定义图标偶尔乱码问题的解决方法,通过研究vite.config.js的配置项,发现将cssMinify设置为false可以解决图标乱码问题,同时并不会显著增加打包文件的大小

vue3上传excel并在线预览的实现

文章介绍了通过将Excel文档的数据处理成HTML表格字符串,实现在线预览的方法,使用了XLSX库中的`sheet_to_html`和`sheet_to_json`函数将Excel工作表转换为HTML表格和JSON格式

vue transition的延时播放实践过程

文章介绍了如何使用JavaScript的`setTimeout`和Vue.js的`v-show`指令实现页面自动播放,并通过CSS的`transition`和`animation`属性控制动画的播放时间

vue使用CSS变量详解

文章讲解了如何在Vue项目中使用CSS变量,包括动态计算值和根据条件计算属性,通过示例展示了如何使用CSS变量来实现动画效果和动态样式

Vue配置文件中的devServer proxy配置全过程

文章介绍了如何在代理服务器中配置axios请求,包括单个接口和多个接口的情况,通过配置proxy,可以将请求转发到不同的后端服务器,并且可以处理跨域请求和路径重写

Vue3的computed用法及说明

文章介绍了如何在Vue.js中使用计算属性,包括只计算不修改值的情况和可以修改的计算属性,对于只计算不修改值的情况,可以直接使用computed方法,对于需要修改的计算属性,计算属性可以传入一个对象,包含get和set函数

Vue3使用axios请求拦截器和vuex设置全局loading方式

本文介绍了如何在Vue.js项目中实现全局loading加载动画,并通过axios拦截器控制loading的显示与隐藏

vue窗口内容滚动到底部实现过程

这篇文章主要介绍了vue窗口内容滚动到底部实现过程,以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家,

vue实现滚动条滚动到底部时发送请求获取数据方式

文章介绍了通过监听滚动事件和判断滚动条位置来实现自动分页加载数据的功能,从而无需手动点击分页按钮,主要原理是通过比较`clientHeight`、`scrollTop`和`scrollHeight`的值,当滚动条滚动到底部时触发下一页数据的加载

vue实现文件流形式的导出下载全过程

Vue项目中下载返回的文件流操作包括:使用Axios请求文件流数据、设置响应类型为'blob'、创建下载链接并触发下载,关键步骤是使用Blob对象和URL.createObjectURL生成下载链接

vue项目使用websocket技术解读

文章介绍了WebSocket的出现背景、特点以及在Vue项目中的应用方法,WebSocket是一种在单个TCP连接上进行全双工通信的协议,适合实时通信场景,在Vue项目中使用WebSocket时,需要注意浏览器兼容性、连接与断开时机以及后端接口的配置

vue流式接口的使用解读(EventSource)

文章主要介绍了如何使用EventSource和WebSocket进行流式请求,以及如何主动关闭流式请求连接,同时,文章还提到了流式接口的要求,包括携带请求头的方法

Vue中选项式和组合式API的使用详解

本文介绍了Vue.js中的两种主要API风格:选项式API和组合式API,选项式API通过在单文件组件中使用,本文结合实例代码对每种方式给大家详细讲解,感兴趣的朋友跟随小编一起看看吧

ESLint在Vue3 + TypeScript中的配置与使用方法

在Vue项目中配置ESLint,可以确保代码风格的一致性和代码质量,这篇文章主要介绍了ESLint在Vue3+TypeScript中配置与使用方法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下

vue如何实现配置vite

本文介绍了在Vue项目中配置Vite的步骤和常见配置项,包括开发服务器配置、路径别名配置、构建配置、CSS配置、环境变量配置及扩展插件的使用,通过这些配置,可以提升Vue项目的开发体验和构建效率

React页面刷新数据不丢失的五种方案

前端开发中,相信大家都遇到过这样的痛点:页面一刷新,辛辛苦苦填的表单数据没了,精心选择的筛选条件重置了,今天我们就来深入探讨React中数据持久化的5大核心方案,从简单到复杂,帮你彻底解决这个难题,需要的朋友可以参考下

vue项目中tsconfig.json的配置项用法介绍

本文介绍了Vue项目中tsconfig.json文件的核心配置项,包括compilerOptions、include、exclude等,通过合理配置这些选项,可以提升TypeScript与Vue单文件组件、工具链的协作效率,增强类型安全性和开发体验,同时,还分享了一些常见问题的解决方法

Vue+(SSE)EventSource实现流式输出过程

文章介绍了如何在Vue项目中使用EventSource和FetchEventSource实现服务器端事件驱动推送,并分享了它们的特点、优势以及使用流程,通过设置请求头和请求方式,解决了EventSource无法设置这些属性的问题

jEasyUI 创建异步树形菜单的实现步骤

本文主要介绍了jEasyUI 创建异步树形菜单的实现步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

一文讲解VUE3 defineProps的使用

VUE3 defineProps是Vue3组件通信的核心工具之一,通过简洁的语法实现了类型安全响应式绑定与灵活的校验配置,下面就来具体介绍一下,感兴趣的可以了解一下

vue中的h函数使用及说明

这篇文章主要介绍了Vue中h函数的使用和虚拟DOM的概念,h函数是Vue中的createElement方法,用于创建虚拟DOM,虚拟DOM是一个普通的JavaScript对象,包含tag,props,children三个属性,通过diff算法,可以追踪DOM的变化,只对变化的DOM进行操作,从而提升性能

vue自定义组件插入到body中的实现方式

文章介绍了如何在Vue中创建一个自定义的notice提醒组件,并将其插入到body中,该组件通过调用`show`方法显示,调用`remove`方法销毁,主要步骤包括创建组件、使用render函数加载、$mount挂载并插入到body中

从原理到实战详解Vue中keep-alive组件缓存的终极指南

这篇文章主要为大家详细介绍了Vue中keep-alive组件缓存的相关原理和具体应用,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起了解一下

VUE3 data()函数详解

Vue 3的data()函数是选项式 API 中声明响应式数据的入口,核心是通过返回对象配合 Proxy 实现响应式,接下来通过本文介绍VUE3 data()函数的相关知识,感兴趣的朋友跟随小编一起看看吧

React Fiber 架构解决页面卡顿问题的全过程

本文从问题与目标、核心数据结构、调度与中断、渲染阶段与提交阶段、优先级与 lanes、并发特性到常见误区与优化建议,全景式拆解 React Fiber,为何它能够显著降低交互卡顿并提升可响应性,感兴趣的朋友跟随小编一起看看吧

Vue dep.notify() 含义及作用详解

dep.notify() 是Vue2响应式系统中触发依赖更新的核心方法,也是理解Vue2 视图“自动更新”的关键,本文给大家介绍Vue dep.notify() 含义及作用,感兴趣的朋友跟随小编一起看看吧

Vue3组件间通信机制方法深入理解

组件通信指的是在Vue应用中,不同组件之间传递数据或触发行为的过程,这篇文章主要介绍了Vue3组件间通信机制方法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下

Vue3实现大文件(图片/视频附件)分片上传的完整指南

这篇文章主要为大家详细介绍了Vue3实现大文件分片上传的完整指南,包括图片,视频附件的高效传输方案,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下

从原理到实践深度解析Vue双向数据绑定的全方位指南

在 Vue.js 生态中,数据绑定是构建动态用户界面的核心机制,本文将深入探讨 Vue 双向数据绑定的实现原理、应用场景、最佳实践及高级技巧,希望可以帮助大家成为 Vue 数据绑定的专家

vue3父子组件数据更新不及时的问题解决方案

文章介绍了在使用props向子组件传值时,如果直接赋值不会导致子组件数据更新的问题,文章提供了解决方案,通过在父组件中使用 nextTick确保数据变化后再调用子组件中的接口,从而保证数据同步更新,感兴趣的朋友跟随小编一起看看吧

使用 Vue Router 进行路由定制和调用的完整示例

文章详细介绍了如何使用Vue Router进行路由定制和调用,涵盖了从创建项目和安装依赖到定制路由、创建视图组件、在主应用中调用路由以及在应用中使用路由的完整过程,感兴趣的朋友跟随小编一起看看吧

Vue.js使用带有对象的 v-model 来创建自定义组件的详细操作

本文介绍了如何在Vue.js中使用带有对象的v-model来创建自定义组件,通过创建一个封装了多个输入字段的自定义组件,并使用计算属性和深拷贝来处理对象状态,可以实现双向数据绑定,感兴趣的朋友跟随小编一起看看吧

Vue动态路由从权限管理到模块化架构深度解析

Vue Router提供了强大的动态路由能力,允许我们在运行时动态添加、删除和修改路由配置,本文将深入探讨Vue动态路由的实现原理、应用场景和最佳实践,感兴趣的朋友跟随小编一起看看吧

Vue Router打造丝滑的滚动控制与惊艳的路由动画

Vue Router 作为 Vue.js 生态中的核心路由解决方案,提供了强大的滚动行为控制和路由过渡动画能力,让我们能够打造出令人印象深刻的用户体验,下面小编就和大家简单介绍一下吧

从入门到精通浅析Vue3内存泄漏排查与性能优化的工具指南

在单页面应用(SPA)无缝交互的背后,潜藏着一个常常被忽视的恶魔-内存泄漏,本文将带你深入了解Vue 3 的内存世界,从响应式系统的底层机制出发,剖析泄漏根源,希望对大家有所帮助

一文带你掌握Vue Router4进行页面跳转处理

Vue Router是Vue.js官方的路由管理器,它能让你用组件化的思维来管理你的页面和视图,这篇文章会带你从零开始介绍Vue Router4处理页面跳转的相关知识吧
上一页共3页:3/3下一页