- 博客(498)
- 收藏
- 关注
RSS订阅原创 【vue3】vue3中封装懒加载指令
在电商网站或图片密集的企业官网中，图片懒加载是性能优化的关键技术之一。通过延迟加载图片，可以减少HTTP请求次数，从而减轻服务器压力。本文介绍了如何使用Vue3和VueUse库实现图片懒加载。通过useIntersectionObserver监听图片是否进入视口，动态加载图片，并在加载完成后停止监听以优化性能。代码示例展示了如何封装懒加载指令，并提供了全局或局部注册指令的方法。最后，文章还演示了如何在组件中使用该指令，进一步提升网站性能。
2025-05-09 17:35:28
296
原创 【vue3】pinia调试状态的插件安装
在使用vue3进行公共状态数据配置的时候，一般都会用到pinia这个插件，要像调试vuex一样调试pinia里面的数据，要安装适配的Vue.js Devtools插件才行。
2025-05-08 11:35:40
270
原创 【angular19】入门基础教程(四):默认的css隔离作用域
众所周知，在vue和react框架中，我们css都是全局作用域的，如果不显示声明为私有的组件级别作用域，会影响到全局的布局样式。所以在vue中，需要配置scoped这样的属性来限制css的作用范围，在react中相对来说要复杂点,css module或者第三方的styled-component解决方案是比较常见的。
2025-04-29 10:33:34
287
原创 【angular19】入门基础教程(三):关于angular里面的响应式数据入门使用
三个框架，都有响应式数据的概念。在angular里面有专门的叫法，响应式数据叫信号,英文名signal。其他两个框架式没有专门的名字的，统称为动态数据。！那么，信号也就是响应式数据在ng里面该怎么使用呢？
2025-04-28 18:31:15
355
原创 【angular19】入门基础教程(二):组件的创建与使用
现代化前端，基本都是工程化的项目。而工程化的项目，组织方式又是组件化的方式。那么在angular中，如何创建一个组件并相互引用来编写需求业务呢？
2025-04-28 18:18:45
224
原创 【vue3】vue3+express实现图片/pdf等资源文件的下载
文件资源的下载，是我们业务开发中常见的需求。作为前端开发，学习下如何自己使用node的express框架来实现资源的下载操作。
2025-04-15 11:14:29
378
原创 【react18】react项目使用mock模拟后台接口
前后端分离项目，后端还没有接口的时候，前端可以使用mockjs的技术实行假数据的模拟。这里使用的是mock的库msw实现这个业务.
2025-03-25 10:17:48
540
原创 【react18】如何使用useReducer和useContext来实现一个todoList功能
重点知识点就是使用useReducer来攻坚小型的公共状态管理，来实现数据的不可变。
2025-02-21 16:49:13
333
原创 【KOA框架】koa框架基础及swagger接口文档搭建
koa是express的一层封装，语法比express更加简洁。所以有必要了解下koa的相关开发方法。
2025-01-20 17:35:49
401
原创 【js进阶】ES5原生JS中的几种继承方式
在 JavaScript 中，new 关键字主要用于创建一个对象实例，其具体执行的操作如下：创建一个空对象：首先，会创建一个空的简单 JavaScript 对象，这个对象会继承自构造函数的 prototype 属性。设置原型链：将新创建的对象的属性（在现代 JavaScript 中可以使用 Object.getPrototypeOf() 来访问）设置为构造函数的 prototype 属性，从而实现原型链的继承。
2025-01-15 16:28:20
274
原创 【reactjs进阶】react状态管理之mobx6.x的使用的使用(一)
MobX 是一个身经百战的库，它通过运用透明的函数式响应编程使状态管理变得简单和可扩展。他独立于框架存在，不与任何框架耦合，可以搭配任意框架。
2025-01-14 10:06:08
730
原创 【react进阶】create-react-app的项目工程格式化和eslint校验配置
在团队合作中，规范必须是要约束的，每个人都有自己的习惯，需要达成共识，规范书写格式，不能各自按各自的方式来，乱套了就不方便项目代码的管理。
2025-01-11 14:58:38
680
原创 【react进阶】create-react-app高阶配置
create-react-app新建项目还是官网推荐的主流方法，当然vite已经使用越来越广泛了，构建速度也是比cra快几倍。记录下怎么用cra来搭建一个react项目。
2025-01-10 16:49:28
675
原创 【原生js案例】关于webwork你知道怎么用了吗
异步编程使用setTimeout等方式不能取代worker的地位,可以去试试多个setTimeout之间还是会互相阻塞,因为任务队列的执行也是单线程的，前面执行完成才轮到后面的任务worker适用于大数据的计算，解决页面被阻塞渲染的实际业务场景。
2025-01-09 10:37:40
255
原创 【linux系统之redis6】redis的基础命令使用及springboot连接redis
redis的基础命令很多，大部分我们都可以在官网上找到，真的用的时候可以去官网找，不用全部记住这些命令。
2025-01-07 20:04:22
718
原创 【linux系统之redis6】处理可视化工具无法连接服务器端的redis
redis跑在虚拟机上的linux系统是可以正常的，但是用宿主机的可视化工具链接就连不上可视化工具无法连接。
2025-01-07 19:25:31
421
原创 【linux系统之redis6】redis的安装与初始化
默认的安装路径，/usr/local/bin。前台启动，会阻塞线程，不推荐这种启动方式。看到下图，就说明redis安装成功了。
2025-01-07 16:13:28
319
原创 【JAVA基础】JAVA各种版本，你必须要了解的知识
java的jdk版本非常多，主要罗列下各版本的主要信息及特点从这个表中我们可以看出一个非常有意思的现象，就是JDK的每一个版本号都使用一个开发代号表示（就是表中的中文名）。而且从JDK1.2.2 开始,主要版本(如1.3,1.4,5.0)都是以鸟类或哺乳动物来命名的. 而它们的bug修正版本(如1.2.2,1.3.1,1.4.2)都是以昆虫命名的。
2025-01-07 10:19:51
667
原创 【mybatis-plus问题集锦系列】关于springBoot中的全局异常处理器
项目中可能会出现很多的异常，比如像下面图中的这种500返回状态，Result类是无法处理的，所以就不能够统一返回前端一致的数据格式。因此我们要用全局的异常处理这种返回结果查询的时候是不存在这样表的，所有导致框架报错500。
2025-01-07 09:54:32
269
原创 【mybatis-plus问题集锦系列】javaweb中的过滤器和springboot中的拦截器
javaweb中的过滤器和springboot中的拦截器,是我们在web后端项目时会遇到的常见业务功能。
2025-01-06 19:41:14
514
原创 【mybatis-plus问题集锦系列】jjwt最新版本0.12.5的使用方法及报错解决
jjwt网上大部分都是版本0.9.1的使用方法，最新版本已经更新到0.12.5了，还继续用之前的写法就会显示很多过时的方法，还有很多报错，旧版写法参考这篇文章。
2025-01-06 12:18:31
665
原创 【mybatis-plus问题集锦系列】使用mybatis实现简易的登录功能
实现一个简单的登录业务功能，controller->service->mapper这样的业务逻辑实现。
2025-01-06 10:34:32
506
原创 【mybatis-plus问题集锦系列】管理系统前后端联调及nginx配置
前后端联调，就是前端页面对接后端的数据接口，实现整个项目的数据联调，打通业务功能，为项目交付做好准备。
2025-01-05 22:16:45
343
原创 【mybatis-plus问题集锦系列】mybatis动态sql的使用
在前面的文章中，进行条件查询时，所有的参数都传了数据，是没问题的，但是当我们只传部分数据时，就会出问题了。
2025-01-05 11:20:29
498
原创 【mybatis-plus问题集锦系列】mybatis使用xml配置文件实现数据的基础增删改查
简单的数据查询，我们可以在mapper接口里面去实现，但是如果是复杂的查询，我们就可以使用xml配置文件去做，官网链接。
2025-01-04 23:48:57
387
原创 【mybatis-plus问题集锦系列】使用mybatis实现数据的基础增删改查
使用mybatis实现数据的基础增删改查,简单的增删改查操作方法步骤。
2025-01-04 18:34:45
345
原创 【mybatis-plus问题集锦系列】springboot3在mybatisplus中分页插件正确使用姿势
MyBatis-Plus 的分页插件 PaginationInnerInterceptor 提供了强大的分页功能，支持多种数据库，使得分页查询变得简单高效。提示于 v3.5.9 起，PaginationInnerInterceptor 已分离出来。如需使用，则需单独引入 mybatis-plus-jsqlparser 依赖。
2024-12-29 10:26:48
329
原创 【mybatis-plus问题集锦系列】在mybatisplus中无法autowired的原因排查及解决
mybatisplus简化了我们做数据操作，大大提升了我们的开发速度，但是今天在做测试的时候，突然报了这么个错误，排查好久才找到解决方案，特此记录下。
2024-12-28 23:26:38
632
原创 【JS最新消息】红宝书最新版本第五版重磅来袭！
技术更新的真的好快，感觉要学习的东西都学不完。前端圈子更新太频繁了，都那么卷吗？vite现在已经到6了，react19了，react-router到7了，angularJs那更是版本一个接一个呀，后端的spring也到6了，目前就vue的大版本是3了吧，但是细节更新完善也是不断的再加，赶紧卷起来吧！
2024-12-26 11:16:34
246
TA创建的收藏夹 TA关注的收藏夹
TA关注的人