JS
关注
分享
扫一扫
文章平均质量分 51
起来改bug
这个作者很懒，什么都没留下…
展开
-
jszip实现多层目录以及目录下文件打包
JSZIP实现多层级目录及文件下载原创 2023-04-23 22:46:37 · 1703 阅读 · 2 评论 -
前端监听键盘事件
react中监听键盘事件原创 2023-03-06 16:09:18 · 1413 阅读 · 0 评论 -
websocket实践
websocket入门实践原创 2023-02-13 23:00:55 · 2490 阅读 · 0 评论 -
CryptoJS加密解密
CryptoJS加密解密原创 2022-12-28 17:20:47 · 5989 阅读 · 0 评论 -
MD格式字符串中的超链接改为打开新页面跳转
MD格式字符串中的超链接改为打开新页面跳转原创 2022-11-23 17:04:11 · 4672 阅读 · 3 评论 -
前端如何写进度条（上传或者下载文件的时候）
axios进度条原创 2022-11-18 14:20:34 · 4761 阅读 · 0 评论 -
前端解析特殊字符\r\n\t的json字符串
前端解析特殊字符\r\n\tjson数据原创 2022-11-01 17:45:07 · 2174 阅读 · 0 评论 -
upgrade-insecure-requests强制转http为https
关于处理跨域，代理时的书写问题原创 2022-08-01 13:36:59 · 1315 阅读 · 1 评论 -
理解冒泡排序
和下饺子一样，谁熟了谁到最上面。。。十分好理解的冒泡排序原创 2022-07-01 00:13:20 · 152 阅读 · 0 评论 -
用js获取某一年一共多少天和剩余天数
js获取某一年一共多少天和剩余天数这样就计算出了某一年了天数了思路：计算出今天的毫秒数，再算出本年最后一天的毫秒数，相减就是剩下时间的毫秒数，然后除以，一天的毫秒数，就是剩下的天数，代码实现如下：计算逻辑注释都有解释，也很好理解。......原创 2022-06-07 15:25:41 · 4195 阅读 · 2 评论 -
实现图片懒加载
图片懒加载就是当图片非常多，一屏无法完全显示的时候，我们就会把暂时看不到的图片，延时等滚轴滚动到时再进行加载，也算是一种性能优化，图片分开下载就是大幅度提高了首次加载页面的速度，例如就像一些电商网站的商品显示一样，下面我们就来实现一下图片的懒加载。1.不使用懒加载我们首先写出基本的html页面，代码如下如图所示：<!DOCTYPE html> <head> <style> img{原创 2022-05-30 22:28:46 · 622 阅读 · 0 评论 -
antd库Table组件合并单元格（适用于5.X版本以下）
直接写代码引入就能用，处理数据合并table单元格const mergeCell = (val: string, index: number, data: any[]) => { const obj: any = { children: val, props: {}}; const modules = Array.from(new Set(data.map((d: any) => d.module))); const detailI.原创 2022-04-20 11:15:43 · 1626 阅读 · 0 评论 -
如何将服务器上的pdf在页面上预览
const res: any = await fetch(`${selected_content?.doc_type}`); res.blob().then((v: any) => { let blob = new Blob([v], { type: 'application/pdf' }) const url = UR...原创 2022-03-09 16:27:51 · 784 阅读 · 0 评论 -
js读取txt文件中的内容
拿到file文件对象之后1）新建一个fileReadervar reader = new FileReader();2）读取文件中的内容reader.readAsText(file, "UTF-8");3）需要读取文件中的内容reader.onload = function (e) { const val = e.target.result;}注：再回调函数中使用读取的数据下面直接写一个例子：实现了读取多个文件并展示文件的内容<!DOCTYPE h原创 2021-10-14 17:14:32 · 31268 阅读 · 15 评论 -
React中将HTML对象渲染在dom页面中
如果在html的页面中，我们使用复制并渲染一个dom对象应该：获取dom元素（html 对象）====>转为htm字符串el.outerHTML====>拿到将要复制到的dom使用innerHTML进行赋值操作，如下所示：在react中不能使用这种方式，那我们就要用到dangerouslySetInnerHTML对象，它是一个object类型，我们的html通过属性__html（string类型）传入：const [html_str, set_html_str] = useS.原创 2021-07-28 16:05:17 · 601 阅读 · 0 评论 -
前端性能优化
在工作学习中积累记录一些优化的方法一.代码层面1.循环①有一个等差数列求和我们可能优先会想到for循环，如下：let arr = [1, 2, 3, ..., 100];let sum = 0;for (let i = 0; i < arr.length; i++) { sum += arr[i]}console.log(sum);上面有两种方式可以优化一下，比如arr.length，可以提前声明一下，因为每次求长度的动作计算机还是回去算一下，我们这样：le原创 2021-07-07 23:49:58 · 180 阅读 · 0 评论 -
理解前端中的深拷贝与浅拷贝
1.如何区分深浅拷贝简单来说：存在一个对象或者数组A，将A赋值给B，若改变B中的一个属性或者元素，如果导致了A的变化，那么这就是浅拷贝，反之是深拷贝，之前在数据类型中学习了，对于引用数据类型，只有地址重新声明了，那么改变数据就不会影响之前赋值的数据，这就是深拷贝。2.深浅拷贝的方法对于基本数据类型，每次声明都会开辟一个新的栈地址，所以理论上每次赋值都是深拷贝，所以这里我们只讨论引用数据类型。1）浅拷贝①对于数组或者对象，直接用等于号赋值的话，就属于浅拷贝，如下：let arr1 =原创 2021-07-07 00:01:29 · 1517 阅读 · 2 评论 -
数据的存储形式-堆栈
1.什么是堆和栈堆：计算机中引用类型数据的存储空间栈：计算机中基本数据类型的存储空间2.他们是如何存储的每一个基本数据类型声明的时候都会开辟一个新的栈，例如:let a = 1; let b = a; console.log(b);我们现在打印出b，没有问题它将a的值赋给了b，所以这里是1；那么我们改变b的值将它赋值为2；那么我们可以想到b就变成了2，那么a的话就是1,因为他们在计算机中存储开辟了两个栈的存储空间，改变b的值并不会影响到a的值；那么按照上面的方式，我原创 2021-06-30 23:43:54 · 424 阅读 · 0 评论 -
js中数据类型判断
拉代码的时候报错：猜测是权限问题网上找了一些资料试了一下有效，解决方法:我是重新下载，带上自己的用户名称：git clone http://姓名@xxxx.com.cn原创 2021-06-29 23:46:23 · 225 阅读 · 0 评论 -
es6及以上版本开发学习记录
1.es6语法1）Array.find寻找数组中满足条件的第一个元素，没有找到返回undefinedeg：找到数据中心instance不存在的对象我们查看一下代码及打印结果，去掉否定，代码帮我们可以找到第一个不是undefined的元素，...原创 2021-04-23 11:05:06 · 154 阅读 · 0 评论 -
函数防抖和函数节流
无论是从网站的性能还是易用性方面，函数防抖和函数节流都是我们学习前端绕不开的内容，一些大厂的面试也经常会问到，下面我们就结合实例来看一下。函数防抖1.什么是函数防抖 要弄清函数防抖，我们就要知道函数为什么会抖，比如：有一个输入框，当我们每次输入数据的时候，就会触发change函数，继而会触发一系列的逻辑操作，这个还没什么，要是每次change都触发了接口，那就会大大降低网站的性能，消耗服务器的资源，在短时间内重复触发函数这种场景就是函数抖动。 那么函数防抖就出现了...原创 2021-03-15 23:30:03 · 260 阅读 · 0 评论 -
Js数组去重
js数组去重 参考《web高效编程与优化实践》--李银城著let arr = [3,62,11,5,1,33,23,33,18,33];1.使用Set+Arrayfunction uniqueArray(arr) { return Array.from(new Set(arr));}优点：代码简洁，速度快；缺点：Set和Array都需要另外分配存储空间；2.Arrayfunction uniqueArray(arr) { let ret...原创 2020-12-08 23:35:23 · 224 阅读 · 0 评论 -
理解js的原型链及继承方法
一. 认识原型链JS的构造函数 在ES6之前没有class关键字，使用构造函数来实例化一个对象，构造函数方式方法首字母需要大写，如下： function GetMsg（name, age）{ this.name = name; this.age = age; } ...原创 2020-01-28 16:22:04 · 359 阅读 · 0 评论