前端websocket
记一次springboot通过jackson渲染到前端，出现大写字母变成小写问题
前言 最近业务部门接手了外包供应商的项目过来自己运维，该部门的小伙伴发现了一个问题，比如后端的DTO有个属性名为nPrice的字段，通过json渲染到前端后，变成nprice，而预期的字段是要为nPrice。于是他们就找到我们部门，希望我们能帮忙解决一下这个问题，本文就聊聊如何解决问题，至于为什么会 ......
前端使用highcharts报错“Error: Highcharts error #13”
报错情况如下： 错误原因： 查找了下这个错误，图形容器无法找到，会导致报这个错误，两个页面都在使用同一个容器id时可能也会导致这样的问题，我遇到的是后者。。。。所以就改了一id然后就成功解决 如果是前者：建议 ： 检查一下界面文件路径，或者F12查看一下是否有对应的图形容器 ......
前端使用highcharts绘制3D圆环图报错 “this.chart.is3d is not a function ”
废话不多说直接上解决办法： 需要在main.js中添加如下代码： import highcharts from 'highcharts' import highcharts3d from 'highcharts/highcharts-3d' highcharts3d(highcharts) ......
前端Vue项目打包性能优化方案
一.前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面 ......
swoft 客服系统websocket。即时通讯小功能
挥手，握手就不解释了。直接上代码 启动swoft ws的服务 <?php declare(strict_types=1); /** * This file is part of Swoft. * * @link https://swoft.org * @document https://swoft. ......
swoole+websocket+redis实现一对一聊天
如同web端的QQ和微信一样，这是一个web端的聊天程序。 环境：linux(centos) + php7.2 + swoole扩展 + redis + mysql Redis 实现每个连接websocket的服务都唯一绑定一个用户。通过 用户账号 = websocket fd 存到redis中。 ......
swoole websocket_server 聊天室--群聊
centos7 php7.2 swoole4.3 nginx1.8 websocket_server 代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <?php $server = new Swoole\Web ......
前端，将图片转为base64格式后保存至数据库
调用上述函数，因为onload回调是异步的，需要等图片转换成功后使用base64图片路径，所以需要包在promise实例内抛出去 this.imgBase().then(baseUrl =>{ // 使用成功回调拿到图片处理成功后的格式 }) ......
前端已死？金三银四？你收到offer了吗？
最近在脉脉、知乎等平台都有人在渲染前端从业人员的危机，甚至使用“前端已死”的字眼，颇有“语不惊人死不休”的意味，对老鸟来说，这关乎职业寿命，关乎生活，但因为浸淫行业多年，个中变化比较了解，应该不会太受影响，对新人可能就有误导了，甚至不敢入行。 ......
记一次前端页面切换卡死的排查经历
这是一个老项目的新迭代，项目由element admin改编而来，bug的症状是：来回切换页面，有概率页面卡死。 我首先怀疑是内存泄漏导致了页面卡死，因为有几个页面请求了很多的数据，页面中还用到了一些定时器。 首先尝试通过chrome的performance和memory来查看内存和性能的变化，但是 ......
一文搞定：前端如何选择Angular、React和Vue三大主流框架
在前端开发领域，目前最流行的三个框架是Angular、React和Vue.js。这些框架非常高效，并且它们各自具有一系列的优缺点。 在AI辅助编程工具**CodeGeeX的后台中，也看到有大量的前端开发者使用这三个框架，并且Vue的使用率在CodeGeeX**的后台中，持续走高。接下来我们针对Ang ......
前端网页分辨率测试工具
以下代码存为html即可 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="ht ......
前端性能精进（七）——构建
前端构建是指通过工具自动化地处理那些繁琐、重复而有意义的任务。 这些任务包括语言编译、文件压缩、模块打包、图像优化、单元测试等一切需要对源码进行处理的工作。 在将这类任务交给工具后，开发人员被解放了生产力，得以集中精力去编写代码业务，提高工作效率。 构建工具从早期基于流的 gulp，再到静态模块打包 ......
解决更改HTML代码，浏览器打开前端页面却没有改变
问题描述 解决更改HTML代码，浏览器打开前端页面却没有改变 问题解决 第一种方法：重启IDEA（HTML的编辑器） 第二种方法：消除对应浏览器里面Cookie数据（亲测有效！） ......
Java学习笔记(十二) 前端基础1
Web前端基础 初识web前端 网页由哪些部分组成? 文字 图片 音频 视频 超链接等 我们看到的网页, 背后的本质是什么? 程序员写的前端代码 前端的代码是如何转换成用户眼中的网页的? 通过浏览器转化(解析和渲染)成用户看到的网页 浏览器中对代码进行解析渲染的部分, 称为浏览器内核 不同的浏览器, ......
Java学习笔记(十三) 前端基础2
Ajax 介绍 概念: Asynchronous JavaScript And XML, 异步的JavaScript和XML 作用: 数据交换: 通过Ajax可以给服务器发送请求, 并获取服务器响应的数据 异步交互: 可以在不重新加载整个页面的情况下, 与服务器交换数据并更新部分网页的技术, 如: ......
团队作业-前端页面大体展示
这周我们大体完成了系统的主要页面，后端代码正在完善中。 页面展示： 部分代码： <body> <div class="container"> <div class="header clearfix"> <a class="pull-right user_icon" href="javascript: ......
浅谈ChatGPT如何取代前端开发工程师
1.ChatGPT 是什么? ChatGPT 是一种基于深度学习的自然语言处理技术，它可以生成高质量的自然语言文本。该技术是由 OpenAI 团队 开发，旨在使计算机能够像人类一样理解和产生自然语言。ChatGPT 使用了深度神经网络和自然语言处理技术，通 过对大量语言数据的学习和建模，实现了自然语 ......
前端通过Swagger生成相关接口文件
1.Swagger 多分组 在很多大型系统中，为了方便对接口进行归类，往往使用了 Swagger 多分组功能，这样会使系统的接口散落在多个 swagger.json 中。 将SpecificationDocumentSettings属性的EnableAllGroups设置为true。 启用之后在 S ......
springmvc中前端调用controller方法路径问题
以前学习springmvc时没有理解前端访问controller中方法路径问题，做项目时刚好遇到，百度了一下没有找到想要的答案，后来突然就顿悟了。。。。。，虽然很基础但还是记录了一下，大佬请见谅。 controller中主要用@RequestMapping注解来定义访问路径，一般定义一个类加载路径和 ......
springmvc中前端调用controller方法路径问题
以前学习springmvc时没有理解前端访问controller中方法路径问题，做项目时刚好遇到，百度了一下没有找到想要的答案，后来突然就顿悟了。。。。。，虽然很基础但还是记录了一下，大佬请见谅。 controller中主要用@RequestMapping注解来定义访问路径，一般定义一个类加载路径和 ......
《前端构建工具（webpack&vite）- 李立超》笔记
1. 构建工具简介 1.1 模块化 最初我们都使用script标签来引入js，但当一个页面引入的js文件越来越多时，就产生了几个难以避免的问题： 全局变量污染。 变量重名。 js之间的依赖关系复杂，无法保证顺序。 而模块化规范就是为解决以上问题，模块内部的变量实现了在其他模块内共享。而且可以指定哪些 ......
mp雪花算法生成的id到前端丢失精度问题
mp生成的id是Long型18位，但是js处理到16位就四舍五入了，解决办法就是在服务器转成字符串传给前端 WebMvcConfig 要继承 WebMvcConfigurationSupport，重写里面的 extendMessageConverters方法 @Override protected ......
软件工程日报——初步摸索出智能排班系统的前端
今天，我想要进行智能排班界面前端的初步探索，所以我进行了html文件的编写 基本框架就是这样，接下来就是要进行不同界面的编写 ......
好用前端开发工具的内容有几条？
随着科技的进步和发展，低代码开发平台在市场中获得了广大用户的喜爱和支持。这不仅能让广大企业解放了更多IT从业者的时间和精力，让其可以专心钻研，而且该平台易操作，更灵活，只需要交给普通职员通过简单的学习和培训即可上岗操作，非常省事。当前，前后端分离已经成为趋势和主流，那么你知道好用前端开发工具的内容吗 ......
系统化学习前端之JavaScript（ES6）
前言 ES6 同样是 ECMAScript 的拓展，发布于 2015年，目前多数浏览器对于部分 ES6 更新内容不支持，通常需要借助 bable 编译器编译成 ES5 或者 ECMAScript 早期版本语法去执行。 ES6 的学习推荐阮一峰老师的 ES6 教程。 ES6 ES6 是 ECMAScr ......
前端React框架和jsx语法的编码规范
基本规则(Basic Rules) 每个文件只包含一个 React 组件 然而，在一个文件里包含多个没有 state 或纯组件是允许的。eslint: react/no-multi-comp. 经常用 JSX 语法。 不要用 React.createElement， 除非你从一个非 JSX 文件中初 ......
jmeter中测试websocket接口
一、jmeter安装对应的插件 1、Jmeter不自带WebSocket功能，需要先安装WebSocket的插件，选项中选择plugins Manager; 2、在available plugins搜索WebSocket进行插件下载即可，我是将搜索到的2个插件都安装了，待Jmeter重启后插件就是安 ......
gulp笔记 2 （进阶一点点：使用bower来管理前端依赖）
其实gulp比例1中的内容已经基本满足开发要求了。此文为进阶的一点点知识 #1 安装bower （bower是个纯web前端依赖管理工具。） npm install -g bower #版本为1.8.14，必须安装在全局 bower init #会生成一个bower.json文件，选项寂寞默认就行， ......