- 博客(168)
- 收藏
- 关注
RSS订阅原创 登录成功后，判断用户在10分钟内有没有操作，无操作自动退出登录怎么实现？？？
本文详细介绍了基于Vue3实现用户自动登出功能的完整方案。系统默认设置10分钟超时时间，允许用户自定义1-15分钟范围。核心实现思路是通过全局事件监听器（点击、滚动、键盘输入等）检测用户活跃状态，使用Composition API管理响应式计时器。文章提供了三种实现方式：基础组件实现、路由守卫注入和全局插件封装，重点推荐将逻辑封装为可复用的Vue自定义Hook或全局插件。方案考虑了多标签页同步、移动端适配等场景，并建议在登出前增加用户提示。
2025-07-17 10:00:00
655
原创 前端怎么打断点，debugger使用教程
如何高效使用JavaScript断点调试 摘要：本文介绍了JavaScript断点调试的三个关键流程：1) 设置断点的两种方式（使用debugger语句或在浏览器源代码面板点击行号）；2) 断点触发后的调试操作按钮功能说明（包括步入/步过函数、继续执行等）；3) 查看变量变化的方法。特别提醒异步代码调试时需注意时机问题，断点可能掩盖异步执行时序问题。掌握这些调试技巧可以显著提升开发效率。
2025-07-07 09:23:46
400
原创 推荐！--前端开源中后台管理系统
构建一套个人专属的后台管理系统非常重要。这不仅是为了打造自己独有的开发生态，更是因为我们正处于个人开发和AI模型泛滥的时代。
2025-05-29 15:00:00
843
原创 SQLyog使用教程
如果出现连接错误，且错误号为2058，那是因为mysql密码加密方式变了，只需要修改下mySQL的密码就行了，在cmd中登录数据库后键入 ALTER USER ‘root’@‘localhost’ IDENTIFIED WITH mysql_native_password BY ‘password’;打开SQLyong应用，将会出现下面的页面。输入数据库名称后就创建成功了。输入密码，点击 连接 按钮。1：安装mySQL数据库。2：安装SQLyong。点击新建，输入链接名。连接好后 创建数据库。
2025-04-11 11:26:37
1296
原创 假如有几十个请求，如何去控制并发？
请求数确实被控制了，只有有请求相应成功的同时才会有新的请求进来，极大地降低了服务器的压力，后端的同学都只能喊666！
2025-01-14 11:32:28
409
原创 增删改查数据库SQL
DML 英文全称是data manipulation language（数据操作语言），用来对数据库中表的数据记录进行增、删、改操作。添加数据（INSERT）修改数据（UPDATE）删除数据（DELETE）倒序（ORDER BY 列 DESC）
2024-12-02 10:38:19
1139
原创 （断点续传）前端之实现大文件上传的解决方案
断点续传是一种在网络传输中提高效率和可靠性的技术，特别适用于大文件的上传和下载。以下是实现大文件断点续传的关键步骤的总结：1：文件分片：将大文件分割成多个小块，这允许并行上传和从中断处恢复。2：并行上传：通过同时上传多个文件块，可以提高整体的上传速度。3：校验和记录：每个文件块在上传前后都进行校验，以确保数据的完整性。同时，记录已成功上传的块，为断点续传提供依据。4：请求恢复：当传输中断时，客户端使用记录的信息请求从最后成功上传的块继续上传。
2024-09-25 08:00:00
744
原创 JS和TS 的区别
枚举代表的是一系列特定类型的对象，这是从别的编程语言派生出来的概念，所以我们不能用js 的概念强加到它上面，其实枚举最好理解的就是一系列确定的常量。第三种情况：设置返回值类型为 void，void用来表示空，以函数为例，就表示没有返回值的函数，或返回值为空，如果想要一点返回值都没有，设置返回值类型为never（永远不会返回结果）这是的我们可以定义构造函数参数的可选性。ts增加了重写，子类覆盖了父类中的属性或是方法叫做重写 子类和父类同名的方法和属性，在子类中重新声明的时候，就覆盖了父类原本的内容。
2024-08-26 08:30:00
1831
原创 Promise.all() 使用方法
Promise.all() 方法是 JavaScript 中的一个 Promise 方法，它用于同时处理多个 Promise 对象，并返回一个新的 Promise 对象。
2024-06-18 08:00:00
5033
1
原创 vue2.0 开发一定用得着的
1、$nextTick: 用于延迟执行一段代码，当你需要操作dom时，将dom操作的js放在this.nextTick()的回调函数中。// $refs this.$nextTick(() => { this.$refs['form'].resetFields()})2、watch 监听watch: { currentCode(val, oldVal){//普通的watch监听-一般用于字符串、数值、布尔 console.log("currentCode:
2024-05-23 14:00:00
473
1
原创 性能测试方法，80%提高你的工作效率
由于真实环境下的实际负载，会有高峰和低谷的交替变化（比如，对于企业级应用，白天通常是高峰时 段，而晚上则是低峰时段），所以为了尽可能地模拟出真实的负载情况，我们会每12小时模拟一个高峰 负载，两个高峰负载中间会模拟一个低峰负载，依次循环3-7天，形成一个类似于“波浪形”的系统测试 负载曲线。这里的性能指标，除了包括并发用户数，响应时间，系统吞吐量外，还应该包括各类资源的使用率，比如系统级别的cpu占用率、内存使用率、磁盘I/O和网络I/O等，再比如应用级别以及JVM级别的各类资源使用率指标等。
2024-05-01 17:00:00
443
原创 元素定位---自动化测试
以Chrome 浏览器为例，F12 打开 开发者工具，定位到需要操作的元素（如 搜索框），然后右键鼠标，复制里面点击 Xpath即可。
2024-04-05 13:00:00
389
原创 前端常用6种数据加密方式的使用（最详解）
相信大家在工作或面试中经常遇到需要加密的功能，无论是 web 后台还是小程序，都常常存在加解密传输，签名防篡改等机制，会使很多渗透人员没有办法直接对参数的值进行更改，大大增加了攻击者的攻击成本。下面我介绍前端6种常用的加密如何使用，如有不足之处，欢迎大家补充。讲到这里，相信大家对前端加密的6种方式有详细的使用认识，如有不足之处，请大家补充，欢迎在评论区交流。如果文章对你有所帮助，！博主会持续更新。。。。t=N7T8。
2024-03-15 10:55:07
4706
1
原创 前端实现token的无感刷新--VUE
token刷新的方案方案一：后端返回过期时间，前端判断token过期时间，去调用刷新token的接口缺点：需要后端提供一个token过期时间的字段；使用本地时间判断，若本地时间被修改，本地时间比服务器时间慢，拦截会失败。方案二：写个定时器，定时刷新token接口缺点：浪费资源，消耗性能，不建议采用方案三：在响应拦截器中拦截，判断token返回过期后，调用刷新token接口（⭕推荐使用）token失效后接口返回401。
2024-01-31 17:08:20
2034
1
原创 Vue大屏自适应终极解决方案
我们常用图表来做数据统计，数据展示，数据可视化等比较直观的方式来达到一目了然的数据查看，但在大屏开发过程中，常会因为适配不同屏幕而感到困扰，下面我们使用v-scale-screen来解决一下这个难题。
2023-11-30 15:10:49
3673
1
原创 VUE识别访问设备是移动端还是pc端
有些网站需要区分手机端网页和pc端网页，做到不同设备访问不同的网页，增强用户的使用体验，可以在app.vue中作一个判断......
2023-11-08 12:00:00
2590
原创 用于处理 null、NaN 和undefined 的 18 个 JavaScript 代码片段
用于处理 null、NaN 和undefined 的 18 个 JavaScript 代码片段
2023-08-04 19:00:00
238
原创 【无标题】
CSDN AI写作助手上线了！InsCode AI 创作助手不仅能够帮助用户高效创作文章，而且能够作为对话式AI回答你想知道的问题。成倍提高生产力！欢迎大家使用新功能后分享自己的使用心得与建议！
2023-06-01 09:13:09
106
原创 Cannot read properties of undefined (reading ‘type‘)【echart报错】
用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。当渲染具有不可变数据源的大列表时，跳过响应式转换可以提高性能。：将一个由reactive生成的响应式对象转为普通对象。有些值不应被设置为响应式的，例如复杂的第三方类库等。：标记一个对象，使其永远不会再成为响应式对象。
2023-05-12 14:26:33
2705
1
原创 Vue 常用传值方式、父传子、子传父、非父子组件传值
Vue2.0 传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传值呢？如果是电商网站系统的开发，还会涉及到购物车的选项，这时候就会涉及到非父子组件传值的情况。当然你也可以用Vuex状态管理工具来实现，这部分我们后续会单独介绍。我先给大家介绍Vue开发中常用的三种传值方式。Vue常用的三种传值方式有：父传子子传父非父子传值引用官网的一句话：
2023-02-28 17:03:11
268
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人