全部文章
共 1299 篇文章
avaScript 中深拷贝对象的现代方式
您知道吗，JavaScript 现在有一种本地内置的方法可以进行对象的深层复制？ 没错，这个 函数内置于 JavaScript 运行时中： 您是否注意到在上面的示例中我们不仅复制了对象，还复制了嵌套数组，甚至 Date 对象？ 一切都按照预期工作： 没错， 不仅可以做到以上，还可以： 克隆无限嵌套的对象和数组 克隆循环引用 克隆各种 JavaScript 类型，例如 、 、 、 、 、 、 、 、 等等 转移任何可转移对象（Transf...
chrome插件开发
谷歌浏览器插件开发是指开发可以在谷歌浏览器中运行的扩展程序，可以为用户提供额外的功能和定制化的体验。 谷歌浏览器插件通常由HTML、CSS和JavaScript组成，非常利于前端开发者。 开发者可以利用这些技术在浏览器中添加新的功能、修改现有功能或者与网页进行交互。 要开发谷歌浏览器插件，开发者通常需要创建一个包含 清单文件（manifest.json）、背景脚本（background script）、内容脚本（content scri...
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 来源：...