自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小左的博客

我在努力爬坑

  • 博客(49)
  • 收藏
  • 关注

原创 前端~三维地图(cesium)动态材质飞线

/ 修改:新增流动区域颜色和速率参数}`;// 线主体颜色// 流动线颜色//流动区域占整个线段的比例(0~1)//流动速度// 解构参数super({fabric: {color,flowColor, // 新增:流动区域颜色percent,speed, // 新增:流动速度},source: FlyLineShaderSource, // 使用抽离的着色器代码},});

2025-05-14 15:35:54 343

原创 前端~三维地图(cesium)动态材质扩散圆环

/ 着色器代码抽离为常量 const DiffuseCircleShaderSource = ` uniform vec4 color;discard;discard;i++){} `;// 参数类型定义 type DiffuseCircleOptions = {

2025-05-14 14:48:58 291

原创 前端~三维地图(cesium)详情弹出框拖拽带连线

cesium可拖拽详情框详情框和点位的连线不是通过cesium 的line 实现的,是通过svg 的line 实现的,可能你看到这里,下面的你就不需要再看了。我看了很多文章,都不是卡在如何弹出OverLayHtml,都是卡在如何设置这个连线上。

2025-05-12 11:18:45 326

原创 前端~三维地图(cesium)-基础使用

cesium

2025-05-12 09:25:11 168

原创 前端~地图(openlayers)绘制车辆运动轨迹(仿高德)

openlayers 运动轨迹

2025-04-22 14:33:50 286

原创 前端~UI框架试用(inspiral-U)

Tips:需要结合 tailwindccs 使用,可以根据官网的安装指引。

2025-04-17 09:59:53 320

原创 前端~地图(openlayers)基础使用

openlayers 地图

2025-04-17 09:48:12 782

原创 Docker安装Minio+SpringBoot上传下载文件

Docker Minio SpringBoot

2024-10-11 15:28:00 468

原创 Linux-Docker阿里云镜像仓库失效

写在前面,这个是我很早之前在VmWare安装的Linux7,通过yum 安装的docker,但是今天怎么都无法pull镜像,报错如下。问题排查。

2024-10-10 10:56:11 2703 1

原创 前端-Vue组件key的作用

写在前面:这是一个排行版组件,但是点击下钻的时候更新dataList 数据,但是动画是从一部分开始加载的,类似于列表的一部分数据被复用了,虽然里面的值换了,但是动画不在了。这里描述一下组件key的作用,通过这个key 解决了组件动画只有一半的BUG。

2024-06-04 16:53:38 420

原创 Linux-删除文件空间仍然不释放

以上是常规操作,但是本以为删除文件后,在移动文件应该可以了,但是还是提示空间不足,有点诡异了,网上查了一下,说是文件仍然被线程占用,所以空间不会被释放。tips:写在前面,我需要在Linux 服务器上从A目录移动文件到B目录,报错信息如下。删除文件大家都会,但是删除文件后空间仍然不释放,我是第一次遇到,记录一下。解决方案:找到占用磁盘最多的目录活非必要的日志文件删除,释放磁盘空间。也就是移动到的目录磁盘空间不足。

2024-05-17 16:45:35 491 1

原创 Nginx-location匹配规则

每次配置Nginx的时候,不是多个这匹配不上就是那匹配不上,多个斜线少个斜线的,然后头疼,尤其多层代理之后,真是疯狂掉头发fill:#333;color:#333;color:#333;fill:none;important;important;important;important;important;important;正则匹配urilocation匹配正则匹配全路径匹配资源静态资源proxy_pass 代理接口。

2024-02-29 17:40:48 991

原创 Nginx多次代理后获取真实的用户IP访问地址

需求:记录用户操作记录,类似如下表格的这样PS: 注意无论你的服务是Http访问还是Https 访问的都是可以的,我们服务之前是客户只给开放了一个端口,但是既要支持https又要支持http协议,nginx 是可以通过stream 模块配置双协议支持,但是stream块是四层协议,无法获取到真实的用户IP地址,后来把http协议关闭了,才能继续获取IP地址,如果有类似的情况可以检查是不是也有stream块配置。我们是从外网穿透到内网的,真实链路如下外网Nginxfill:#333;

2024-02-29 15:11:08 2929 1

原创 Linux安装Nginx&配置Keepalived高可用

反向代理:其实客户端对代理是无感知的,因为客户端不需要任何配置就可以访问,我们只需要将请求发送到反向代理服务器,由反向代理服务器去选择目标服务器获取数据后,在返回给客户端,此时反向代理服务器和目标服务器对外就是一个服务器,暴露的是代理服务器地址,隐藏了真是的服务器IP地址。用于不含正则表达式的uri前,要求Nginx服务器找到标识uri和请求字符串匹配度最高的location,立即使用此location 处理请求,而不再使用location中的正则uri 和请求字符串匹配。支持的最大连接数为1024个。

2024-02-29 13:57:56 960

原创 前端-Vue3递归组件&自定义Tree

PS:子集不处理事件,无限向上抛出,最后有父级处理。// 增加选中事件});// 子集向上抛出事件Tree 组件// 增加绑定选中事件},// 定义v-model绑定的参数type: [],});// 保存全部选中的节点// 值更新抛出事件// 节点是否选中,选中数组新增,取消选中数组删除} else {// 绑定值更新。

2024-02-27 12:01:27 1794 1

原创 Vue3自定义组件v-model双向绑定

假设我们自定义一个搜索框组件,样式肯定是比input 标签本身的好看,在配上搜索按钮这里的代码就不描述了placeholder="请输入企业名称"/>

2024-02-23 15:30:55 809

原创 没有外网Nginx如何配置如何开启https

如果一切顺利,在执行openssl version 会看到open-ssl版本,但是我这里出现了一个小插曲,我在安装完然后执行的时候报错没好用,分析报错原因,我这原来不知道谁建立了一个目录ssl目录,导致我设置的SSL库文件路径没有生效,报错信息如下。如果不支持ssl 模块需要升级一下nginx ,切换到nginx 之前编译的目录,就是执行make之前的目录,因为我们要重新编译,在把编译好的拷贝到现在正在使用的目录中,原理大概就是这个意思。编译后目录:/usr/local/nginx。

2024-01-26 14:16:27 1411 1

原创 Vue3 + Vite + Css3切换主题

/ 这样是不生效的// 改成这样是可以的// 不生效// 这样可以的。

2024-01-17 09:46:24 938

原创 前端-Vue3 - 列表滚动条位置定位

至此,上面已经完成了需求的功能,但是代码还是如果每个页面都拷贝这么多代码进去略微有些麻烦,我们在把代码升级一下,可以使用自定义hooks 函数。: 当用户的查询的列表数据过多,然后翻到很多页以后,点击查看详情,再点击返回后页面重新加载,再想看还得翻到刚才的位置,对于用户的体验不友好。在需要的地方引入hooks。

2023-11-22 13:43:49 2115 2

原创 搭建redis集群

redis 集群分为一下几种:【主从模式】:一般情况大多都是读多写少的情况,主从模式可以将读写分离,主库写,从库只负责读取的情况,这从如果任何一个从库宕机的情况,整个集群仍然可以提供工作,缺点就是如果主宕机,集群将无法提供写操作,存在影响用户体验的情况。【哨兵模式】:是主从模式的升级版本,通过redis哨兵监控集群的整体工作状态,虽然达到了动态处理宕机的情况,但是存在存储瓶颈,限制于当前的主的存储容量【分片模式】:解决存储容量上线的问题,基于散列插槽的形式提升存储容量,解决海量存储的问题。

2023-08-18 19:42:06 310

原创 前端-ES6

为了解决var的作用域的问题,而且var 有变量提升,会出现全局污染的问题。解决字符串拼接问题,类似Java中的占位符号。

2023-08-18 19:40:39 1192

原创 前端-初始化Vue3+TypeScript

如果使用如下命令初始化项目,项目很干净,很适合了解项目的各个结构。如果使用如下命令初始化项目,是可以选择你需要的组件。

2023-08-18 19:39:22 679

原创 前端-CSS-Less预处理

【代码】前端-CSS-Less预处理。

2023-08-18 19:37:24 118

原创 前端-重拾CSS

设置鼠标悬停在元素上时的样式为已访问和未访问链接设置不同的样式设置元素获得焦点时的样式。

2023-08-18 19:34:34 138

原创 前端-TypeScript

解释TS:可以理解为是JS的升级版本,众所众知,JS不像Java语言有类型的定义,所以编译器或者在编译的时候是没办法知道定义的类型是什么,是可以是数字类型的字符串等等。强类型可以规范代码,以及后期对代码的维护行更好。

2023-08-18 19:32:10 199

原创 前端-VuePress 快速建站工具

/ 当前的更新时间是英文的, 可以安装时间格式化插件 moment// .vuepress/config.js 配置该插件// 中文格式化// moment 官网 https://momentjs.devjs.cn/plugins: [PWA 提示更新内容可用。

2023-08-18 19:31:24 652

原创 前端-Vue3-状态管理库Pinia

这包括在许多地方使用的数据,例如在导航栏中的用户信息,以及需要通过页面保存的数据,例如一个非常负载的多步骤表单。它有三个概念,state、getter和action,我们可以假设这些概念相当于组件中的data、computed和methods。另一方面,你应该避免在Store中引入那些原本可以在组建中保存的本地数据,例如,一个元素在页面中的可见性。换句话说,它承载着全局的状态。它有地像一个永远存在的组件,每个组件都可以读取何写入它。Store是一个保存状态和业务逻辑的实体,它并不与你的组件树绑定。

2023-08-18 19:29:38 280

原创 前端-Sass和Less区别

在Sass中,使用 & 符号来表示父级选择器,并使用 > 符号来表示子元素选择器,如 .parent { &.child { …导入其他文件:Less使用 @import 语句来导入其他Less文件,而Sass使用 @import 语句来导入其他Sass文件。然而,在Sass中,还可以使用 @use 和 @import 来导入模块和其他样式表。文件扩展名:Less文件的扩展名为 .less ,而Sass文件的扩展名可以是 .sass (使用缩进语法)或 .scss (使用SCSS语法)。

2023-08-18 19:27:54 813

原创 SpringBoot应用程序部署生产环境需要设置哪些参数?

java -jar -Dlogging.path=/App/log/SRT/api-gateway-common-Denv=pro -Dapollo.meta=apolloIp-Dfile.encoding=UTF-8-Xmx3072M-Xms3072M-Xss1m-XX:+UseG1GC-XX:MetaspaceSize=256m-XX:MaxMetaspaceSize=256m-XX:MaxDirectMemorySize=500m-XX:ParallelGCThreads=8-X

2022-08-24 12:29:21 666

原创 SpringCloud-GateWay-动态路由

网关为什么需要动态路由?网关的核心功能就是通过配置不同路由策略在配合注册中心访问不同的微服务,而默认是在yaml文件中配置路由策略动态路由原理动态路由相关代码当前实现存在的问题...

2021-05-14 15:21:03 4477 1

原创 Java从零开始构建微服务项目需要注意什么?

如何搭建分布式项目结构(maven)优先想到肯定是maven父子工程,但是不同包应该如何划分,信息·

2020-11-02 15:24:30 754 1

原创 微服务之分布式定时任务Quartz和xxl-Job比较

难易程度比较Quartz 官方并没有给出明确的例子,本身是可以脱离Spring-boot 单独工作的,而且可以更高度自定义话。xxl-job 官方github提供了springboot集成demo,所以在集成方面,个人更推荐xxl-job,五分钟上手。图形化界面Quartz 需要单独开发页面,以及任务的管理,以及相应的接口都需自己开发。xxl-job 本身就提供管理界面,同时也提供用户管理,定时任务管理,执行器管理,自定义Cron 表达式等。集群部署Quartz 可以说本身就是一个微服务,所有

2020-10-16 14:06:57 6920

原创 微服务之BOM定义

BOM (Bill Of Materials) 是由maven提供的功能,它通过定义一整套相互兼容的jar包版本集合,使用时只需要依赖该BOM文件,即可放心的使用需要的jar包,且无需在指定版本号。BOM的维护方负责版本升级,并保证BOM定义的jar包之间的兼容性。为什么要使用BOM 使用BOM除了可以方便使用者在声明依赖的客户端时不需要指定版本号外,最主要的原因是可以解决依赖冲突。如何定义BOM BOM 本质上是一个普通的POM文件,区别是对于使用方而言,生效的只有 ** dependen.

2020-10-09 11:15:35 870

原创 Centos7安装NFS

创建需要共享的文件夹mkdir ./nfsdata文件夹给全部权限chmod 777 nfsdata/chown nfsnobody ./nfsdata/编辑 /etc/exports文件/nfsdata *(rw,no_root_squash,no_all_squash,sync)主节点安装yum installl -y nfs-common nfs-utils rpcbind子节点安装yum installl -y nfs-utils rpcbind.

2020-08-27 11:57:17 335

原创 Centos7安装最新版本Docker

yum 关联阿里云镜像仓库wget -O /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-7.repo配置第二仓库文件wget -O /etc/yum.repos.d/epel.repo http://mirrors.aliyun.com/repo/epel-7.repo清空原本的yum缓存yum clean all生成新的阿里云的yum缓存,加速下载预热数据yum makec.

2020-08-14 18:46:11 402

原创 使用ThreadLocal遇到的坑

前提:在SpringBoot 中使用ThreadLocal存储上下文信息,方便信息在不同类之间方便传递,用户信息错乱。ThreadLocal 应用场景举例:SpringSecurity 存储当前登录的用户信息–> SecurityContextHolderSpring 中事务处理,保证多个Service公用一个连接才能保证事务的一致性,会把Connection信息存储在ThreadLocal中问题解决方案:ThreadLocal 在线程销毁的时候会回收里面的值,但是如果线程归还给线程池,

2020-07-29 20:00:10 1754

原创 Docker版本ES+Kibana

前言:ES和SolrSolr 建立索引的时候搜索能力明显下降,实时搜索能力不高,ES实时搜索能力更强 Solr 需要通过ZooKeeper进行分布式,ES自己可以做分布式 Solr 支持多种数据格式,如JSON、XML、CSV,而ES只支持JSON Solr 官方提供的功能更多,而Elasticsearch本身更注重于核心功能,高级功能多有第三方插件提供 Solr在传统的搜索应用中表...

2020-07-03 16:17:06 907 1

原创 SpringCloudGateway路由失效

SpringCloudGateway 整合 nacos 路由失效的问题报错如下 java.lang.IllegalStateException: Invalid host: lb://mall_admin_service负载均衡配置的没有问题,对应的服务名称也没有问题,断点跟踪了一下,在这个RouteToRequestUrlFilter类中报错,代码很简单 if ("lb".equal...

2020-02-02 09:10:48 8396 5

原创 基于SpringBoot实现SpringSecurity前后分离

使用springSecurity已经有一段时间了,但是每次用还是感觉很茫然…这次我要把每个实现细节都记录一下。**带着问题找答案,先把问题记录一下,如果这些问题你也和我一样茫然,那希望后续能帮助到你~ **前后端分离如何自定义自己的请求路径~如何返回JSON格式数据如何配置权限码来实现权限控制以上的这些问题想必你也遇到了吧。##自定义表单SpringSecurity是基于一系列...

2020-01-10 15:43:58 1261 1

原创 SpringBoot自定义starter

自定义starter步骤1.导入自动导入依赖 pom文件2.文件入口3.Resource–>META-INF 创建spring.factories 文件指定你的文件入口例子Tips: version 根据父工程依赖走第一步: <dependency> <groupId>org.springframework.boot...

2019-11-20 16:01:08 204 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除