前端记录页面停留时长 主要逻辑1.进入页面开始计时 2.如果浏览器tab切换，停止计时，重新切换回当前页面，继续累加计时 3.如果浏览器缩小或被遮盖，停止计时，重新切换回当前页面，继续累加计时 4.如果浏览器刷新，重新计时 5.如果浏览器关闭，停止计时 代码实现基于以上逻辑，使用以下代码进行实现： let startTime; let elapsedTime = 0; let timerI 2024-07-04 Web开发 JavaScript
Cordova框架搭建及打包尝试（过程记录） 安装&创建项目全局安装cordova npm install -g cordova 创建项目名为HelloWorld的命令，com.example.hello按照文档说法需要改为实际项目域名： cordova create hello com.example.hello HelloWorld 添加android环境（这次是在Windows上尝试，所以只能配置android环境；(打ios 2024-06-30 Cordova Cordova
腾讯云搭建WEB服务器步骤记录 新购入了一个轻量应用服务器，之前没有使用docker部署，需要再重头搭一下环境，以下是相关步骤： 更新系统首先，你需要更新你的CentOS系统。在终端中，运行以下命令： sudo yum update -y 安装基本的依赖和工具 你可能需要一些基础的依赖和工具，如curl、wget和unzip。在终端中，运行以下命令来安装这些工具： sudo yum install -y curl wget u 2024-04-25 Web开发 腾讯云
vue3中添加全局防抖指令 学习过程记录1. 背景与需求在开发Vue项目时，大家可能都会遇到一个常见的问题：用户频繁点击按钮触发多次API请求。这不仅会增加服务器负担，还可能导致数据混乱。为了解决这个问题，这里实现一个全局的防抖指令。 2. 防抖原理理解首先，需要理解防抖的核心原理： 防抖（Debounce）：指在事件被触发n秒后再执行回调，如果在这n秒内事件被再次触发，则重新计时 这种技术常用于处理用户输入、搜索、窗口调 2024-04-21 Web开发 Vue
简单结构化prompt实践记录 背景说明最近半年出现很多ai平台，平时使用最多的是智谱清言，此次也是利用glm模型，通过尝试prompt来让ai完成数据提取的任务； 要做的事将一个excel数据集中每行json数据里的userQuery的值取出来，然后再按照条件进行组装即excel里的某列数据是一个json，json对象里有很多字段，原本需要手动去复制黏贴到某个位置，再进行二次组装成新的数据集 初步尝试的prompt： 请将E 2024-02-02 AI相关 Prompt
nvm的安装&使用以及npm和yarn的源设置 nvm安装安装nvm之前需要先卸载电脑中的node版本，并清理掉缓存: 控制面板 -> 卸载程序 -> 卸载nodejs 删除以下文件夹（如果存在的话） C:\Program Files (x86)\Nodejs C:\Program Files\Nodejs C:\Users{User}\AppData\Roaming\npm C:\Users{User 2023-12-27 Web开发 Npm Yarn Nvm
前端版本更新技术方案 背景 公司的移动端和PC端，分别是angular和vue库开发的项目，每次在打包发布新版本后，用户都需要手动刷新页面获取最新代码或样式，否则发布的最新的js\css\image等资源文件得不到更新，为解决此问题对两个项目做了以下改造； 技术方案说明 项目在打包时利用插件生成一个时间戳作为版本信息，打入到一个json文件里 前端路由拦截器里监听到路由变化时，请求这个json文件，和本地的loca 2023-12-22 Web开发 Vue JavaScript
关于Chrome新版浏览器存储分区的技术前瞻（2023.10） 背景 事件说明：2023.10.25，第三方学习平台报障，PC端的报告页新开tab查看报告详情，被跳转到了登录页，用户在不登录的情况下无法查看报告详情。排查过程：部分同事电脑的Chrome可以正常跳转，部分电脑的Chrome不可以，第一时间发现是版本不同，然后发现在浏览器存储里，低版本的Chrome（106.x）和高版本的Chrome(118.x)上显示有差异，在当时不确定具体原因的情况下做了如下 2023-10-30 Web开发 Chrome
SCORM入门学习记录 SCORM文档：https://scorm.com/scorm-explained/technical-scorm/ 1. SCORM1.2规范SCORM是”Sharable Content Object Reference Model（可共享课程对象参考模型）”的缩写，是由ADL组织所拟定的标准。已作为全世界通用的标准规格。 SCORM规定一个标准的课件包应满足以下条件： 打包成ZIP文件。 在 2023-07-26 Web开发 SCORM
WEB技术调研：【视频切片+播放】 源码地址此次调研的源代码已放在GitHub，欢迎访问：https://github.com/wenkil/video-m3u8-demo 调研背景SCORM视频包通常会将一些图片、视频资源直接放到包内提供，从公司产品角度需要考虑内容的传播和使用，比如直接打开包内找到视频的mp4文件，自己存下来或转播给其他人的操作是不被允许的，这时候需要借助一些手段来做一层防护，防止用户直接拿走mp4格式的视频资源 2023-03-12 Web开发 Vue FFmpeg M3U8