皮五辣子 - 博客园

2023年8月9日

摘要：相关概念：https://developer.mozilla.org/zh-CN/docs/Web/API/AbortController 需求描述：后台返回10000条图片url，前端拿到后需要做成假分页，假设1页显示20张图，分成50页。部分逻辑： 1 for(let i=0;i<imgUrl 阅读全文

posted @ 2023-08-09 14:39 皮五辣子阅读(228) 评论(0) 推荐(0) 编辑

2023年7月24日

【npm】turbo.js

摘要：通过gpu实现复杂计算阅读全文

posted @ 2023-07-24 16:16 皮五辣子阅读(75) 评论(0) 推荐(0) 编辑

2023年7月14日

【javascript】关于文件下载

摘要：通常在a标签href属性后加上请求下载文件的地址，页面点击即可下载，该种方式是交由浏览器去下载，但是无法监听下载进度若通过AJAX请求，则需要对其进行解析，通常将数据转为blob，然后模拟a标签点击事件，但是此方法如果文件过大，接口调用时超出ajax的timeout时长，会下载失败阅读全文

posted @ 2023-07-14 16:52 皮五辣子阅读(10) 评论(0) 推荐(0) 编辑

2023年5月15日

【js手写】实现深拷贝

摘要： function isObject(value) { const valueType = typeof value return (value !== null) && (valueType "object" || valueType "function") } function deepClone 阅读全文

posted @ 2023-05-15 16:02 皮五辣子阅读(183) 评论(0) 推荐(0) 编辑

2023年5月5日

【javascript】typeof 和 instance of的差异

摘要： typeof与instanceof 都是判断数据类型的方法，区别如下：1.typeof会返回一个运算数的基本类型，instanceof 返回的是布尔值2.instanceof 可以准确判断引用数据类型，但是不能正确判断原始数据类型3.typeof虽然可以判断原始数据类型（null 除外），但是无法判阅读全文

posted @ 2023-05-05 10:22 皮五辣子阅读(20) 评论(0) 推荐(0) 编辑

2023年5月4日

【js手写】模拟实现 new 操作符

摘要： new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。 new 关键字会进行如下的操作： 1、创建一个空的简单JavaScript对象（即{}）；2、链接该对象（即设置该对象的构造函数）到另一个对象；3、将步骤1新创建的对象作为this的上下文，如果该函数没有返回对象，阅读全文

posted @ 2023-05-04 16:47 皮五辣子阅读(85) 评论(0) 推荐(0) 编辑

2023年4月26日

【js手写】实现js对象扁平化

摘要：基本思路是递归，首先判断对象的类型，根据对象的类型进行不同处理 function myFlat(object){ let res = {} let process = (key, value) => { //判断数据类型 if(Object(value) !== value){ //基本数据类型 i 阅读全文

posted @ 2023-04-26 17:32 皮五辣子阅读(215) 评论(0) 推荐(0) 编辑

2023年4月24日

【js手写】实现call函数,apply函数,bind函数

摘要： call apply bind 用法 function.call(thisArg,arg1,arg2,arg3...) 功能使用一个指定的this值和单独给出的一个或者多个参数来调用一个函数。创建一个新的函数, 当被调用时，将其this关键字设置为提供的值，在调用新函数时，在任何提供之前提供一个阅读全文

posted @ 2023-04-24 09:33 皮五辣子阅读(54) 评论(0) 推荐(0) 编辑

2023年4月21日

【js手写】实现防抖(debounce) & 节流（throttle）函数

摘要：转载于：https://blog.csdn.net/Ted_az/article/details/127018974 1.防抖（debounce）函数防抖是触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。适用于可以多次触发但触发只生效最后一次的场景。设计思路：阅读全文

posted @ 2023-04-21 10:52 皮五辣子阅读(364) 评论(0) 推荐(0) 编辑

2023年3月9日

【CSS】关于 :root, --, var()

摘要： :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示 <html> 元素，除了优先级更高之外，与 html 选择器相同。所有主流浏览器均支持 :root 选择器，除了 IE8 及更早的版本。在声明全局 CSS 变量时 :root 会很有用。 CSS 变量（--*）阅读全文

posted @ 2023-03-09 10:37 皮五辣子阅读(147) 评论(0) 推荐(0) 编辑