随笔分类 - 面试
摘要：function deepClone(target) { if(typeof target !== "object") return target // 退出条件 if(Array.isArray(target)){ // 判断数组 const res = [] for(const i of tar
阅读全文
摘要：function PromiseAllSettled(promises) { const result = [] let len = promises.length let count = 0 return new Promise((resolve, reject) => { promises.fo
阅读全文
摘要：回流与重绘 回流：引起DOM树结构变化，页面布局变化的行为叫回流，且回流一定伴随重绘 包括了但不限于： 盒模型的改变 元素的偏移量属性（scrollTop、scrollLeft等） 定位或者浮动 浏览器窗口尺寸改变 文字改变，字体改变 DOM的增删行为 页面初次渲染 重绘：只是样式的变化，不会引起D
阅读全文
摘要：prototype 每一个函数都有一个prototype属性 函数的prototype指向了一个对象，而这个对象正是调用构造函数时创建的实例的原型 function Person(age) { this.age = age } Person.prototype.name = 'duck' var p
阅读全文
摘要：异步任务指的是，不进入主线程、而进入"任务队列"（task queue）的任务，只有等主线程任务执行完毕，"任务队列"开始通知主线程，请求执行任务，该任务才会进入主线程执行。 分为了以下两种 宏任务 宏任务就是将当前任务放在下一个任务列最顶部 微任务 微任务会将当前任务放入下一个任务列的底部 主要的
阅读全文
摘要：1.防抖与节流 https://www.cnblogs.com/dark-duck/p/14289048.html 2.instanceof实现 https://www.cnblogs.com/dark-duck/p/14289231.html 3.js理论 https://www.cnblogs.
阅读全文
摘要：输入为数字，输出为字符串 使用“,”分割整数部分，小数保留两位 function transfer(str){ let res = str.toFixed(2).toString().split('.') return res[0].split("").reverse().reduce((prev,
阅读全文
摘要：js的异步机制是怎样的？ 特点 js是单线程语言（能提高效率。作为浏览器脚本语言，js的主要用途是与用户互动，操作DOM。而这也就决定它只能为单线程，否则会带来很复杂的同步问题），浏览器只分配给js一个主线程，用来执行任务（函数），但一次只能执行一个任务，这些任务形成一个任务队列排队等候执行，但前端
阅读全文
摘要：typeof typeof用法 对于原始值类型除了null（会显示成object，历史遗留问题）外都可以准确判断 对于对象来说，除了函数都会显示 object instanceof instanceof用法 instanceof 是用来判断 A 是否为 B 的实例，表达式为：A instanceof
阅读全文
摘要：防抖 函数防抖（debounce），触发高频事件后 n 秒内函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间。计时完成再执行 例如：百度搜索框的联想功能 代码实现 // 简单的例子 function debounce(fn,wait){ let timer = null; retu
阅读全文
摘要：首先，要明确一点 POST和GET是HTTP请求的两种方式，都可实现将数据从浏览器向服务器发送带参数的请求。但是由于HTTP的规定和浏览器/服务器的限制，导致他们在应用过程中体现出一些不同。 HTTP请求底层协议都是TCP/IP，所以两者没有本质的区别。 POST和GET的区别 HTTP中的幂等和副
阅读全文
摘要：Http contentType Etag相关 https://www.cnblogs.com/dark-duck/p/14288228.html CSS position相关 https://www.cnblogs.com/dark-duck/p/14288292.html JS null ins
阅读全文
摘要：position 的属性值: relative，absolute，fixed，static，inherit，sticky static static(没有定位)是position的默认值，元素处于正常的文档流中，会忽略left、top、right、bottom和z-index属性。 relative
阅读全文
摘要：Content-Type 作用 MediaType，即是Internet Media Type，互联网媒体类型；也叫做MIME类型，在Http协议消息头中，使用Content-Type来表示具体请求中的媒体类型信息。在请求中 ，客户端告诉服务器实际发送的数据类型。 格式 Content-Type：t
阅读全文
摘要：防抖的使用 https://www.cnblogs.com/dark-duck/p/14287600.html 内存泄漏相关 https://www.cnblogs.com/dark-duck/p/14287119.html 面试题 https://www.cnblogs.com/dark-duck
阅读全文
摘要：题目：请求合并：短时间内需要请求多个资源合并成一个请求发送 防抖可以理解为：多次触发事件后，事件处理函数只执行一次 // 首先有一个接口其请求路径为 /path // query有一个id参数支持传一个或者多个id // /path?id=1 // /path?id=1,2,3 // /path?i
阅读全文
摘要：常见的内存泄漏场景 全局变量的意外创建 一个未声明变量的引用会在全局对象中创建一个新的变量。 没有使用var来创建变量 function foo(arg) { bar = "this is a hidden global variable"; } //等价于 function foo(arg) {
阅读全文
摘要：Object.prototype.toString.call 是如何判断变量的类型的 ES3中给出的解释 在toString方法被调用时,会执行下面的操作步骤: 获取this对象的[[Class]]属性的值. 计算出三个字符串"[object ", 第一步的操作结果Result(1), 以及 "]"
阅读全文
摘要：在模拟实现new关键字之前我们应该先了解new关键字的功能及其特点 new 创建并返回了一个新对象，是构造函数的实例 对象的实例的构造函数属性其实是构造函数的原型对象的 constructor 属性 对象实例的 proto 关联到构造函数的原型对象 判断构造函数的返回值 知道了new的作用之后，我们
阅读全文