前端websocket
VS2019使用C语言进行websocket编程
一直在写C#代码好多年不写C语言代码了，记录一下之前某个项目里用C写的一个websocket服务，用C的优势是写的东西体积小性能高，但是写业务的话还得用C#、Java之类的语言，不然会折腾死人。。。 用Visual Studio新建一个C++（因为不能直接建C语言项目）项目，我演示就创建一个控制台项 ......
前端显示气象数据
html文件如下 <div class="wt03"> <p class="wecss">气 温：<span id="temperature_min"></span> ~ <span id="temperature_max"></span></p> <p class ......
axios写了前端，如何从后台获取到List列表数据（涉及到JSON）
问题描述 我将前端写完之后，一直没有理解axios后台的写法，导致进度一直拖慢，这里我就来叙述一下我后来是怎么写出后台代码的吧，或者说，这样的后台代码是怎么写出来的! 问题解决 经过友友的点拨，这里就需要将我们的list数据转换成json数据； 然后将转换好的json数据传到axios写出来的htm ......
SpringBoot集成WebSocket
SpringBoot集成WebSocket 参考 https://www.cnblogs.com/xuwenjin/p/12664650.html 前言： WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由R ......
前端报错时如何排查问题
前端页面报错： 1、页面报错500，首先我们可以知道是服务端的问题，需要去看下服务端的报错信息： 2、首先我们查看下前端是否给后端传了id: 我们可以看到接口是把ID返回了，就需要再看下p_id是什么情况了 3、我们再次请求，把p_id进行打印，看下具体是什么： put接口代码 class PutV ......
浏览器层面优化前端性能(2):Reader引擎线程与模块分析优化点
优化JS的执行效率 降低样式选择器的复杂度 避免大规模、复杂的布局 尽可能避免触发布局 避免强制同步布局事件的发生 避免快速连续的布局 简化绘制的复杂度 减小绘制区域 优先使用渲染层合并属性 控制层数量 节流 抖动 ......
浏览器层面优化前端性能(1):Chrom组件与进程/线程模型分析
Chrome支持以下几种进程模型：Process-per-site-instance Process-per-site Process-per-tab Single Process。Browser只有一个，主控整个系统的运行，管理Chrome大部分的日常事务；而Renderer则可以有多个，主要负责... ......
萌宠之家宠物5网页html+css视频表单 精选两千多套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计
两千多套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计 题目👨🎓 🚀 萌宠之家宠物5网页html+css视频表单 精选 描述✍️ 大学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 网页编辑 ......
前端开发-BootStrap
Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网 (bootcss.com) 创建引入 ......
解决前端启动报错：This is probably not a problem with npm. There is likely additional logging output above.
在执行 npm run dev 运行项目的时候报错: {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! phan ......
Vins-Mono 阅读笔记——前端
1、前端流程概述 VINS-Mono的前端整个封装成了一个ROS节点其订阅的topic是： 相机或者数据集发来的图片 其发布topic是： 由pub_img发布的"feature"，发布的是当前帧的特征点，特征点分装成了sensor_msgs::PointCloudPtr类型，里面包括了每个特征点的 ......
前端性能优化-gzip压缩
提纲： GZIP是什么 如何启用gzip 什么时候应该启用gzip 1、gzip压缩是什么 gzip是一种文件压缩格式，它可以将文件压缩为较小的大小，以便更快地在网络上传输或存储在磁盘上。gzip压缩算法适用于文本类型的数据，通常用于压缩Web服务器上的静态资源文件，例如HTML，CSS，JavaS ......
若依管理系统前端实践
若依管理系统是一套基于若依框架开发的后台管理系统，它是一个前后端分离的项目，前端使用vue, Element, 后端使用Spring Boot & Security。这篇随笔中将记录一下自己在使用过程中前端使用上的一些收获和问题。 目录 1. 路由控制 1.1 简述 1.2 token的检验 1.3 ......
前端笔试遇到的两个编程题
倒计时： 在倒计时不超过一天的代码 var hour = document.querySelector(".hour"); var minute = document.querySelector(".minute"); var second = document.querySelector(".se ......
使用 MQTT 实现前端消息传递
MQTT 是一种轻量级的消息传递协议，广泛应用于物联网和分布式系统中。在前端应用中使用 MQTT 可以实现实时消息传递和数据同步。本文将介绍如何使用 MQTT 在前端应用中实现消息传递。 安装 MQTT.js 要使用 MQTT，在前端应用中，需要安装 MQTT.js。在终端中执行以下命令： npm ......
2023.04.07 - 前端常用解决跨域问题的方案
JSONP：JSONP（JSON with Padding）是一种前端跨域请求的方式，它利用了 HTML 中的 <script> 标签没有跨域限制的特点，通过动态创建 <script> 标签，构造一个特殊的 URL，让服务端返回一段指定的 JavaScript 代码，然后在本地执行这段代码以达到跨域 ......
k8s前端部署
//前端项目打包构建；支持多环境 pipeline { agent any environment { //GIT路径 GIT_PATH = "threegene/dev/zproduct/server/demo.git" //项目名称, 使用Job名称作为项目名称 PROJECT_NAME = " ......
websocket教程
提纲 1、websocket协议概述 包括基本功能，提出时间，标准文档 2、websocket的协议包构成 3、web前端对websocket的支持方案 4、java后端的websocket技术方案 参考资料： 1、https://www.cnblogs.com/flydean/p/15341443 ......
前端里那些你不知道的事儿之 【window.onload】
相信很多前端开发者在做项目时同时也都做过页面性能优化，这不单是前端的必备职业技能，也是考验一个前端基础是否扎实的考点，而性能指标也通常是每一个开发者的绩效之一。尤其马上接近年关，页面白屏时间是否过长、首屏加载速度是否达标、动画是否能流畅运行，诸如此类关于性能更具体的指标和感受，很可能也是决定着年底你... ......
前端代码0bug经验分享
如何写好代码其实是一个很大的话题，本次仅分享一些自己的经验之谈，有其他idea的欢迎交流 在我看来，写好代码更多的是逻辑思维的体现，而这，紧靠一两次分享是无法提高的，我只能尽可能的将可能可以复制的经验进行分享 本次分享不会涉及太多你使用的框架的具体使用细节，技术选型总是千变万化的，我们需要的是抓住不 ......
雪花算法生成的Id过长，前端接收精度丢失
1.问题现象： 表的Id使用雪花算法生成，数据库使用bigint类型可以正常存储，后端使用Long类型也可以正常接收，postman进行请求测试，也可以看到后端正常返回的数据，但是前端接收后显示的id不正常。 2.问题原因： 前端使用number类型进行接收，number类型的范围小于后台Long类 ......
前端FileReader 文件预览
这玩意好像挺强，可以操作用户选择的文件，转为base64或者二进制，blob； 1、实际应用 我的行车记录仪记录事反着放的，所以查看视频都是反过来的，那么我就写了个html，选择对应视频反向播放； input框选择视频文件后，我们就能拿到当前视频文件，使用 let f = new FileReade ......
免费分享前端面试题，vue面试题，TypeScript基础知识点 PDF格式
免费分享前端资料，面试题，电子书 接前端开发，带徒弟，一对一教学，远程协助，bug修改 微信： ......
Delphi WebBrowser调用WebSocket 服务
#####webSocket Demo 使用工具：WebBrowser 传输参数：delphi 给js 赋值JSON字符串，js 接收到后通过JSON.parse()方法转换成JSON对象，然后根据需要参数进行读取, Delphi 通过SuperObject 处理JSON数据 调用JSON方法：We ......
vue前端纯小白向快速扫盲贴集合
看的一些博客，对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的，可以快速理解前端总说的一些东西到底是干什么的。 1 创建vue项目所需外部环境 node npm vue/cli脚手架 官网下载node.js 直接下一步下一步即可，管理员打开cmd 执行 node -v正确返回版本 如何升级n ......
前端加入摄像机人脸识别（mediapipe）
前端加入摄像机人脸识别（mediapipe） import { Camera} from "@mediapipe/camera_utils"; import {FaceMesh} from "@mediapipe/face_mesh"; // <script src="https://cdn.jsd ......
前端cookie,localStorage,sessionStorage区别
图片源自B站up技术蛋老师的视频, 自己大体总结一下关键词:cookie:早期技术,体积小,本地和服务器都存储; localStorage:有效期无限(直至被手动删除),跨窗口,微信小程序等用的缓存storage基于此;sessionStorage:只能同一窗口中有效,有效期到窗口关闭 ......