前端websocket
docker入门加实战—部署Java和前端项目
本文介绍了docker如何部署Java和前端项目,并进行演示和测试,从而加强docker的使用,达到快速上手的目的。 ......
wujie 微前端实现及三种通信方式介绍
官网 https://wujie-micro.github.io/doc/ 对比 iframe 采用 iframe 的方案确实可以做到,而且优点非常明显。 优点 非常简单,使用没有任何心智负担 web 应用隔离的非常完美,无论是 js、css、dom 都完全隔离开来 由于其隔离的太完美导致缺点也非常 ......
前端面试题
[一大堆搜刮来的前端面试题 - 个人博客|沧沧凉凉的小站](https://www.cclliang.com/2021/01/08/%E9%9D%A2%E8%AF%95/%E4%B8%80%E5%A4%A7%E5%A0%86%E6%90%9C%E5%88%AE%E6%9D%A5%E7%9A%84%E ......
注册功能, 前端登录注册页面,前端登录功能,前端注册功能, redis介绍和安装
1 注册功能🍰 # 分析 前端:携带数据格式 {mobile:,code:,password} 后端: -1 视图类 》注册方法 -2 序列化类 》校验,保存(表中字段多,传的少 》随机,按某种格式生成 》后期修改) 视图类 class UserRegisterView(GenericViewSe ......
前端项目打怪升级之路
[年度总结:我是如何搭建百万级前端项目的 - 个人博客|沧沧凉凉的小站](https://www.cclliang.com/2022/01/14/React/%E5%B9%B4%E5%BA%A6%E6%80%BB%E7%BB%93%EF%BC%9A%E6%88%91%E6%98%AF%E5%A6%8 ......
Dotnet工具箱:开源、免费的纯前端工具网站,带你探索10大工具分类和73个实时在线小工具
https://www.cnblogs.com/Dotnet9-com/p/17767405.html 1. 前言 大家好,我是沙漠尽头的狼。 Dotnet工具箱是一个纯前端的、开源和免费的工具网站,周末我参考了开源项目it-tools,对网站界面文字进行了汉化,并重新部署了网站。该网站共有10大工 ......
前端知识点
前言 最近在开发时发现自己好多以前学习的知识点都记不太清了,在此做个记录,便于以后经常回看 W3C标准盒模型和IE盒模型 IE 盒模型:属性 width,height 包含 content、border 和 padding,指的是 content + padding + border 。 W3C 标 ......
2前端开发css
form表单 '''获取前端用户数据并发送给后端服务器''' <from action = ""></from> #需要再form标签内部编写获取用户数据标签 #1属性action 控制数据的提交地址 方式1:写全路径 action = "http://www.aa7a.cn/user.php" 方 ......
开课吧前端1期.阶段4-2:es6的新特性
es6介绍: 太有用了,后面会经常用到的都是ES6,不可能是ES5,ES4 ES6:是简称, 全称为: ECMAScript标准 ECMAScript 和 JavaScript 不是相同的一个东西 ECMAScript 是一个标准,JavaScript是语言一个实现 可以有很多语言去实现,但是目前只 ......
前端本地使用node作为中间层解决跨域
const express = require('express'); const timeout = require('connect-timeout'); const { createProxyMiddleware } = require('http-proxy-middleware'); co ......
websocket 简易demo
websocket简易demo 网上找的然后写的demo 还有一种写法,跟这种写法不同,先记录这一种 引入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-webso ......
前端模块化专题
Commonjs (同步模块加载,运行时加载) exports 和 moudle.exports 的区别? exports 是 module 中exports 对象 的引用。当模块中使用了 moudle.export = {} 的时候,所有 exports 都会失效。exports 只能 expor ......
前端二进制流
FileReader 读取 file/blob 数据 FileReader.readAsArrayBuffer() 异步方法, 读取完成 result 属性中保存的将是被读取文件的 ArrayBuffer 数据对象。 FileReader.readAsDataURL() : 一旦完成,result属 ......
前端url的几种实用情况
一 相对地址转绝对地址 使用场景:某个函数需要在使用的时候传递一个 地址,函数内部会利用这个地址 进行某些操作 (比如生成worker,生成image,数据转化等) 如下:如果直接使用相对位置,会根据url 进行拼接。但当 一些利用利用了router的单页项目,页面的url 并不能获取到 真实的fi ......
vue2 + websocket 断线重连 + 实时数据
一、websocket事件 -1 打开事件 Socket.onopen 连接建立时触发 -2 消息事件 Socket.onmessage 客户端接收服务端数据时触发 -3 错误事件 Socket.onerror 通信发生错误时触发 -4 关闭事件 Socket.onclose 连接关闭时触发 二、w ......
前端调试时不改代码但又想打印变量信息怎么办?
我们都知道, Chrome的控制台可以在调试的时候打断点。程序运行到这的时候会停止 但有时候我们不希望程序断点执行,我们只是想看一些变量的信息。 按照以前的方式,我们只能去修改源码增加打印日志的语句, 这样既浪费时间, 又需要在调试完成后清理掉我们打印的日志代码。 其实,Chrome浏览器除了可以打 ......
记录--Vue中前端导出word文件
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 很多时候在工作中会碰到完全由前端导出word文件的需求,因此特地记录一下比较常用的几种方式。 一、提供一个word模板 该方法提供一个word模板文件,数据通过参数替换的方式传入word文件中,灵活性较差,适用于简单的文件导出。需要依赖: ......
重新开始学前端,面向社区的快速反馈式学习
重新开始学前端 在设计稿还原、数据结构和算法、构建工具、架构、源码这几个方面 要学的是在太多了 ,做个记录分享一下 计划在每个方向个社区进行交流和反馈, 我更喜欢和社区交流快速反馈的学习方式 每个方向都有一个交流的社区 那就好 1 设计高还原 高质量的还原设计稿任何时候都是前端基本的工作,可以不做但 ......
【京东开源项目】微前端框架MicroApp 1.0正式发布
MicroApp是由京东前端团队推出的一款微前端框架,它从组件化的思维,基于类WebComponent进行微前端的渲染,旨在降低上手难度、提升工作效率。MicroApp无关技术栈,也不和业务绑定,可以用于任何前端框架。 ......
【前端开发】可视化大屏网页适配方案autofit.js
说明:针对全屏的网页,使用autofit.js可自适应大小屏幕,原理是通过屏幕改变放大/缩小网页,并做了留白区域的兼容处理。 地址:https://github.com/huiJeck/autofit.js#autofitjs ......
JavaWeb前端
HTML+ CSS+ JS+ Vue+ Element 目录HTML+ CSS+ JS+ Vue+ Element一、基本概念二、Web服务器三、HTML CSS3.1 官方文档四、JavaScript五、Vue六、Ajax七、前端工程化八、Element 一、基本概念 静态web:html,css ......
uniGUI使用WebSocket
现在的uniGUI最新版本,经过几个版本的迭代,已经完美支持WebSocket。 用起来,也非常简单,默认情况下,已经打开WebSocket。 打开demos中的第一个例子: C:\Program Files (x86)\FMSoft\Framework\uniGUI\Demos\Desktop\W ......
【前端开发】新版Chrome浏览器接口mock调试技巧,超实用
给大家分享一个 Chrome117 更新中最实用的一个功能:在 Network 面板中发送 mock 请求。 修改返回响应数据 想要修改接口返回的数据,设置成特定的数据,首先打开 网络(Network) 面板,找到你需要Mock的接口,右键然后选择替换内容(Override content): 这时 ......
Qt/C++编写物联网组件/支持modbus/rtu/tcp/udp/websocket/mqtt/多线程采集
一、功能特点 支持多种协议,包括Modbus_Rtu_Com/Modbus_Rtu_Tcp/Modbus_Rtu_Udp/Modbus_Rtu_Web/Modbus_Tcp/Modbus_Udp/Modbus_Web等,其中web指websocket。 支持多种采集通讯方式,包括串口和网络等,可自由 ......
web前端html+css页面内容的六种隐藏方式
一、使用透明度 语法:opacity:0 注意:元素消失,但是还会占据空间,只是视觉看不出来 <style> .box{ width: 100px; height: 100px; background-color: aquamarine; opacity: 0; }</style><div clas ......
高并发-前端层面
2023.10.13 1.用CDN,遵循就近原则让用户去最近的节点拿静态资源 在外网中传输我们的数据,都有带宽限制,基本上一个网站,一个网页,静态资源会占用80%的带宽 2.对一些静态资源做压缩处理,比如js的min.js文件这种 2023.10.15 1.对静态资源做二次压缩 2.使用CDN的缺陷 ......
前端 ( HTML + JS + CSS )
以下大多都摘自菜鸟教程:https://www.runoob.com/ HTML 简介 HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签 (markup t ......
总结整合案例前端页面展示+axios异步请求数据
页面显示: vue+axios+element <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal ......
Error: Vue packages version mismatch: - vue@2.6.14 (D:\前端\vue01\node_modules\vue\dist\vue.runtime.common.js)- vue-template-compiler@2.7.14 (D:\前端\vue01\node_modules\vue-template-compiler\package.json)
Error: Vue packages version mismatch: - vue@2.6.14 (D:\\前端\vue01\node_modules\vue\dist\vue.runtime.common.js) - vue-template-compiler@2.7.14 (D:\前端\vu ......
测试springboot项目苍穹外卖,解决websocket“服务器错误,无法接收实时报警信息”问题
使用IDEA启动springboot项目苍穹外卖后,http://localhost:8071/ 能够正常访问登录,但是网页右上角始终显示“服务器错误,无法接收实时报警信息”: 在网上搜索找到:https://blog.csdn.net/qq_65032048/article/details/132 ......