自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(134)
  • 收藏
  • 关注

原创 springboot 整合 ElasticSearch 方法 (二)

在pom.xml文件中需要引入3个依赖,, 不然会报错.不一定是 7.6.1 这个版本 , 只需要保证这三个依赖的版本一致就可以了.

2024-01-23 16:12:05 1207

原创 [Java] map.put() 报错 java.lang.NullPointerException

首先声明了一个ConcurrentHashMap, 并且初始化了, put的时候传的value是null, 然后就报错。ConcurrentHashMap 的 value 不能为 null, 改成 HashMap 就可以了.

2024-01-23 15:06:47 461

原创 springboot 整合 ElasticSearch 方法 (一)

相当于安装 MySQL, 可以在官网上下载 (链接在后面).要注意安装的 ES 的版本要和项目中用的 Springboot 的版本对应.比如我用的 Springboot 版本是 2.6, 所以ES要下载7.15 版本的.官网链接:点右边这个查看更多版本, 然后找到对应的版本下载就可以了.

2024-01-23 15:01:09 1120

原创 Java Springboot SSE如何判断客户端能否正常接收消息

然后,我们创建了一个 MyClass 对象,并使用 getConstructor() 方法获取了 MyClass 类的构造方法,并使用 newInstance() 方法创建了一个新的 MyClass 对象。接着,我们使用 getDeclaredField() 方法获取了 MyClass 类的 name 属性,并使用 setAccessible() 方法设置该属性可访问性为 true,然后使用 get() 方法获取了 obj 对象中 name 属性的值。同时在订阅时用此判断可以减少重复创建的机会。

2024-01-17 16:17:38 1235

原创 React Native expo框架中报错error: TypeError: relativePosixPath.replaceAll is not a function

在 Expo 框架中遇到 TypeError: relativePosixPath.replaceAll is not a function 这样的错误通常是因为你正在使用的 JavaScript 环境中不支持 String.prototype.replaceAll 方法。请升级到最新的 Node.js 版本。可以在官网下载最新的node, windows系统下载msi, 然后直接安装就可以了. node安装的时候会自动安装匹配的新版本npm, 所以npm就不用另外装了.启动项目 , 就可以正常运行了.

2023-12-04 15:49:09 758

原创 Antd Design的inputNumber实现千位分隔符和小数点并存

虽然通常英文的单词是由空格,标点符号或者换行来分隔的,但是 \b 并不匹配这些单词分隔字符中的任何一个,它只匹配一个位置。如果需要更精确的说法,\b 匹配这样的位置:它的前一个字符和后一个字符必须是\w (字母数字)和 \W (非字母数字),即匹配必须出现在 \w (字母数字)和 \W (非字母数字)字符之间的边界上。\b属于匹配位置的元字符,一般作占位作用,而不被捕获,同属于匹配位置的还有匹配行起始位^和行结束位$也是匹配数字, 不过这里匹配的是小数点后的数字, 有两个。这种数字也是满足匹配条件的,

2023-11-22 14:56:15 620

原创 前端伪进度条实现(仿antd message使用react组件静态方法)

但这时候, 只能知道静态方法调用成功了, 没法通过静态方法去改变组件的状态, 比如进度条的 percent 和 status , 我尝试在静态方法里调用 SelfDevProgress(percent:100) 这种方式去传值, 会报错.react项目中, 有些页面加载很慢, 为了提升用户体验, 需要在前端做一个伪进度条, 并且把这个伪进度条封装成一个组件, 提供给多个项目使用.1. 必须给挂载的div设置一个唯一的id, 如果不给设置一个唯一的id,每次调用都会挂载一个div,这个div会重叠很多次;

2023-10-26 13:47:20 929

原创 调用clearInterval(), 定时器仍在进行

把 timer 改成 useState 那种方式就可以了.我是在 react 的函数组件中遇到这个问题的,来清除定时器了, 但是发现定时器还在运行.在 fail() 函数中调用。

2023-10-26 11:21:31 305

原创 Android studio中如何下载sdk

打开 file -> settings 这个页面, 在要下载的 SDK 前面勾上, 然后点 apply。

2023-09-22 17:37:30 3384

原创 js制作柱状图的x轴时间, 分别展示 月/周/日 的数据

有个需求是要做一个柱状图, x 轴是时间, y 轴是数量. 其中 x 轴的时间有三种查看方式: 月份/周/日, 也就是分别查看从当前日期开始倒推的最近每月/每周/每日的数量

2023-09-20 16:52:05 379

原创 android studio安卓模拟器高德SDK定位网络连接异常

一开始以为是虚拟机没法用gps, 于是尝试给虚拟机传一个gpx文件, 结果一直在loading;之前报错的时候我的虚拟机的 target 就是 Google Play 的, 我又重新 create 了一个 Google API 的, 再运行程序发现就不会有上面的报错信息了.1. 谷歌内是可以打开百度页面的 (www.baidu.com), 并且可以使用百度搜索一些内容, 比如百度新闻是可以查看的;, 并且找到错误码 4 的信息, 显示的是网络问题.2. 虚拟机的 wifi 显示 “未连接网络”;

2023-09-05 18:46:29 743

原创 android studio 的 adb配置

配置好以后, 通过 win+R 打开命令框, 输入 adb, 如果如下所示说明 adb 配置好了.

2023-09-04 14:14:16 3100 1

原创 2023Flamingo安卓地图生成key时报错(keytool 错误: java.io.IOException: Invalid keystore format)

2023 Flamingo AS版本获取sha1时遇到的问题

2023-08-30 14:12:14 179 1

翻译 笔记 - Android10 拍照/从相册选择图片并展示出来 (Java版本)

代码是根据中 “调用摄像头和相册” 部分改写的 Java 实例.文字部分摘自书中内容.

2023-07-25 17:10:39 1750

原创 Android10 调用相机 ( 涉及读写文件 ) 闪退

按照 >写了一下调用摄像头和相册的案例, 页面是下面截图的样子, 拍照或者从相册选择图片后, 在下方的 imageView 里将图片显示出来.后来发现加了权限, 就不会闪退了. 估计是在程序中创建 file 对象, 用于存储拍照后的图片这个地方涉及到存储的读写权限了, 所以需要额外配置一下.书中没有提到 (可能是版本问题吧, 我看的是第三版, 基于Android10 的) 要单独配置读写权限, 所以项目运行起来的时候就一直闪退.

2023-07-25 16:40:38 374

原创 Android Studio 2022.3 新版 flamingo 安装步骤及遇到的问题

下载地址:D盘中新建一个 Android 文件夹, 用来存储 Android studio 和 SDK 文件.下载好之后, 运行 exe 文件, 点击 next注意这个路径最好不要有空格,比如 program files这种目录,不然后面安装sdk的时候会有问题.点击 install接下来等安装完就可以了.然后打开 Android studio之后, 进入这个页面, 等一下会出现一个弹框, 点 cancel, 然后点 next。

2023-05-26 15:04:48 2665

原创 js正则校验特殊的不可见字符

表单的输入框,用户可能从Excel或者其他地方直接复制粘贴,这时候提交到后端会导致获取的用户输入中包含一些特殊的不可见字符,比如tab键或者制表符等,这时需要在前端对用户输入做一些检验,检查是否存在不可见字符。个字符(最后一个字符)都是不可见的(无法显示),但是它们都具有一些特殊功能,所以称为控制字符( Control。是控制字符(不可见字符),我们可以在正则中通过。这种格式是错误的,没法进行正常的校验。1. 校验是否含有特殊的不可见字符。校验是否包含这些字符的16进制。2. 检验是否含有不可见字符。

2023-05-25 15:33:22 1908

原创 _fs.readFileSync is not a function

在浏览器环境中,由于安全考虑,前端JavaScript代码不能直接读取本地文件,即使是访问本地计算机上的文件系统也不行。

2023-05-16 14:23:37 3383

原创 nodejs处理xlsx文件生成json文件

nodejs处理xlsx文件有好几种方式,这里用的是js-xlsx库;

2023-05-16 14:19:24 1828

原创 react如何设置可自定义颜色的svg图标库(二)

经过上一篇的步骤,可以看到name这个需求已经实现了。关于颜色的处理上,有两种不同的需求:一是直接去除原来svg自带的颜色,所有的颜色都由用户重新设置(或有一个默认颜色);二是只有在用户传了颜色这个属性时才使用使用自定义的颜色,否则保留原来svg的颜色;(这个也是我的需求)针对这两种不同的需求,处理方案是不同的(仅是在使用了svg-sprite-loader的情况下)。第一种需求实现起来比较简单,第二种比较麻烦,下面分别讨论(有些情况我没有实践,所以只给了思路或参考)。

2023-03-28 10:42:36 1322

原创 react从零搭建按需加载的svg图标库过程(一)

这里 SymbolId 这一行可有可无,SymbolId对应的是使用时 use 标签的xlinkHref属性,也就是说如果采用了 SymbolId:‘icon-[name]’ 的配置,那么使用时的语句应该是 “icon-” 开头的;运行后发现页面是空白的,打开控制台发现是因为没有合理加载svg图标,这是因为webpack中本身就有对svg的处理规则,并且file-loader还有一个默认的地址。原理:svg-sprite-loader 会把svg 塞到一个个 symbol 中,合成一个大的 svg。

2023-03-27 09:29:13 1442 1

原创 TypeError: fs.readFile is not a function

产生原因拼写错误,注意大小写。这个东西是要在node下面运行的,我写在react的组件里当做一个方法用了,然后就一直报各种错。实际上应该是一个js文件,然后用node命令运行这个文件。菜哭……

2023-03-15 15:51:42 1886

原创 表格内容单/多行展示(三)- antd table有padding值时该如何设置

我的项目中需要实现当表格内容过多时单行/多行展示的效果,之前找到的几种方式应用到我的项目中时都会多多少少出现问题。经过了一段时间的摸索,终于找到了一种使用起来样式不会错乱的方法。项目:antd4 + react。

2023-02-27 13:41:39 1326

原创 表格内容单/多行显示(二)- 表格有padding时,多行省略号展示不生效

给table加了padding属性后,之前的单行省略号显示不受影响,但是多行省略号显示出现问题,省略号出现了,但是下面多了一行。

2023-02-24 13:24:04 389

原创 表格内容单/多行展示(一)- 单行/多行显示的方法

table-layout:fixed;对表格内容处理,实现当表格内容过多时,单行/多行显示文件内容,并且

2023-02-23 16:10:23 1967

原创 antd滚动表格纵向滚动条问题

antd的滚动表格的纵向滚动条消失问题。

2022-11-25 11:16:32 3290 2

原创 div中加入内容会下沉

复现有这样一个布局.上半部分有三个div, 没有使用定位或浮动, 调整好布局后, 显示正常. <!-- 配置部分 --> <div> <!-- 展示部分 --> <div class="configPart"> <div class="showPart"> <div class="showSelectDiv"> <!-- &l

2022-02-28 16:49:12 2059 4

原创 vue 2.0项目中使用tinymce富文本框遇到的问题

安装Tinymce现在tinymce-vue最新版本是4.0,用的vue3.0的了,所以搭建的vue2.0项目要使用之前的版本 ( 安装指定版本 ).首先安装tinymce的vue组件,因为没有注册服务:npm install @tinymce/[email protected] -S接着安装tinymce:npm install [email protected] -S当然也可以安装其他版本的.我的vue2.0项目一开始直接使用以下命令安装最新版的tinymce, 然后报错了. 如果是vue3

2022-02-10 13:35:42 5951 3

原创 前端跨域配置 axios.defaults.withCredentials = true; 无效的原因

背景前后端分离项目, 后端返回cookie的方式如下:在前端配置了 withCredentials = true :axios.defaults.withCredentials = true;但是cookie信息不能被浏览器保存下来. 虽然登陆接口返回了200, 但是登录实际上是无效的.这时候登陆接口的一些信息:原因网上的文章提到:如果要发送Cookie,Access-Control-Allow-Origin 就不能设为星号,必须指定明确的、与请求网页一致的域名。再看上面的

2022-02-08 10:37:28 13158 8

原创 解决双击事件触发两次单击事件

如果一个节点同时绑定了单击和双击事件, 那么双击的时候就会触发两次单击事件, 两个事件存在冲突。可以通过增加一个延迟时间来解决这个问题.let click_store = null; // 存储单击事件// 单击事件function single(){ // 清除第一次单击事件 clearTimeout(click_store) click_store = setTimeout(function () { // 单击事件的代码 // ...

2022-01-12 17:07:14 3271

原创 d3.js 取消zoom双击放大, 阻止默认事件

描述使用 D3.js v5版本绘制了一个力引导图, 有几个功能之间发生了冲突:单击节点展示节点信息双击节点以该节点为中心展开双击导致 svg 图放大 (zoom)问题双击节点时, 会触发这个节点的双击事件, 这个节点的单击事件, 还有整个svg的双击事件.解决方法一考虑到整个svg图会受节点双击事件影响导致放大, 是由于冒泡导致的, 所以可以取消一下 d3.js 的事件冒泡: .on("zooms", function () { d3.eve

2022-01-11 13:46:58 1525

转载 TypeError: this.getOptions is not a function

更改less和less-loader的版本:npm install [email protected] [email protected] --save-dev

2021-12-28 13:44:55 118

原创 d3.event.active报错原因

前面在非vue项目中使用时, 我们都是采用在线引入v5版本的方式, 将之前的代码修修改改复制粘贴到vue项目里的时候, 会遇到一个问题:当绘制力引导的图的时候是成功的, 但是当我们试图拖动节点的时候, 会发现节点无法被拖动, 而且红色选中的这两行会报错, 但在之前的v5版本中, 是没有这个问题的.错误代码:报错信息:网上并没有找到相应的资料, 只发现了某国外网站针对这个问题的两个提问, 所以只能靠自己发现问题了.首先要知道这几个函数 started, dragged, ended 是用来控制节

2021-12-24 16:33:59 1086

原创 d3 -力引导图(四) vue项目中的使用及可能遇到的问题(v7版本)

如果采用npm方式安装d3的话, 一般默认都会安装最近的版本, 目前d3已经更新到了 v7版本.vue中安装d3:npm install d3 --save-dev或者cnpm install d3 --save-dev然后在组件中引入d3:import * as d3 from 'd3';问题一 节点拖动前面在非vue项目中使用时, 我们都是采用在线引入v5版本的方式, 将之前的代码修修改改复制粘贴到vue项目里的时候, 会遇到一个问题:当绘制力引导的图的时候是成功的, 但是当我们

2021-12-23 17:02:36 1953 3

原创 el-autocomplete解决不显示下拉框列表问题

如图所示, 控制台中可以看到 results 中已经有了数据, 但是 cb(results) 却不能在网页中显示.产生原因:element-ui对于返回数据的格式有要求,必须是一个数组对象,并且属性名为“value”,将results中的属性名换成value就可以了.参考: 添加链接描述...

2021-12-23 13:52:14 2574

原创 d3 - 力引导图(三) 绑定事件

d3样例库介绍.on("event",function);d3通过 on() 绑定时间, 它有两个参数:第一个参数是事件类型第二个参数是执行的内容事件类型可以参考 MDN: MDN事件类型样例节点信息: const data = { "nodes": [{ "entity_name": "林黛玉", "entity_id": "entity/2870013",

2021-12-22 17:57:49 715

原创 d3.schemeCategory20报错原因

原回答:(v5) D3 no longer provides the d3.schemeCategory20* categorical color schemes. These twenty-color schemes were flawed because their grouped design could falsely imply relationships in the data: a shared hue can imply that the encoded data are part of

2021-12-22 17:35:22 727

原创 d3 - 力引导图(二) 为节点设置多种唯一颜色方案

v3版本:var color = d3.scale.category10();...return color[i];v4/v5版本:d3.schemeCategory10d3.schemeCategory20d3.schemeCategory20bd3.schemeCategory20c注意: v5版本只有 d3.schemeCategory10 可用, 其他几个已经被 d3-scale-chromatic 取代了, 在v5版本中使用后面几个都会报错! // 颜色比例尺var co

2021-12-22 16:20:02 3090

原创 d3 - 建立力引导图将知识图谱可视化 (一)

本文要实现的功能与这个网页比较类似: KGBuilder知识图谱可视化使用到的插件为: d3没有采用echarts等实现的原因是: echarts比较死板, 有些需求不能实现, 而d3可以灵活的制作出想要的图表.d3的引用/安装在线方式:可以在 <head></head>中插入 <script src="https://d3js.org/d3.v5.min.js"></script>:<head> <script src="

2021-12-21 17:13:34 4819

翻译 闭包和作用域 (for循环中的setTimeout)

注: 本文内容参考 《你不知道的JavaScript(上卷)》思考有如下代码:for (var i=1; i<=5; i++) { setTimeout( function timer() { console.log( i ); }, i*1000 ); }正常情况下,我们对这段代码行为的预期是分别输出数字 1~5,每秒一次,每次一个。 但实际上,这段代码在运行时会以每秒一次的频率输出五次 6。这是为什么?首先解释 6 是从哪里来的。这个循环的终止条件是 i 不再 &

2021-12-13 11:17:45 314 1

进度条组件示例demo

基于 antd 和 react 的进度条组件示例 demo

2023-10-26

空空如也

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

TA关注的人

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