前端开发常见笔试题（附答案）

1、请写出判断变量类型的几种方法，并谈谈这几种方法的差异或者局限 1.typeof typeof 目前能返回string，number，boolean，symbol，bigint，unfined，object，function这八种判断类型

2.instanceof 一般用来判断引用数据类型的判断，如：Object，Function，Array，Date，RegExp等 当然，instanceof 也可以判断一个实例是否是其父类型或者祖先类型的实例

3、Object.prototype.toString（这个是判断类型最准的方法）

4、constructor 判断类型的几种方法

3、请写一下你记得的数组的操作方法，并简明说明一下该方法的作用； 1.shift() 方法：把数组的第一个元素删除，并返回第一个元素的值。 2.concat() 方法：用于连接两个或多个数组,并返回一个新数组，新数组是将参数添加到原数组中构成的。 3. join() 方法：用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 4. pop() 方法：用于删除并返回数组的最后一个(删除元素)元素,如果数组为空则返回undefined ,把数组长度减 1。 5. push() 方法：可向数组的末尾添加一个或多个元素，并返回新的长度，(用来改变数组长度)。 6.6.reverse() ：方法用于颠倒数组中元素的顺序。 7.slice() 方法：可从已有的数组中返回选定的元素。slice(开始截取位置，结束截取位置。 8.splice() ：方法向/从数组中添加/删除项目，然后返回被删除的项目。 9.unshift：将参数添加到原数组开头，并返回数组的长度。 10.sort(orderfunction)：按指定的参数对数组进行排序。

4、[1, 2, 3, 4, 5, 2, 3, 4, 2, 3, 4, 2, 3, 4] 数组去重，只要是数组迭代方法，皆可去重，除了数组的迭代方法还有 ES6 的 set 数据结构； 12种数组去重的方法

5、原生实现一个 ES5 的 bind( ) 实现es5的bind

6、简述一下 src 与 href 的区别； src与href的区别

7、sessionStorage、localStorage 和 cookie 之间的区别； 区别

8、简述 Ajax 工作原理； Ajax工作原理

9、简述一下浏览器的渲染流程； 渲染流程

10、设想以下场景：公司有个项目，该项目需要做成单页应用，此时在不使用其他框架的情况下，说一下你该如何实现这个单页应用； 单页应用

11、简单说一下 vue 的双向绑定原理； 双向绑定

12、简单说一下对于 node 的了解，了解其中的哪些模块，哪些方法，或是其他； node官网

13、请写出几个经典的 this 使用场景 使用场景

14、谈一谈你所了解到的垃圾回收机制； 在系统运行过程中会产生一些无用的对象,这些对象一直占用内存,不清理这些无用的对象可能会导致内存耗尽,所有垃圾回收机制的是内存.

15,怎样添加，移除，移动，创建，复制，查找 DOM 节点？