自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

lcukyNwa的博客

分享学的技术栈与遇到的问题

  • 博客(53)
  • 资源 (5)
  • 收藏
  • 关注

原创 【后端】Java学习笔记(二周目-1)

java笔记二周目

2024-06-12 17:20:16 1367

原创 【Bug】el-date-picker组件时间差

2024-11-27T07:56:37.000Z 表示的是 UTC 时间。如果你当前所在的时区是 UTC+8(例如中国),那么这个时间实际上是比你选择的时间早 8 个小时。解决:给el-date-picker属性中加入下面一行,格式化为正确数据。T表示分隔符,Z表示的是UTC。这个组件默认是国际标准时间。

2024-11-27 16:19:32 466

原创 【配置】雷池WAF社区版安装

雷池(SafeLine)是长亭科技耗时近 10 年倾情打造的 WAF,核心检测能力由智能语义分析算法驱动。WAF 是 Web Application Firewall 的缩写,也被称为 Web 应用防火墙。区别于传统防火墙,WAF 工作在应用层,对基于 HTTP/HTTPS 协议的 Web 系统有着更好的防护效果,使其免于受到黑客的攻击。

2024-05-16 10:11:18 1318

原创 【前端】桌面版docker并部署前端项目

使用阿里云的容器加速,访问下面地址去获取加速链接。上面的xxx换成自己获取的。先build打包生成dist文件夹,只配置dockerfile文件即可,镜像配置加速,在settings—>docker engine下。docker桌面版和模拟器只能选一个,不然一直转圈圈。点MB后面的开始图标去配置一下,可以先本地测试。最简单配置如下:比较好的配置去网上找找。官网下载安装包并安装4.29.0版本。win10专业版 2004+ ,vue项目打包成docker镜像。云服务使用 打开9090端口。

2024-05-11 18:59:42 465

原创 【前端】项目Vue2升级Vue3注意事项

Vue2项目页面直接迁移到Vue3环境下,依旧2的写法,页面各种报错,尤其element-ui升级组件改动比较大;

2024-04-09 17:00:03 1095

原创 【Bug】vue3中使用echarts发现ncaught TypeError: Cannot read properties of undefined (reading ‘type‘)

因为用的setup语法,将这个值响应式去掉。

2024-03-20 16:00:59 160

原创 【前端】国际化实现过程

确定初始化的语言在setting中,页面加载会读取里面的语言走一次语言的初始化配置,后面就是按钮切换。安装依赖,配置,当点击中英文切换按钮时候,全局变换,element-plus组件也需要中英文切换。src下新建文件夹lang,再新建package文件夹同级别index.js。package下的en.json和zh-cn.json,类似下面。一开始确认默认的语言.main.js中配置ep的。其中setting是自定义的配置。走小仓库app.js。

2024-03-18 14:19:50 651

原创 【前端】字典获取过程

登录成功后,去路由守卫那获取用户名,如果有则放行,没则请求用户信息以及权限菜单和字典表等信息,存入浏览器缓存中,在需要的下拉框或者表格中使用,每次后端新增字典,前端需要在utils中的字典工具类中DICT_TYPE里加上对应的常量。utils里的字典工具类。

2024-03-18 11:43:03 939

原创 【前端】vscode快捷键和实用Api整理

切记,最好一个]要手输才有提示,代码右键使用插件Live Server打开浏览器查看效果。只需在我们的 URL 后添加您想要的图像尺寸(宽度和高度),您就会获得随机图像。生成5张图片,200*300的,再300后面加个]回车即可。由于浏览器缓存,则会5张图片会长一样,只需要300后面加个。开发静态页面没有数据的时候可以用它来占位。要获得正方形图像,只需添加尺寸即可。创建a.html 生成模板。div.lucky+回车。

2024-03-10 13:31:50 608

原创 【Bug】Github 443连接超时

原因:开了代理,网页可以访问,在vscode的提交没有走到代理,用的是猫7890端口。

2024-03-08 09:26:28 627

原创 【前端】原子化UnoCSS使用

有时候我们会遇到样式复用的情况,需要将一些相同的样式提取到一个 class 中。手动将每个原子粒的样式提取出来非常耗时耗力。曾经使用过 Bootstrap,但它会将没有使用到的类样式也打包到生产环境中,影响了性能。我们需要的是只打包使用到的样式,而不包括没有使用到的。UnoCSS 应运而生,它让我们能够实现“原子化 CSS”的构想。

2024-03-07 14:17:14 1212

原创 【Bug】 .gitignore 文件中定义的规则并没有生效

1、可能是路径不匹配,被我排除了。

2024-03-05 17:56:39 444

原创 【前端】Vite打包页面简单部署到GitHub上

vite打包的配置如图,base是仓库名称,docs是build后生成的打包目录。访问就是第一张图里的一串地址,这种方式比较方便吧。注意点已经打上箭头,代码我传到的是test分支。创建仓库---->上传代码---->设置。上传到GitHub就自动部署了。

2024-03-05 17:46:05 623

原创 【前端】i18n Ally插件使用

再如我的翻译文本是en.json和zh-CN.json,都在src目录下的lang/package下,配置就如下。比如我的翻译文件en.ts和zh-CN.ts,都在src目录下的locales目录,配置就如下。由于每个项目的语言可能做的都不一样,会导致无法找到真正的路径位置,所以我推荐。在项目的根目录找到.vscode再找到settings.json编辑它。如果发现翻译是英文的则看下vscode右下角的en改一下即可。vscode扩展搜i18n Ally。

2024-03-05 15:30:41 6098 10

原创 【Bug】查看或编辑弹框页后再新增,出现某验证失效

【代码】【Bug】查看或编辑弹框页后再新增,出现某验证失效。

2024-02-29 18:21:22 414

原创 【Bug】表单中的输入框按下回车会刷新页面

解决:在element表单中加入 @submit.native.prevent。原因:Form标签内有输入框时,按下回车键会默认触发表单的提交操作。

2024-02-29 18:12:00 413

原创 【前端】Echarts自适应分辨率和缩放功能

【代码】【前端】Echarts自适应分辨率和缩放功能。

2024-02-27 14:49:30 2284

原创 【前端】数据处理

2、验证必填*数据不能为空,再读取流格式Excel时候为空的转换为-4、将数据处理成elementUi里表格需要的数据。补充方法去掉*返回elementUi中表头的格式。3、将数组处理成elementUi中表头的格式。1、校验是否缺少必填字段。

2024-02-26 15:55:06 437

原创 【前端】Vue中引入excel模板并下载以及XLSX封装使用

我使用XLSX的场景,在我上传excel的时候,我需要获取它的表头以及里面的数据进行渲染到表格中,在我编辑的时候需要请求Excel的地址,将返回流转JSON也拿里面的表格数据。新增配置,在vue.config.js中,自己比较一下,最后一段新增的chainWebpack。src/assets/excelTemplate/模板.xls。即可将模板下载到本地。

2024-02-19 10:56:33 3854

原创 【前端】弹框组件

vue2项目,封装的第一版弹框组件使用基于elment-ui。在vue同级创建components/dialog文件夹。里面放paramDialog.vue。

2024-02-02 14:50:51 499

原创 【Bug】Node18问题error:0308010C:digital envelope routines::unsupported

在package.json里启动如dev的值里加下面前缀即可。node升级18后,项目启动又遇到的问题。

2024-02-01 15:56:11 404

原创 【Bug】Nvm安装Node18出现tls: failed to verify certificate: x509: certificate has expired or ...

nvm目录下找到 setting.txt里,将以前配置的。

2024-02-01 15:37:40 1047

原创 【后端】乐观锁和悲观锁

悲观锁:由于悲观锁可能对系统的吞吐性能造成影响,因此它更适合应用于写操作较多的场景。乐观锁:乐观锁的设计目的是为了避免悲观锁带来的缺点,因此更适合应用于读操作较多的场景。

2024-02-01 10:16:39 687

原创 【前端】echarts最少留下一个图例

需求是,有多个的legend配置,正常情况echarts可以全部点击取消掉,现在需要最少保留一个。用一个监听即可解决 myChart是图表实例。

2024-01-30 14:39:09 533

原创 【前端】Echarts使用 三纵坐标以及封装它

如果是npm替换一下yarn即可。弄个demo.vue 参考如下。main.js中引入。

2024-01-30 10:58:44 769

原创 【前端】日期转换

记录项目中需要处理的日期格式 默认vue2。

2024-01-30 10:36:09 795

原创 【前端】防抖和节流

项目中遇到的场景,需要鼠标悬浮在图表的时候,将ToolsTip里的数据回显到头部,由于是2张图表,无法直接赋值,必须通过请求后端接口,由于ToolsTip里的Api是鼠标放上面就会触发,就会出现发起了N个请求,这时候就可以利用防抖,只有一定时间没有动作,才会请求后端接口。防抖用于限制连续触发的事件的执行频率。当一个事件被触发时,防抖会延迟一定的时间执行对应的处理函数。如果在延迟时间内再次触发了同样的事件,那么之前的延迟执行将被取消,重新开始计时。监听echarts的tooltip 事件。

2024-01-29 18:57:12 775

原创 【Bug】DatePicker 日期选择器切换近几天失效

【代码】【Bug】DatePicker 日期选择器切换近几天失效。

2024-01-26 18:27:25 393

原创 【Bug】npm安装包时候报certificate has expired

【代码】【Bug】npm安装包时候报certificate has expired。

2024-01-24 09:11:16 580

原创 【设计模式 创建型】单例模式

1、单例模式保证了系统内存中该类只存在一个对象,节省了系统资源,对于一些需要频繁创建销毁的对象,使用单例模式可以提高系统性能。2、当想实例化一个单例类的时候,必须要记住使用相应的获取对象的方法,而不是使用 new。3、单例模式使用的场景:需要频繁的进行创建和销毁的对象、创建对象时耗时过多或耗费资源过多(即:重量级对象),但又经常用到的对象、工具类对象、频繁访问数据库或文件的对象(如:数据源、session 工厂等)

2024-01-19 16:07:31 1139

原创 【设计模式 行为型】策略模式

通过策略模式,我们可以轻松地在运行时切换不同的支付方式,而不需要改动客户端代码。策略模式将算法的选择和使用进行了解耦,提高了代码的灵活性和可维护性。同时,策略模式也符合开闭原则,当需要新增一种支付方式时,只需要添加新的具体策略类即可,无需修改原有代码逻辑。这样,客户端代码与具体的支付算法解耦,可以动态地在运行时切换支付策略。该模式通过将算法封装成独立的类,使得它们可以相互替换,而不影响使用算法的客户端代码。因此,采用策略模式能更好地解决这些问题,实现代码的松耦合和可维护性。,并有两个具体的策略类。

2024-01-19 16:00:03 584

原创 【设计原则】单一原则S

随着业务的发展,如果这个粗粒度的类变得庞大且代码量增加,这时候,我们可以对其进行持续重构,将其拆分成更细粒度的类。换句话说,我们不应该设计臃肿的类,而是应该设计粒度小、功能单一的类。从另一个角度来看,如果一个类包含两个或更多不相关的业务功能,那么我们可以说它的职责不够单一,应该将其拆分成多个职责更加独立、粒度更细的类。的是,单一职责原则并非绝对规定,而是需要根据具体情况来判断是否需要进行类和模块的拆分。不同的应用场景、不同阶段的需求背景下,对同一个类的职责是否单一的判定,可能都是不一样的。

2024-01-19 11:16:44 436

原创 【配置】加速访问Github

电脑里找到Microsoft Store软件。打开 搜Watt Toolkit下载并打开。勾选Github,在点击一键加速即可。

2024-01-18 16:00:48 519

原创 【Bug】ssh连github报Connection closed by 127.0.0.1 port 22

将.ssh下pub打开复制并粘贴到 key 对应文本框 在 title 文本框里任意写一个名称。登录 github 点头像-setting-ssh and…-New SSH key。3、在 C:\Users\Administrator.ssh 中添加config文件。原因是代理封禁了 Github 端口 22 的连接。2、检查邮箱是否对,并重新配置。

2024-01-18 11:52:57 879

原创 【前端】vue3和vue2区别

响应式系统的性能优化:Vue 3 使用 Proxy 替代了 Vue 2 中的 Object.defineProperty,这使得响应式系统在性能上有所提升。Proxy 的实现方式更高效,可以一次性拦截整个对象或数组,而不需要逐个定义属性,从而提高了大型对象或数组的性能。虚拟 DOM 的优化:Vue 3 在虚拟 DOM 的实现上进行了一些优化。

2024-01-16 17:55:01 1161

原创 【Bug】Nginx链接带中文无法识别

ftp连接工具这改UTF8 我这里解决。

2024-01-10 17:33:47 505

原创 【Bug】云服务器修改密码后出现问题

启动docker里容器时候出现。

2023-12-22 17:01:34 394

原创 【Bug】Idea插件docker连云服务器出现com.intellij.docker.agent.ApiTaskException异常以及其他异常

【代码】记录:Idea插件docker连云服务器出现com.intellij.docker.agent.ApiTaskException异常。

2023-12-06 14:18:43 877 4

原创 【Bug】el-table多出一条横线

/ 隐藏伪元素(表格多出的横线)

2023-12-04 17:31:19 474

原创 【Bug】qq登录引入的Sdk4J与codec出现 Base64冲突

发现QQ的第三方登录SDK包重写了apache的base64,而且包名都一样,导致找不到对应的方法。这是因为java的类加载机制是,加载了这个类后遇到相同的就不会再加载了。将 这个依赖放在codec依赖的后面即可。

2023-12-04 09:33:47 414

前端vue2引入jquery

前端vue2引入jquery

2024-02-01

Scratch 编写的好玩小游戏合集包含植物大战僵尸,马里奥,飞机大战,大鱼吃小鱼等

资源多多,特别好玩,孩子抢着去挑战

2022-01-06

scratch编写超级玛丽冲冲冲.sb3

scratch小学,键盘上下左右操作,很好玩,冲冲冲,加油1条命通关吧

2021-10-29

scratch版植物大战僵尸,好玩有一定难度

需要坚持一定的时间才能通过,僵尸后面会很多。小学scratch编程

2021-10-29

scratch小游戏合集.rar

小学scratch编程11个好玩游戏,有飞机大战,火箭发射,贪吃蛇,气球爆炸,大鱼吃小鱼等等

2021-10-29

scratch编程小游戏-愤怒的小鸟闯迷宫双人版

喜欢scratch小游戏的小朋友

2021-10-29

空空如也

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

TA关注的人

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