每天10个前端小知识 【Day 5】_data instanceof element 这里的element 是啥

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端面试基础知识题

1. typeof 与 instanceof 有什么区别

typeof与instanceof都是判断数据类型的方法，区别如下： typeof会返回一个变量的基本类型，instanceof返回的是一个布尔值。instanceof 可以准确地判断复杂引用数据类型，但是不能正确判断基础数据类型。而 typeof 也存在弊端，它虽然可以判断基础数据类型（null 除外），但是引用数据类型中，除了 function 类型以外，其他的也无法判断。可以看到，上述两种方法都有弊端，并不能满足所有场景的需求 如果需要通用检测数据类型，可以采用Object.prototype.toString，调用该方法，统一返回格式“[object Xxx]” 的字符串。

2. JavaScript中的事件模型有哪些

原始事件模型（DOM0级），标准事件模型（DOM2级），IE事件模型（基本不用）。

3. == 和 ===有什么区别，分别在什么情况使用？

等于操作符用两个等于号（ == ）表示，如果操作数相等，则会返回 true。

等于操作符（==）在比较中会先进行类型转换，再确定操作数是否相等。

两个都为简单类型，字符串和布尔值都会转换成数值，再比较。简单类型与引用类型比较，对象转化成其原始类型的值，再比较。两个都为引用类型，则比较它们是否指向同一个对象。null 和 undefined 相等。存在 NaN 则返回 false全等操作符由 3 个等于号（ === ）表示，只有两个操作数在不转换的前提下相等才返回 true。即类型相同，值也需相同。

4. Javscript数组的常用方法有哪些？

增 - 下面前三种是对原数组产生影响的增添方法，第四种则不会对原数组产生影响

• push()
• unshift()
• splice()
• concat()

删 - 下面前三种都会影响原数组，最后一项不影响原数组：

• pop()
• shift()
• splice()
• slice()

改 - 即修改原来数组的内容，常用splice

• splice()

查 - 即查找元素，返回元素坐标或者元素值

• indexOf()
• includes()
• find()

5. 遍历数组的方式有哪些？

javascript原生遍历方法的建议用法：

• 用for循环遍历数组
• 用for…in遍历对象
• 用for…of遍历类数组对象（ES6）
• 用Object.keys()获取对象属性名的集合
  

6. async/await 怎么进行错误处理？

(async () => { 
    const fetchData = () => { 
        return new Promise((resolve, reject) => { 
            setTimeout(() => { 
                resolve('fetch data is me') 
            }, 1000) 
        })
    } 
    
    // 抽离成公共方法 
    const awaitWrap = (promise) => {
        return promise 
            .then(data => [null, data]) 
            .catch(err => [err, null]) 
    } 
    
    const [err, data] = await awaitWrap(fetchData()) 
    console.log('err', err) 
    console.log('data', data) 
    // err null 
    // data fetch data is me 
})()

7. CSS动画和JS实现的动画分别有哪些优缺点？

CSS动画：

优点 - 浏览器可以对动画进行优化。代码相对简单,性能调优方向固定。对于帧速表现不好的低版本浏览器，CSS3可以做到自然降级，而JS则需要撰写额外代码。

缺点 - 运行过程控制较弱,无法附加事件绑定回调函数。代码冗长，想用CSS实现稍微复杂一点动画,最后CSS代码都会变得非常笨重。

JS动画：

优点 - 控制能力很强, 可以在动画播放过程中对动画进行控制：开始、暂停、回放、终止、取消都是可以做到的。 动画效果比css3动画丰富,有些动画效果，比如曲线运动,冲击闪烁,视差滚动效果，只有js动画才能完成。CSS3有兼容性问题，而JS大多时候没有兼容性问题。

后话

---

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

对于面试，说几句个人观点。

面试，说到底是一种考试。正如我们一直批判应试教育脱离教育的本质，为了面试学习技术也脱离了技术的初心。但考试对于人才选拔的有效性是毋庸置疑的，几千年来一直如此。除非你有实力向公司证明你足够优秀，否则，还是得乖乖准备面试。这也并不妨碍你在通过面试之后按自己的方式学习。
其实在面试准备阶段，个人的收获是很大的，我也认为这是一种不错的学习方式。首先，面试问题大部分基础而且深入，这些是平时工作的基础。就好像我们之前一直不明白学习语文的意义，但它的意义就在每天的谈话间。

所谓面试造火箭，工作拧螺丝。面试往往有更高的要求，也迫使我们更专心更深入地去学习一些知识，也何尝不是一种好事。