前端websocket
前端错误捕获和上报
JS中常见的执行错误 日常执行中主要有： 同步错误、 语法错误、 普通异步任务错误、 Promise任务错误、 async任务错误5种常见的异常错误。 资源加载错误 主要有图片、script、css、font等资源的加载错误问题。 错误捕获： try... catch.. 能捕获包裹体内的同步执行错 ......
websocket群聊实战
演示及源码地址： 演示地址：https://www.wchime.xyz/#/ 后端代码：https://gitee.com/mom925/wchime-web-api 前端代码：https://gitee.com/mom925/uniapp-web 项目说明 项目技术：django+mysql+u ......
最火前端 Web 组态软件 (可视化)
前言： 随着物联网、大数据等技术高速发展，我们逐步向数字化、可视化的人工智能（AI）时代的方向不断迈进。智能时代是工业 4.0 时代，我国工业领域正努力从“制造”迈向“智造”的新跨越。 正文： 1.mxgraph： 介绍：开源免费，但是需要解决的问题很多，国内学习参考资料少。但是，可视化组态的实 ......
后端访问前端项目方法
在前后端联调时，后端开发若是想访问前端的网页，在不用拉取前端代码前提下，可以通过地址访问前端启动起来的项目。 需要满足以下两个条件： 前端项目所在的计算机需要与后端计算机处于同一网络环境中。如果两台计算机不在同一网络中，则无法直接访问。 前端项目需要以可以被外部访问的方式启动。通常情况下，前端项目会 ......
web安全基础-前端编码
1、url编码 一般来说，就是先utf-8编码，然后每个字节前加%，但具体哪些字符进行url编码和是否必然是utf-8可能和浏览器相关。 url - 挖洞404 - 博客园 (cnblogs.com) 2、base64编码 3、js转义和编码 4、html实体编码 html实体编码 - 挖洞404 ......
OAuthApp v2.4.28 | 前端发布工具 | Azuer OpenAI、SSL 证书工具
OAuthApp 是一个前端发布工具，用于快速开发前端网页项目，并发布到服务器。具有引入脚本库就能使用服务端 API、自定义域名、在线发布 H5、站点数据独立存储的特性。 更新内容： 1，免费 SSL 证书管理工具，支持在线申请自定义域名 SSL 证书2，站点自定义域名与证书绑定3，用户访问令牌管理 ......
前端接收并下载文件流
可以通过将其转化为blob对象，添加到a标签或iframe标签中来模拟下载;如果是在项目中使用，我们需要对请求返回的数据进行处理，这里我们需要把responseType对象格式设置成blob。这里直接用axios请求 function downloadFile(id){ axios.get(`/ap ......
在vue中使用websocket
封装 根据项目的目录结构，在相应的文件夹下创建一个js文件，用来封装一个websocket类，假如项目中用到js的地方很多，最好把文件放在全局公共文件夹中； export class WS{ constructor(config) { this.ws = null; this.url = null; ......
Python3+WebSockets实现WebSocket通信
一、说明 1.1 背景说明 前段时间同事说云平台通信使用了个websocket的东西，今天抽空来看一下具体是怎么个通信过程。 从形式上看，websocket是一个应用层协议，socket是数据链路层、网络层、传输层的抽像；从应用场合上看，websocket可以使用javascript实现，而sock ......
【前端可视化】大屏scale适配vue3 hooks
useScalePage.js import { onMounted, onUnmounted } from 'vue'; import _ from 'lodash'; /** 大屏适配的 hooks */ export default function useScalePage(option) ......
前端Token刷新 重新请求返回underfined
在刷新Token ok后 数据有返回，但是 最开始的请求那里总是underfined，这个找了一天后找到原因，记得return, 没有 return就是underfined ......
前端代码规范
前端代码规范 引用自：公众号：前端小川 大多数具有一定规模的公司，都有自己的前端代码规范，没有或者准备要制定自己公司代码规范的可以参考这些代码规范 9个秘籍里面有6个文档、1本书籍和2个工具，认真看完这9个秘籍，一定会提升代码质量，让你写出漂亮的代码 秘籍一：京东凹凸实验室前端代码规范 网址：htt ......
简单的前端登录页面
springboot整合了springmvc的拦截功能。拦截了所有的请求。默认放行的资源是：resources/static/ 目录下所有静态资源。（不走controller控制器就能直接访问到资源）。 html页面如果放在resources/templates目录下，则需要走controller控 ......
前端获取ip地址、获取经度、纬度
记录一次js获取ip地址，经纬度 开始使用过很多的方法 const getLocalIP = async () => { const pc = new RTCPeerConnection(); pc.createDataChannel(''); const offer = await pc.crea ......
字节前端--深入JS
首先先介绍JS的基本概念： 比如是单线程，动态，弱类型等等。 除了这些东西之外还有： 下面的一些基础概念： JavaScript 是一种脚本语言，通常在网页上运行。 JavaScript 不需要编译，因为它是一种解释性语言。 在网页上添加 JavaScript 的方式有多种，包括内联脚本、嵌入式脚本 ......
C#实现 通过ffmpeg拉取海康摄像头rtsp流转m3u8，并在前端播放的解决方案
需要的资源： ffmpeg、海康客户端 IVMS-4200 V3,3,1,8、VCL播放器 开发前准备工作： 1. 配置ffmpeg环境变量,将ffmpeg.exe的路径配入Path环境变量(为了减少篇幅，不懂的麻烦自行百度) 百度的时候， C#通过 Process 命令调用进程网上很多都说直接在命 ......
前端学习笔记--主流web框架
<!doctype html> <html> <head> <meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'> <style type='text/css'>html {o ......
前端JavaScript的精确计算问题
问题发现 "47.900000" * "771.65" = 36962.034999999996 (错误) 36962.035 (正确) 问题定位 JavaScript 前端计算不精确(浮点数计算的精确问题) 问题解决 除法函数，用来得到精确的除法结果说明：javascript的除法结果会有误差，在 ......
前端项目使用vw视口单位进行适配时字体大小的解决方案
使用视口单位vw来实现响应式排版。1vw等同于视口宽度的百分之一，即如果你用vw来设定字体大小的话，字体的大小将总是随视口的大小进行改变。 问题在于，当做上面的事情的时候，因为文本总是随着视口的大小改变大小，用户失去了放缩任何使用vw单位的文本的能力。所以你永远都不要只用 viewport 单位设定 ......
前端vue使用exceljs、file-saver导出表格文件添加水印
创建createWsSheet.js 安装及引入 exceljs、file-saver /** * * 导出 excel（带水印） 公共方法 * @param header v 为头，k 为对应 data 数据的 name * 例: const header = [ { k: 'region', v ......
前端全局页面添加水印
// 下载npm包npm install watermark-package -S 使用 import watermark from "watermark-package"; // 添加水印 watermark.setWaterMark({ w_texts: [data.userName, data ......
ABAP 遍历内表数据的时候，加上前端筛选条件
1. 前端查询条件 * * * 选择屏幕 * * SELECTION-SCREEN BEGIN OF BLOCK b1 WITH FRAME TITLE TEXT-001. SELECT-OPTIONS: "PARAMETERS: s_matnr FOR mara-matnr,"物料号 s_ausk ......
前端生成二维码及把页面转为图片保存到本地
前端生成二维码及把页面转为图片保存到本地 Bayi· 于 2021-12-23 17:08:37 发布 847 收藏 3 文章标签： 前端 javascript 生成二维码 页面转图片 vue 版权 以vue项目为例，其他类型项目其实也是一样的 所需components： QRCode html2c ......
vue 前端生成二维码，并转换为图片
vue 前端生成二维码，并转换为图片 ~牧马~ 于 2021-05-27 15:08:03 发布 2760 收藏 7 分类专栏： vue 文章标签： vue 生成二维码 自动生成的二维码转图片 版权 这篇文章主要是分享下自己的收获，也是自己遇到的问题： 前端如何自己生成二维码？ 前端如何将生成的二维 ......
无界微前端方案官方示例，main-vue 项目打包之后 访问index.html页面空包，控制台报资源错误问题
报错信息： 修改方案： publicPath: “./” 修改为如上配置即可。 ......
前端跨域解决方案——CORS
CORS（跨来源资源共享）是一种用于解决跨域问题的方案。 CORS（跨来源资源共享）是一种安全机制，用于在浏览器和服务器之间传递数据时，限制来自不同域名的请求。在前端开发中，当通过 XMLHttpRequest（XHR）或 Fetch API 发送跨域请求时，如果服务器没有正确配置 CORS，浏览器 ......
前端隐藏和显示div的方式js和beetle：
方式一：设置元素style对象中的display属性 1、var t = document.getElementById('demo');//选取id为test的div元素 2、t.style.display = 'none';// 隐藏选择的元素 3、t.style.display = 'bloc ......
字节前端语言
前端语言有很多：比如什么HTML,JavaScript，css等等。 这节课介绍的是CSS,HTML,JAVASCRIPT等等 首先我们先介绍CSS： CSS的基本语法是：选择器 { 属性名: 属性值; 属性名: 属性值; …… } 举个栗子：p { color: blue; } 上述代码中，p 为 ......
ThingsBoard 前端项目内置部件开发
前言 ThingsBoard 是目前 Github 上最流行的开源物联网平台（12.8k Star），可以实现物联网项目的快速开发、管理和扩展, 是中小微企业物联网平台的不二之选。 本文介绍如何在 ThingsBoard 前端项目中开发内置的菜单导航部件。 内置相关部件 TB（ThingsBoard ......