牟云飞的博客

原创 数字孪生-基于ThreeJS的3D可视化技术

原创 Threejs着色器(GPU)编程——感温管网

​管网，作为支撑现代城市运转的重要基础设施，是隐藏在地面之下的庞大工程网络。这些管网如同城市的血脉，负责输送各种必要的资源，如水源、热力、燃气等，同时排除废水和其他废弃。数字孪生技术通过构建与现实世界高度一致的虚拟模型，让原本“看不见”的地下工程，现在可以通过数字孪生技术变得“触手可及”。Threejs作为数字孪生技术手段之一，提供了基于GPU编程的语言支持GLSL，将看不见的工程，虚拟可视化，管理人员不仅可以实时查看管网的各种参数数据，还可以在虚拟模型中进行模拟分析和优化，从而提高管理效率，减少安全隐患

原创 webpack打包批量替换路径（string-replace-webpack-plugin插件）

是一个用于在 webpack 打包后的文件中替换字符串的插件。它可以用于将特定字符串替换为其他字符串，例如将敏感信息从源代码中移除或对特定文本进行本地化处理。比如文件的html、css、js中的路径地址想批量更改一下/image/111.jpg改为111.jpg文件太多挨个改太多，通过string-replace-webpack-plugin在打包的时候批量替换。

原创 ARIMA时间序列（JAVA示例代码，含注释）

算法模型上p、d、q阶差在3以内，阶差超过超过3，数据失真的可能性较高，所以我们设定3以内的阶差；拟合策略为USS，同时考虑季节性P D Q阶差，具体的p、d、q比例，选取所有的组合，通过AIC原则确定最优拟合方案，3以内的超参进行运算次数为（3*3*3）*（3*3*3）次，如果扩大超参运行增大，拟合策略为 CSSML(条件平方和，然后是最大似然), 除此之外还有：CSS, ML, CSSML, USS, USSML。创建工具类ArimaUti.java。pom.xml中引入。

原创 mysql插入重复数据的三种处理方式（DUPLICATE、IGNORE、REPLACE ）

向myf_deal_data 表插入数据，如果myf_deal_data 表的主键字段（ ID 字段）已经存在 111这个值，那么这条语句就会被忽略，不会插入数据，也不会报错。这条语句意味着，如果myf_deal_data表，存在id为111的数据，那么就将 PTDATA 和REPORTTIME 的值。如果数据出现重复，则忽略这个操作，不会报错，但也不会插入重复的数据。如果数据出现重复，则更新重复数据的值。注意：多线程并发会导致死锁的可能。

原创 ThreeJS模型加载动画——从下向上加载

1、首先将模型压扁，获取point的position位置，然后设置y轴的高度为0，并将原始高度记录到modelPositons用于后面还原高度。2、在render动画执行中，获取原始高度，已经当前高度，并在当前高度的基础上，增加每帧的增长高度，直到该帧恢复到原始高度，停止对该点的操作。------------------- 完整示例代码 ------------------

原创 微信小程序多码融合

橙色部分是自定义部分，蓝色部分是小程序给分配的固定格式，扫码就会跳转到配置的页面，并且讲自定义数据带到页面。页面在初始化时获取自定义信息然后处理。开发——开发管理——开发设置。扫普通链接二维码打开小程序。扫普通链接二维码打开小程序。

原创 JavaWeb文件下载进度卡到最后0.01%不动了

看似文件下载已经到了100%，但是一直不停止，长时间之后又重新下载。

原创 ThreeJS加载公路GeoJson数据实现流光效果

threejs加载公路geojson数据，跟加载行政区域的原理一样，唯一不同的是geojson格式不一样，路线并不是连贯起来的，按照路段进行的拆分，在加载的时候问题不大，正常解析然后转墨卡托投影，但是在做流光效果时，需要对geojson进行重新组合.

原创 鸿蒙3.0 APP混合开发闪退问题笔记

核心问题：引入了crosswork问题crosswork本身为了兼容老版本的手机，在android7之后会有闪退问题，在鸿蒙系统里如果有该插件会导致当页面中出现很多问题，比如：字体不识别闪退、存在input标签时闪退，如果要保留crosswork，可以做兼容处理。

原创 ThreeJS加载geojson数据实现3D地图

geojson内的坐标使用的是wgs-84坐标系，也就是我们说的GPS坐标，所以地图撒点需要先转gps坐标系，然后通过d3的方法将gps坐标系转摩托尔坐标，之后就可以直接在threejs地图上使用。

原创 数据库大小写不敏感后，值也不敏感了

现象：我有一个账号admin，结果莫名多了一个ADMIN、Admin、AdMin等一些列账号；细品你的密码就算密文签名，是不是在你不知情的情况下也有很多。原因：数据库安装的时候设置的大小写不敏感导致

原创 高德地图获取行政区域以及中心点

​在这个方法功能里面，耗费点时间的是获取文本的中心点，设置自定义的文本样式之后，文本的位置设定耗费了一点点时间，通过设置最初点+中间点计算平均不理想，然后又通过turfjs库处理(ps: turf.js地理空间分析库，处理各种地图算法)进行处理，由于还需要进行处理入参的处理，所以又找了找高德返回的数据，发现 result.districtList[0] 返回的变量中含有中心点：var bounds_center = result.districtList[0].center;​

原创 公网Web系统集成局域网内海康威视IPC网络摄像机

公网Web系统集成局域网内海康威视IPC网络摄像机，当摄像头与Web应用系统不在一个网络内时，需要将摄像头接入web系统，这时的接入就是一个比较费钱的事情了，除了需要购买流量费之外还需要购买链路服务费，如果足够有钱，并且对安全要求很高的，可以接入一些现成的第三方平台，如果没钱并且有一定的开发能力，可以自己搭建一套，这里采用的“反向代理+内外穿透+海康Web无插件开发包”实现

原创 frp内网穿透远程访问、运维技术

为了解决因电力负荷供应紧张时的用电问题，电网针对商业楼宇、企业园区、学校等场所建设了很多了边缘设备、能效控制器以及负控终端,系统基本采用云-管-边-端或者总站-子站—单元的架构设计，边端通过量产工控机实现本地化监测、控制以及边缘计算的应用。但是随着边端设备资产日益增多，服务的更新以及异常处理的工作量也逐步增大，而边端在组网方面基本都是局域网或者4G网络，导致IP都是局域网IP或者4G动态IP，只能单向连接互联网，互联网到局域网是无法到达的，这就导致需要人工的方式升级边端服务，极大增加了项目运维成本和出差的风

原创 input text文本框自动保存

文本框变更，进行其他操作不能触发focus、chang操作，以及进行ctrl+v操作之后，直接点下一步按钮，为了修复文本框无法及时保存问题，通过增加对相关的文本框增加focus、blur、mouseout、paste、keydown五个事件进行修复。paste：保存操作，用于获取粘贴板数据进行保存+文本框变色，这里不能用ctrl+v做keydown监听，这是没有数据变更，还是旧数据，监听paste。keydown：监听键盘，用于获取回车，用于保存和文本框变色。blur：失去焦点事件，用于保存+文本框变色。.

原创 处理谷歌跨域不好使问题

在快捷方式上增加"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=C:\MyChromeDevUserData 过一段时间不好使，只能重新更改工作空间，可以通过编写一个bat脚本

原创 svg中的image标签图片平铺处理

svg中嵌入image标签后，修改image标签大小，图片并不会拉伸，image标签中增加preserveAspectRatio="none" vector-effect="non-scaling-stroke"

原创 全国碳排放权交易数据

全国碳排放权交易数据，excel、word、json版本方便分析，后续数据可以添加微信（GeneralMou）获取2022年1-6月全国碳排放权交易数据Excel版本.xlsx2022年1-6月全国碳排放权交易数据JSON版本.json2022年1-6月全国碳排放权交易数据Word版本.doc...

原创 JDBC连接mysql8和mysql5.7注意

5.1.46既可以满足jdk版本又能满足mysql库是8和5.7，比较好！

原创 日志—mysql查看各库、库中个表占用的容量

mysql查看各库、库中个表占用的容量

原创 git提交时忽略部分文件.gitignore

git提交时通过.gitignore忽略部分文件，使其不提交

原创 vue中echarts初次加载图很小的问题

vue中echarts初次加载图很小的问题

原创 Redis日志-多线程blpop导致的客户端异常

redis日志，记录一次错误，多线程公用一个连接池导致的死锁

原创 Echarts树形结构，数组优化，处理卡顿（笔记更新）

1、量大不使用pushpush一个json对象，对象子节点是一个有1000条数据的数组，无法加载，页面卡住了将treeData.push(JSON.parse(result));改为treeData[0] = JSON.parse(result);加载成功2、自适应数量级，div 高度和宽度有边界优化树形拓扑结构，目前可以显示1w个设备，1w个就已经看不清了，这个受浏览器限制，经测试只能控制在屏幕宽度的30倍 //主要就是这里 v...

原创 Cross-Site Scripting: DOM

Xss有经过后台，也有不经过后台的，在处理经过后台的Xss攻击时我们通过增加filter进行过滤，验证特殊字符、验证refer等方式，但是Dom型的xss参数的是不经过后台的，在后台处理没用。起初这个例子似乎是不会轻易遭受攻击的。毕竟，有谁会输入导致恶意代码的 URL，并且还在自己的电脑上运行呢？真正的危险在于攻击者会创建恶意的 URL，然后采用电子邮件或者社会工程的欺骗手段诱使受害者访问此 URL 的链接。当受害者单击这个链接时，他们不知不觉地通过易受攻击的网络应用程序，将恶意内容带到了自己的电脑中。..

原创 可视化2D动画—cavas旋转的圈

可视化2D动画1.1 RotatingCircle 介绍Cavas动画组件RotatingCircle是一个能够自定义颜色、半径、排序方式的圆形组件，具有2D动画效果，可以单独使用也可以与echarts结合。组件由五个圆形图组成，每个部分是独立的参数控制，可以自定义图形宽度、长度、颜色以及半径等。1.1.1 示例控件独立使用：echarts组合使用：1.1.2 代码示例（1）创建html文件，引入js文件<script src="js/fatterRotat.

原创 Threejs封装电流效果

封装 //样条线,根据规划的路径显示电流 云 const curve_catmullRom3 = new THREE.CatmullRomCurve3( [ new THREE.Vector3( 500, 500, 0 ), new THREE.Vector3(900, 600, 0 ), new THREE.Vector3(450, 200, 0 ), new THREE.Vect...

原创 Java研发小试（面试题）

把项目中用到的整理了下，大家小试一下吧打包，答案我就屏蔽了，感兴趣应该都能百度到---------------后台 -------------------：1、跨站脚本攻击XSS 和 CSRF跨站点请求伪造 防护手段2、图片伪造攻击防护手段 3、缓存击穿、雪崩、穿透有什么区别，怎么预防4、常用的负责均衡算法有哪些 5、mybatis中，${}和#{}区别？6、常用的springmvc注解7、SpringMVC怎么样设定重定向和转发的？...

原创 手机端验证码session找不到

可以通过数据、static变量或者servlet上下文，下面代码是servlet上下文// 生成验证码HttpServletRequest request = ServletActionContext.getRequest();ServletContext context = request.getSession().getServletContext();context.setAttribute("validateCode", code);// 把验证码放进应用上下文

原创 高德3D动态地图—旋转视角

https://lbs.amap.com/demo/loca-v2/demos/cat-view-control/view-control

原创 HttpURLConnection 发送多个文件，包含头部

//参考地址 https://www.cnblogs.com/java-spring/p/12485557.htmlimport java.io.File;import java.io.FileInputStream;import java.nio.charset.Charset;import java.util.List;import org.apache.http.HttpEntity;import org.apache.http.client.methods.Closeab...

原创 ThreeJS入门篇（4）-场景Scene，三维空间

场景(Scene)，是Web3D中的一个情景，在情景中允许放置多个对象、多个灯光、多个照相机、多个渲染器以及多个控制器。换句话说，Scene就是我们的一个3D页面，我们看到的所有东西都需要加载到Scene中。Scene提供了五个属性autoUpdate、background、environment、fog、overrideMaterial，这其中我只使用了两个，也只介绍两个：background：情景背景图，背景图支持普通的2D图片做为背景，也支持使用天空之盒做三维立体视角；fog：雾化效果，支持场

原创 安装mysql8.0.23后consider upgrading mysql client

改成mysql8之后，历史程序无法连接，出现“consider upgrading mysql client”，修改密码机制，mysql_native_password是旧的密码校验机制命令如下，看自己的账号是root@% 还是root localhostALTER USER 'root'@'%' IDENTIFIED WITH mysql_native_password BY '123456';或者ALTER USER 'root'@'localhost' IDENTIFIED WI.

原创 ThreeJS入门篇11—移动3D 控帧

渲染Render更像打印机，将我们前面“拍摄”的图像呈现在浏览器中，根据图像的拍摄方式不同，基于B/S的ThreeJS能够将不同的画面到PC/移动等设备，通过控制每秒帧的数量fbs保持流程的画面感，渲染器根据渲染的物体有不同的类型，多个类型可以组合使用：WebGLRenderer：按照webGL的规范进行渲染显示场景，这种渲染方式最常用 CSS3DRenderer：通过CSS3转换属性将分层的3D应用到DOM元素中，这种渲染方式不支持材质和几何体，只适合普通的DOM元素 CSS2DRender...

原创 系统自适应，Ctrl+滚轮缩放界面等比例放大（页面不乱）

Ctrl+滚轮缩放界面等比例放大，并且保持页面不乱，实现比较简单获取当前浏览器比例，然后将body的高度、宽度拉伸一下就OKfunction ChangeRatio() { var ratio = 0; var screen = window.screen; var ua = navigator.userAgent.toLowerCase(); if (window.devicePixelRatio !== undefined) { rati.

原创 ThreeJS入门篇（3）-HelloWord规范化重构

上一节中讲到了第一个示例HelloWord，但是这个示例代码很乱，不成体系也不方便后期修改，我们采用面向对象的思想对原示例进行整理，每一个三维场景都可以理解成人拿着相机对一个物体进行拍摄，我们对三维场景进行客观描述有场景、相机、物体、光源，交互事件有视角控制、物体交互控制、渲染成像、特效处理，为了方便研发还有坐标辅助线、视角辅助线、网格辅助线等等辅助功能，所以将其整理成10个独立的部分，这也是之后所有示例的基础版本，每个示例对这10个方法进行不同的填充初始化数据三维背景空间相机

原创 ThreeJS入门篇（2）—HelloWord

一个好的Web3D场景开发自创模型太难，外部模型太复杂（3D max、maya、 sketchup ）；模型需要优化，太大会导致加载时间过长，需要与模型方沟通；现阶段所有的模型都是用别人优化过得，只尝试优化过3D MAX。...

原创 ThreeJS入门篇（1）开场扯淡

工业和信息化部主管、中国信息通信研究院主办的专业学术期刊《信息通信技术与政策》，2020年第3期设置“数字孪生城市”专题，以“数字孪生城市”为主题，展示数字孪生城市关键技术、数字孪生城市研究成果以及数字孪生城市发展趋势。2020年2月28日，工信部发布《建材工业智能制造数字转型三年行动计划（2020-2022年）》，在新一代信息通信技术创新场景方向中指出大数据、云平台、5G通信、人工智能、BIM、数字孪生六个方向。2020年4月10日，为深入实施数字经济战略，加快数字产业化和产业数字化，培育新经济发

原创 Logback日志时间相差8小时

docker与宿主机时间已经一致，但是springboot服务中logback的记录时间仍然差8小时，这里指定了时区解决yyyy-MM-dd HH:mm:ss.SSS,CTTCTT表示时区，这里指明的是上海时间，具体的官方说明