SpringBoot / Vue 对SSE的基本使用(简单上手)
2024-02-01SSE技术是基于单工通信模式,只是单纯的客户端向服务端发送请求,服务端不会主动发送给客户端。服务端采取的策略是抓住这个请求不放,等数据更新的时候才返回给客户端,当客户端接收到消息后,再向服务端发送请求,周而复始。注意:因为eventSource对象是SSE的客户端,可能会有浏览器对其不支持。是 HTML5 遵循 W3C 标准提出的客户端和服务端之间进行实时通信的协议。浏览器建立的连接中会看到服务器推送到客户端的消息内容及ID等基础信息。是 HTML5 的一部分,提供了一种双向通信的机制。_vue sse
打造专业级ChatGPT风格聊天界面:SpringBoot与Vue实现动态打字机效果,附完整前后端源码
2024-01-26打造专业级ChatGPT风格聊天界面:SpringBoot与Vue实现动态打字机效果,附完整前后端源码。Web开发的世界永远充满惊喜,不是吗?每当我们认为自己掌握了所有的技巧和工具,总会有新的技术出现,挑战我们的知识库。今天,我们要探讨的这项技术可能对一些人来说并不陌生,但对于其他人来说,则像是新发现的宝藏。没错,我在说的是Server-Sent events(SSE)。你可能会问:“SSE是什么?”简单来说,SSE是一种让服务器实时向客户端发送更新的技术。但别误会,这不是另一个WebSockets。让我们
【14.0】前端基础jQuery之引入
2024-01-25【14.0】前端基础jQuery之引入【一】什么是jQueryjQuery是一个轻量级的、兼容多浏览器的JavaScript库。jQuery使用户能够更方便地处理HTML Document、events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“jQuery内部封装了原生的js代码能够通..._jquery怎么引入
Vue组件化开发--公共组件的封装
2024-01-24项目中很多模块经常会复用:侧边导航组件、分页、文件下载、项目中常用的 echarts图表的封装(比如折线图、柱状图等),或者一些后台管理、菜单管理中很多可复用组件,表单之类的。能够把页面抽象成多个相对独立的模块,解决了我们传统项目开发:效率低、难维护、复用性低等问题。一般在搭建项目的时候,会创建一个views目录、一个commen目录和一个feature目录。用vue开发的项目,都是采用组件化的思想开发的。3. event自定义事件。2. slot定制插槽。1. props参数。_vue公共组件的封装
vue中宽度动态设置的几种常用方法
2024-01-24我们可以使用resize事件,来动态的实时获取界面宽度,再把根据这个div与设计稿的比例,动态的设置宽度。通过addeventListener,把事件添加到了window上,当当前组件不用时,需要在onUnmounted中,将该事件销毁,节约资源。二、今天在使用vant组件进行开发时,vant组件中swipe中的宽度设置,只能接受px。一.一种常见的是使用vw的方式设置宽度,这样当我们的屏幕发生变化时,可以跟着动态的修改。场景:当我们在项目开发中,有时候某个宽度,需要根据界面当前的宽度动态设置。_vue 动态设置宽度
JS取消默认事件和阻止冒泡
2023-05-14js冒泡和捕获是事件的两种行为,使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件的进一步传播。使用event.preventDefault()可以取消默认事件防止冒泡