JS实用小方法-将时间转换为 `刚刚`、`几秒前`、`几分钟前`、`几小时前`、`几天前`、几月前或按照传入格式显示
例："2023/5/10 11:32:01" 2023 02 01 09:32:01 例：\ / 年月日 年 为是否数字补零， 10秒： 10 1000 1分钟： 60 1000 1小时： 60 60 1000 24小时（一天）：60 60 24 1000 感谢掘友：
js检测网页空闲状态(一定时间内无操作)
1\. 背景 最近开发项目时，常碰到 的需求。 网上冲浪后，也没有找到一个比较好的js封装去解决这个问题，从而决定自己实现。 2\. 如何判断页面是否空闲 首先，我们要知道什么是空闲？用户一定时间内，没有对网页进行任何操作，则当前网页为空闲状态。 用户操作网页，无非就是通过 、 两个输入设备(暂不考虑手柄等设备)。因而我们可以监听相应的输入事件，来判断网页是否空闲(用户是否有操作网页)。 1. 监听鼠标移动事件 ； 2. 监听键盘/鼠标...
你了解js的沙箱环境吗
去年的面试了，最近复盘了一下，发现菜的一批，有些问题一下子就答出来了，现在答的话，那时候还在瞎鸡儿答我也不知道答的什么。。。。 在 JavaScript 中，沙箱（sandbox）是一个安全机制，用于隔离运行代码，以防止代码对其它部分的应用程序或系统造成不必要的影响或安全风险。沙箱提供了一个受控环境，在这个环境中，代码可以被执行而不影响外部环境，从而保护用户数据和系统安全。 在浏览器中，沙箱通常指的是浏览器为每个标签页提供的隔离环境。这...
常用HTTP请求编码格式之x-www-form-urlencoded、json_application编码
HTTP请求的编码方式 | Content Type 种类 | 说明 | | | | | application/x www form urlencoded | 数据类型： ，把form数据转换成一个字串 ，然后把这个字串append到url后面，用 分割，加载这个新的url。 当action为post时候，浏览器把form数据封装到http body中，然后发送到server | | application/json | 以纯文本形式...
搜索图片里的文字
前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心 背景 是这样的，我们公司有一个平台，这个平台上面有一个页面，是一个我们公司内部存放一些字幕图片的，图片很多，差不多每一页有100张的样子，类似于下面这样的图片 前几天上面大佬们说想要更加方便快捷地找到某一张图片，怎么个快捷法呢？就是通过搜索文字，能搜索到包含这些文字的图片。。。我一想，这需求简直逆天啊！！！！平时只做过搜索文字的，没做过根据...
深入了解zustand（从使用到源码）
如何使用 先来简单看看如何使用 这是官网给我们的一个例子 我们可以看到他是用一个create来创建一个store的 之前我已经搭建好了调试环境 直接开看🤫，很易读大家可以跟着文章一起来调试着看 为了方便大家看我帮大家剔除了源码中的ts ，源码中的ts还是蛮复杂的🙃 创建store 可以看到create接受一个createState就是我们之前的传入的函数 因为我们传入的createState是个函数所以会走到里createImpl(...
el-popover 点击其他区域关闭弹出框
需求：用户点击按钮， 出现，弹出框里有确认&取消按钮，点击确认&取消&其他区域，弹出框消失。 文档上是这样写的 但是如果绑定了visible，那么弹出框所有的弹出隐藏都必须手动控制 ，也没有点击空白处隐藏弹出框了。所以还是不设置visible属性。 可以通过绑定弹出框的ref，来通过ref的value.hide()实现手动隐藏。 作者：卑微程序喵 链接：https://www.jianshu.com/p/3b2380a3920d 来源：...
vue3 + vite 在线预览docx, pdf, pptx
一、内网 1. 使用docx preview 安装插件 引入依赖 2.pdf 使用vue3 pdf app 安装插件 引入依赖 使用方法非常简单 3.pptx 使用pptx.js 首先需要下载pptx的文件 github: 官网地址： 下载完成后放到public下的lib文件夹中, 然后在index.html中引入 使用： 二、外网（文件地址须在公网环境下） 调用 的服务 三、移动端适配 vue3 pdf app会自动适配 ， 主要是d...
console使用
Hello，大家好，我是 Sunday。 在日常开发中，大多数同学都会通过 的方式来进行代码调试。但是 是具备很多局限性的，比如：我们想要获取某段代码的执行耗时，通过 就无法满足需求。 那么怎么办呢？其实对于 对象来说，除了 方法它还提供了很多其他的方法帮助我们进行调试，利用这些方法可以极大地提升我们的工作效率 01：console.table 使用 console.table 可视化复杂的对象和数组： 打印结果如下： 02：conso...