- 博客(437)
- 问答 (7)
- 收藏
- 关注
RSS订阅
原创 electron typescript运行并设置eslint检测
使用main.js作为入口文件时，我们只要找到main.js路径配置到package.json的“main”位置就行了，但直接改.ts肯定会报错，所以我们需要让electron找到main.ts编译后转的.js文件的位置。终端运行：你会看到项目的ts文件被转为js文件存到了“outDir”指向的文件夹里（这里是".electron"）我的：这里的"main"没太大影响，看后面的步骤。终端运行：可以看到electron程序正常启动了。即可进行eslint纠正检测。3、安装eslint。五、配置eslint。
2025-01-28 20:46:08
1699
原创 SpringCloud Gateway Netty Websocket实现高性能聊天系统集群方案
当用户在不同Netty服务器上时（此时发送与接收者都在线），我会先让服务器去Redis获取对应用户名的ChannelId，先在本地服务器中查找，若查询到该ChannelId的Channel则直接转发，否则为不在同一个Netty服务器上，发送Channel寻找的信号到MQ进行广播，其他服务器获取到广播后查询直接是否有该ChannelId的Channel，若有则转发；有了这样的对象以后，我便可对发送过来的消息进行序列化与反序列化获取数据，通过消息对象中的数据是否正确与是否认证来决定消息的转发。
2023-03-01 15:33:01
3041
7
原创 前端 Overflow hidden与auto切换时页面右移的问题解决 Antd Drawer打开关闭时位置偏移的问题的解决
一的解决方案也是二的解决方案，通过查看Antd Drawer打开时的body样式，我们可以发现，body在Antd Drawer打开时被Antd设置了样式，即“width: calc(100% - 滚动条宽度)”，这就是发生偏移的问题所在，我们只需要确保打开时body的宽度是我们预期的宽度即可解决该问题。这里我们获取到页面全局的滚动条宽度，再将页面宽度设置成一个定值，在条件切换的状态下，页面就不会发生位置变化了。在通过js切换页面全局滚动条状态时，我发现页面随着滚动条的消失与重现发生了位置变化。
2025-03-28 15:34:21
319
原创 ReactNative react-devtools 夜神模拟器连调
这里选择5.3.1版本，因为高版本可能与夜神模拟器无法联动，导致部分功能无法正常使用。在expo程序里点击这里刷新，开启程序页面。在模拟器里，点击侧边“
2025-01-28 14:00:11
762
原创 Webstorm 配置Eslint ESLint: TypeError: this.libOptions.parse is not a function
Webstorm 配置Eslint ESLint: TypeError: this.libOptions.parse is not a function 解决办法：把 {**/*,*}.{js,ts,jsx,tsx,html,vue}换成 {**/*,*}.(js,ts,jsx,tsx,html,vue)
2025-01-11 23:31:26
228
原创 git 常用命令和本地合并解决冲突
最近，使用mac电脑，无法直接使用小乌龟进行可视化操作，现在记录一些一些常用命令。如果本地没有对应分支，可以使用上面checkout的命令来获取对应分支。
2025-01-05 15:18:13
358
原创 微前端Webpack集成Vite子应用避坑指南
微前端Webpack集成Vite子应用避坑指南。vite-plugin-qiankun: 帮助应用快速接入乾坤的vite插件保留vite构建es模块的优势一键配置，不影响已有的vite配置支持vite开发环境问题描述：子应用有多个root.render页面，用于处理不同的渲染逻辑，直接访问子应用的这些页面，一切正常；但在父应用中访问某些页面时，页面找不到了。经过控制台打印检查，发现子应用根本没有走自定义render页的逻辑，连自定义html里script module也未使用。
2024-12-31 11:28:24
1800
原创 Graph @antv/g6 数据刷新导致的位置和缩放比例问题解决
小伙伴写了个功能，每10s刷新一次页面数据，对graph进行重新渲染，但不巧的是，每次刷新数据graph都会回到初始位置。百度上对此记录也很少，查阅官方文档，发现官方文档的一些方法在当前版本中根本就不存在。于是，我在查阅Graph源码后，找到了如下解决方案。在graph销毁前获取当前graph的zoom和缩放为1的position, 之后，在下次render时先设置缩放为1的position, 最后设置zoom，问题就解决了。3、graph每次渲染时，设置graph上次的状态。
2024-12-17 10:30:11
542
原创 Nextjs 前端设置正向代理 解决 跨域问题
这样配置以后，每次发送请求给“/api/”就会被直接代理到对应域名的地址，而不会出现跨域问题。/api/data 会代理到 域名/api/data 路径下。
2024-12-01 19:53:14
652
原创 TailwindCss 总结
Width - TailwindCSS中文文档 | TailwindCSS中文网Tailwind CSS 的工作原理是扫描所有 HTML 文件、JavaScript 组件以及任何 模板中的 CSS 类（class）名，然后生成相应的样式代码并写入 到一个静态 CSS 文件中。他快速、灵活、可靠，没有运行时负担。简单的讲就是，我们可以通过直接编辑class里的类名来直接实现想要的效果。
2024-11-26 20:36:02
682
原创 ReactNative TypeError [ERR_INVALID_CHAR]: Invalid character in header content [“X-React-Native-Proje
react native 异常：TypeError [ERR_INVALID_CHAR]: Invalid character in header content ["X-React-Native-Project-Root"] 检查你的reactNative项目目录路径是否有中文或特殊字符，这是报错的原因。确保项目目录路径没有中文或特殊字符，问题解决！
2024-11-22 21:35:18
462
原创 前端框架 react 性能优化
性能优化三部曲：1、寻找项目中性能损耗严重的子树；2、在子树的根节点使用性能优化API；3、子树中运用变与不变分离原则。总结到此，相信你已经掌握了性能优化的精髓。
2024-11-21 20:54:12
1346
2
原创 前端 px、rpx、em、rem、vh、vw计量单位的区别
这里是视窗指的是浏览器内部的可视区域大小，即 window.innerWidth/window.innerHeight 大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。2、随着 rem 在众多的浏览器都得到支持，有需要考虑到对多设备，多分辨率的自适应，无疑这时候 rem 是最合适的（如：移动端的开发）。3、在响应式布局中，页面中的所有元素都使用额 em 单位值，em 是一个相对的大小，默认情况下 1em=16px。2、1vh等于视口高度的1%，1vw等于视口宽度的1%。
2024-11-19 10:55:30
1375
原创 前端 JS 浅拷贝与深拷贝
return res} else {age: 18,fn() {obj.fn()obj2.fn()打印：可以看到深拷贝成功了，函数也深拷贝成功了。1、如果是基本数据类型，js都是采用深拷贝的，数据之间不会有任何影响；2、可以通过解构重构或Object.assgin方法来实现浅拷贝；3、深拷贝可以使用实验中的深拷贝递归函数来实现，对于一些没有函数的对象可以实验JSON.parse(JSON.stringify()) 的方法来快速实现深拷贝。总结到此！
2024-11-18 16:26:52
1207
原创 前端框架 详解遍历数组为何需要加Key
key的作用相当于一个ID，只是无法在页面中查看，当设置key以后，在更新渲染比较元素时，就会比较相同key的元素，而不是按照顺序进行比较，在渲染一个列表时，通常给列表每个元素设置一个唯一的key来解决上述问题（这个key在当前列表中唯一即可）
2024-11-17 20:20:00
695
原创 前端 JS 实用操作总结
不同在于，find查找到一个选项后，就立即返回停止执行了。这个方法可以用来整合数组，他可以对数组中的值进行计算，最终数组中的所有元素合并为一个值。（4）箭头函数的this，一旦确定后是无法更改的，无法使用call、bind、apply来修改this指向。打印：可以得出箭头函数并没有arguments实参，直接写肯定报错。打印：在严格模式下普通函数在全局中的this为undefined。将obj里的值在新对象中展开，相当于浅拷贝。prev: 上一次运算结果。打印：可以得出：箭头函数。特点：传统函数的简写。
2024-11-15 21:27:24
606
原创 前端 JS面向对象 继承
直接通过class来标注，并且构造函数同一为constructor(), 允许静态方法，添加extends关键字进行继承。这里我不难看出，第一种写法也存在一种问题，两个类型继承同一各方法时，修改的原型对象是同一各个导致一些修改上的问题。由此演进出不会影响修改的更优方案：通过构造函数来实现。
2024-11-12 11:44:56
376
原创 前端 JS面向对象 原型 prototype
prototype里的属性constructor属性就是帮原型确定它的构造函数是谁，如，构造函数Star的prototype里的constructor属性就是指向Star构造函数的。此外，__proto__实例化对象的原型中也有constructor，并且是指向prototype原型对象中的constructor的。打印：可以看到两个实例对象的该方法是同一个，证明都使用了同一个原型里的方法，没有新开内存拷贝。打印：不同实例对象的动态方法是不同的，会开出新的内存区域用于存储相同的方法。1、这是一个只读属性；
2024-11-12 10:38:37
617
原创 前端 call、bind、apply的实际使用
1、call、apply、bind方法都可以改变this的指向，可以配合this使用，实现继承的效果。2、call、apply都是调用后会立即指向的，但区别在于call传入的参数的逗号隔开的，而apply传入的参数是数组。3、bind调用后不会立即执行函数，而是返回一个新的函数，需要调用才能执行。
2024-11-11 21:42:44
514
原创 前端 Canvas 绘画 总结
注：Canvas的宽高需要通过属性来设置，尽量不要使用CSS来设置。3、使用canvas提供的api进行绘图。1、需要一个canvas标签。实现效果：同样绘制出一个矩形。2、需要获取 画笔 对象。实现效果：绘制出一个矩形。
2024-11-07 20:11:19
464
原创 JS 异步 Promise、Async、await详解
可以看到，首先打印了Test Demo，3秒后执行了第一各Promise里的内容，执行完第一个Promise里的内容后，再过2秒执行了第二各Promise里的内容。可以看到，首先打印了Test Demo，3秒后执行了第一各Promise里的内容，执行完第一个Promise里的内容后，再过2秒执行了第二各Promise里的内容。(2) Promise.race() 中Promise序列中第一个执行完毕的是通过，则认为是成功，如果第一个执行完毕的Promise是rejected，则认为失败；
2024-11-03 14:56:51
4239
转载 Java Set 线程安全
这篇够了：【并发编程篇】解决线程安全问题 — CopyOnWriteArraySet_copyonwritearrayset线程安全吗-优快云博客
2024-09-07 10:48:54
106
原创 SpringBoot JPA 语法大全
JPQLsnipper:为JPQL,@Query的写法的例子。Sample:为直接用在方法名上的例子。Keyword:为关键词。
2024-08-29 10:23:46
309
原创 前端 React useState 数组或对象改变后页面没有更新渲染解决
【代码】前端 React useState 数组或对象改变后页面没有更新渲染解决。
2024-08-28 11:13:46
1244
原创 Nginx 配置Nextjs和SpringBoot项目的https并解决跨域问题
起初配置了https的前端是不能正常访问http的后端的，于是我将后端项目也配置成了https，后端数据问题得以解决，但这里的OSS为七牛云绑定的http链接，图片资源还是会报错，于是我采用了代理加跨域允许的方式解决了该问题。这里的 xloda.com/qiniu/ 就类似于 qiniu.xloda.com/ 前端项目里将OSShost改成代理的路径即可。
2024-08-10 21:24:13
634
原创 SpringBoot MybatisPlus selectOne的坑
selectOne在查询多条数据时会报错，查询语句并不会加 limit 1。使用selectOne方法查询数据库，在数据中发现多条数据，然后出现报错。这样不但查询时会只查一条提升性能，selectOne也不再报错。false：不抛出异常，从多个结果中取一条并记录日志即可。解决：替换IServer中的getOne方法，true ：抛出异常。
2024-08-07 11:42:32
1043
原创 前端 react 实现图片上传前压缩 缩率图
可以看到源图片已经被压缩了，这样处理后再提交至服务器就能节省带宽，提高前端加载效率了，注意质量数值设置的过小图片过大可能导致图片失帧。
2024-08-04 13:25:09
460
原创 SpringCloud OpenFeign 踩坑总结
最终，我的解决方法是通过在接口上加上@RequestHeader("Authorization") String token来解决问题：每次调用feign接口时我都将访问携带的请求头给他加上，这样成功解决了认证问题。解决方案：Feign接口会将接口转换成http形式，这就要我们注意接口上的@RequestParam、@RequestBody这些参数不能少，准确使用。由于我的微服务配置了Oauth2来进行权限访问，直接访问认证后才能访问的接口会报401未授权。至此，总结完毕，问题也全部解决！
2024-06-27 10:19:50
923
原创 SpringCloud Maven多模块项目导包
首先，点击Idea右侧的Maven管理栏，找到项目的root, 点击上方闪电形状的按钮来跳过执行test文件。1、点击执行root父项目的clean;2.Clean完成后再点击install,打包没有报错后，可以看到子模块多了jar包。仅在有SpringBoot启动类的子项目的配置里分别配置打包插件（注：没有启动类的公共依赖子项目不得添加打包插件，否则会报错）通过设置启动的编码格式来解决该问题：-Dfile.encoding=utf-8。因为Maven某人的打包方式是。所有父项目均需确保配置了。
2024-06-21 08:37:23
825
原创 Nextjs 集成富文本编辑器react-quill
由于Next与react有些差别，直接调用组件会报无法找到文档的错误，于是我们只有考虑动态导入了解决问题。因为富文本编辑器一般作用与form页面对SEO意义不大，所以这里可以考虑暂时关闭SSR。
2024-06-11 16:51:55
830
3
原创 SpringBoot 七牛云 OSS 私有模式 获取访问链接
由于七牛云OSS的公有模式存在被盗刷的风险，可能导致服务器额外的费用，于是我选择私有模式进行操作。私有模式的访问路径是一个问题，因为需要对应的token和e这两个参数，经过尝试后，我发现解决私有访问的方法如下。这样即可获取到私有访问路径，测试发现私有访问路径有效。二、在SpringBoot中获取私有访问路径的操作。
2024-06-01 10:56:08
839
原创 Nextjs 动态路由获取参数
useRouter()有个query属性可以获取到动态路径的参数，这样问题就解决了。使用Nextjs13版本参考官方文档后实现仍有问题，网上的材料大多和官网一致，经过测试后，我找到了这个解决方案：
2024-05-24 12:42:54
1846
空空如也
SpringCloud Sentinel Gateway Nacos
2024-09-21
SpringCloud Maven多模块项目如何导出可以正常运行的Jar包
2024-06-19
身份证实名认证除了第三方提供的付费接口，是否可以查到对应公安的身份证比对接口？
2024-05-16
Netty集群如何做到Channel共享，高并发
2023-01-09
如何保证rocketmq的服务器安全不被别人修改
2022-10-13
SpringCloud搭建Nacos集群基于Nginx,配置文件后报错，如何解决？
2022-04-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人