/* * @Author: LinLong * @LastEditors: LinLong * @Description: 上课进度上传 */ import { ref, onMounted, onUnmounted } from 'vue' import { getItem, setItem } from '@/hooks' import { uselearningProgress } from '@/stores' import { updatedLearningProgress } from '@/apiList/learningProgress' const learningProgressStore = uselearningProgress() //学习进度仓库 const currentProgressFile = ref(null) //当前学习进度文件 const heartbeatTime = 30 * 1000 //30秒 let timer = null //时间函数 export function useClassProgress(onBeforeRouteLeave) { //从仓库获取用户点击的课程->项目->任务->文件 learningProgressStore.$subscribe((mutation, state) => { const { currentProgress } = state // console.log('%c--currentProgress-->', 'background:#18C36E;color:#3F4040;', currentProgress) currentProgressFile.value = { classId: currentProgress.classId, courseId: currentProgress.courseId, courseId_text: currentProgress.courseId_text, projectId: currentProgress.pid == 0 ? currentProgress.id : currentProgress.pid, // projectId: currentProgress.id, taskId: currentProgress.pid == 0 ? null : currentProgress.id, pid_text: currentProgress.pid_text, name: currentProgress.name, file: currentProgress.url, userId: getItem('userInfo').id, } // console.log('%c-----state 学习进度------->', 'background:#18C36E;color:#3F4040;', currentProgress) }) //生命周期页面挂载完毕 onMounted(() => { //接收iframe 异步框架消息 window.addEventListener('message', (e) => { if (e.origin.includes('8013')) { const data = e.data setItem('postMessage', data) // console.log('%c-----监听postMessage子级------->', 'background:#18C36E;color:#3F4040;', JSON.parse(data)) } }) //浏览器tab标签切换或最小化事件设置暂停提交 上课记录 document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'hidden') { timer ? clearTimeout(timer) : (timer = null) //清除定时器 } else if (document.visibilityState === 'visible') { timer ? clearTimeout(timer) : (timer = null) //先清除一次定时器 sendMessage() //继续发送学习进度 } }) //发送统计信息至后端 sendMessage() function sendMessage() { console.log('%c---对方水电费水电费水电费->', 'background:#18C36E;color:#3F4040;') timer ? clearTimeout(timer) : (timer = false) //先清除一次定时器 timer = setTimeout(() => { const sendData = { ...getItem('postMessage'), ...currentProgressFile.value, } // console.log('%c------准备发送的信息sendData------>', 'background:#18C36E;color:#3F4040;', sendData) updatedLearningProgress(sendData).then((res) => { if (res.success) sendMessage() }) }, heartbeatTime) //heartbeatTime } }) //生命周期页面销毁之前 onUnmounted(() => { clearTimeout(timer) // //路由离开 // onBeforeRouteLeave(() => { // clearTimeout(timer) // }) }) }

null是一个常见的编程术语，表示空值或空对象。在程序中，null通常表示变量或对象不存在或没有被初始化。在Java等语言中，null也可以作为一种特殊的引用类型，与其他引用类型不同的是，它不能指向任何实际的对象。

相关问题

hutool工具脱敏

Hutool工具类中的DesensitizedUtil可以用于数据脱敏。在系统开发和数据清洗过程中，当某些数据需要经过加密或者脱敏后进行传输时，可以使用该工具类。它可以将敏感数据在后台脱敏后，发送给前端展示，以避免敏感数据信息的泄露。\[1\]

DesensitizedUtil支持多种脱敏数据类型，包括用户ID、中文姓名、身份证号、座机号、手机号、地址、电子邮件、密码、中国大陆车牌和银行卡等。\[3\]

例如，对于用户ID的脱敏，可以使用DesensitizedUtil.userId()方法，该方法会将用户ID脱敏后返回，默认返回0，数据类型是long类型。\[2\]

除了用户ID，还可以对其他敏感数据进行脱敏，比如中文姓名。使用DesensitizedUtil.chineseName()方法可以对中文姓名进行脱敏。例如，对于姓名"历飞雨"，脱敏后的结果可以通过该方法获取。\[3\]

总之，Hutool工具类中的DesensitizedUtil提供了方便的数据脱敏功能，可以在系统开发和数据清洗过程中使用。
#### 引用[.reference_title]
- *1* *2* [【linlong】Hutool工具，身份证号、手机号、姓名等数据脱敏信息工具类介绍](https://blog.csdn.net/m0_70535240/article/details/126303828)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [Hutool - 信息脱敏工具 - DesensitizedUtil](https://blog.csdn.net/RuanDongDong/article/details/121271205)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]