清颖的博客

JS中的闭包闭包的一般理解为:从一个函数内部访问其外部函数的作用域。我们可以把闭包简单理解成“定义在一个函数内部的函数”，当然，也可以是多个函数内部的函数,即函数嵌套，定义在函数内部的函数。外部函数返回的是内部函数。

async函数总是返回一个Promise。await会暂停async函数的执行，直到Promise被解析或拒绝，且它不会阻塞主线程。async和await的底层是基于Promise和微任务队列的，它们为异步编程提供了一种更加直观和易于理解的语法糖。

在JavaScript中，new关键字用于 创建一个新对象并将其实例化为指定的构造函数类型。时，它创建了一个新对象，并将该对象的原型链指向 proto。

instanceof 运算符 是 JavaScript 中用于检测 一个对象 是否是其构造函数的 prototype 属性指向的原型链上的实例。输入一个对象，一个构造函数；通过循环遍历对象的原型链，逐级检查是否与给定构造函数的原型相匹配，从而判断对象是否是由特定构造函数创建的。Object.getPrototypeOf(xx),用于获取指定对象的原型（即原型链的上一层对象），相当于xx.（简单记：用于检查一个对象是否是指定构造函数的 prototype 原型链上的实例。

有一个列表，是循环遍历出来的，我们要做的是：点击某个子项时，只有该子项的展开或收起状态会受到影响，而其他子项的状态不会改变。（同情景的，做小图标高亮时也可以用到，达到只有该项图标高亮的效果）如上，在点击事件中传入Id（或其他代表唯一的属性），改变当前项的数据并返回，而其他项原样返回。可以使用组件的状态来追踪每个子项的展开或收起状态，通过。无论用的什么前端框架都可以使用该思路，属于JS思想。这样的属性去判断，然后返回子项数据。

回顾本次求职面经，呕心沥血整理，无偿分享面试题。找到工作的正确打开方式是：先投小公司或不想去的公司；回顾一下面试题，总结知识点；优化简历，再投自己希望去的，继续总结面试题，复盘（这点非常重要！！！）一面：一般都是八股文，年轻的面试官经验少，他们全都大炮轰击问不停（阿里、飞猪、米哈游），有的感觉是走过场，反正阿里基本都有算法笔试，可能他们问个基础后面留给二面去筛了；有资深的会问的比较有水平，一步一步问，然后扒原理……

obj.hasOwnProperty(property)可以判断是否是对象的自有属性，若有，返回true，否则返回 false（原型链上的返回false）。所有继承了 Object 的对象都会继承到 hasOwnProperty 方法。用来检测一个对象是否含有特定的自身属性；和 in 运算符不同，该方法会忽略掉那些从原型链上继承到的属性。x in obj 也可判断。见正文4种方法

前端基础知识：防抖和节流分别是什么？请描述，并写出来。防抖是：在第一次触发事件时，不立即执行函数，若计时器的时间间隔之内没有再次触发事件就执行；在计时器时间间隔内又触发新的事件，会清除计时器，重新计时。节流相关……请见全文内容

要检测一个元素是否可见或者两个元素是否相交的需求场景有这些： - 图片懒加载——当图片滚动到可见时才进行加载- 内容无限滚动——也就是用户滚动到接近内容底部时直接加载更多，而无需用户操作翻页，给用户一种网页可以无限滚动的错觉- 检测广告的曝光情况——为了计算广告收益，需要知道广告元素的曝光情况 - 在用户看见某个区域时执行任务或播放动画

如何判断JS的数据类型？有哪些方法？基本数据类型的判定：`typeof [变量名]`。引用类型判定：constructor...

【代码】算法题前端解决方案——JavaScript代码实现。

这里以简单的语言描述一下useReducer的使用。使用场景：当一个state需要维护多个数据且它们之间互相依赖。这样业务代码中只需要通过dispatch来更新state，繁杂的逻辑都在reducer函数中了。分别介绍一下各个参数、方法。

如何使用js进行千分位分割？正则表达式可以解决。注：这只是千分位分割，不处理精度（无四舍五入）

axios如何取消请求？AbortController派上用场了！在旧的版本中，可以使用CancelToken来取消。

咱们在开发中，大多数时间都是一个异步操作一个异步操作去执行的，但是有一些特殊情况，需要一股脑去执行多个异步操作，比如：多表单校验：只有所有表单都校验通过才能提交；多接口请求：只有所有接口都请求成功才能进行下一步操作。新语法：Promise.allSettled，他能直接完成我们上面所做的处理：接收一个 Promise 数组，执行结果返回一个成功的 Promise

前言：近期，博主在面试呢，这一周面试约的满满的。本篇整理一下看过的资料及其链接，方便回顾、查阅。建议收藏哦！文章目录一、前端知识点深入汇总，划重点！1. HTTP 跨域的10种解决方案2. HTTP 相关面试题3. Chrome 浏览器的渲染原理4. 数组常用的操作方法5.是否改变原数组方法总结6.JS的三个方法：splice,slice,split7. JS精选文章汇总8. JS的继承方式有哪些（一般是6种）附. 牛客网的面试题汇总二、刚转站到掘金写文章，请多多支持！一、前端知识点深入汇总，划重点！

继上一篇针对JS中是否改变原数组的操作方法总结，归纳一些项目开发中需要用到的ES6数组操作方法。毕竟有时处理数据时，忽然想不到方法是很捉急的事情呀！[...arr]解构，数据去重/连接/合并，Array.from()，filter()，reducer()，map()，some()等，满足大多数的开发需求。

JavaScript数组操作方法总结，本文以是否改变原数组作分类。为个人总结，可当做api直接拿来用。

oninput事件:是在用户输入时触发；该事件在 <input> 或 <textarea> 元素的值发生改变时触发。onkeyup事件：在键盘按键被松开时发生。即键盘弹起时触发。onchange事件：输入完毕后，失去焦点时触发。注：事件触发顺序是：oninput - onkeyup - onchange（失去焦点）提示：与onkeyup 事件相关的事件发生次序：...

区别数组和对象的三种方法：① constructor 通过构造函数② A instance of B 原理上是找A的原型链上有没有B③ Object.prototype.toString.call() 返回的是//"[object Type]"的形式，可以返回参数的类型在JavaScript里使用typeof判断数据类型，只能区分基本类型，即：number、string、unde...

1.直接用默认的sort方法，是按照Unicode排序，可能存在问题例如：110,11,12=>11，110，12 （110会在12前面）2.重写数组的sort方法进行数字排序：arr.sort(function(a,b){return a-b;})3.重写数组的sort方法进行拼音排序：arr.sort(function(a,b){return a.localeCompare(b...

javascript中click方法：1.通过id获取到元素click通过id获取到元素var btn=document.getElementById(“btn1”);btn.function(){…}2. “fun();”click（1）写在初始化函数内：window.function(){方法名fun=function(){…}}(2)写在初始化函数外部fun...

splice() 方法用于插入、删除或替换数组的元素。注意：splice方法会改变原始数组！返回值：如果仅删除一个元素，则返回一个元素的数组。 如果未删除任何元素，则返回空数组。slice() 方法可从已有的数组中返回选定的元素。可提取字符串的某个部分，并以新的字符串返回被提取的部分。split()方法用于把一个字符串分割成字符串数组。返回一个字符串数组。