-
第 1 题：写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？
-
第 2 题：
['1', '2', '3'].map(parseInt)what & why ? -
第 3 题：什么是防抖和节流？有什么区别？如何实现？
-
第 4 题：介绍下 Set、Map、WeakSet 和 WeakMap 的区别？
-
第 5 题：介绍下深度优先遍历和广度优先遍历，如何实现？
-
第 6 题：请分别用深度优先思想和广度优先思想实现一个拷贝函数？
-
第 7 题：ES5/ES6 的继承除了写法以外还有什么区别？
-
第 8 题：setTimeout、Promise、Async/Await 的区别
-
第 9 题：Async/Await 如何通过同步的方式实现异步
-
第 10 题：异步笔试题
- 第 11 题：算法手写题
- 第 12 题：JS 异步解决方案的发展历程以及优缺点。
- 第 13 题：Promise 构造函数是同步执行还是异步执行，那么 then 方法呢？
- 第 14 题：情人节福利题，如何实现一个 new
- 第 15 题：简单讲解一下http2的多路复用
- 第 16 题：谈谈你对TCP三次握手和四次挥手的理解
- 第 17 题：A、B 机器正常连接后，B 机器突然重启，问 A 此时处于 TCP 什么状态
- 第 18 题：React 中 setState 什么时候是同步的，什么时候是异步的？
- 第 19 题：React setState 笔试题，下面的代码输出什么？
- 第 20 题：介绍下 npm 模块安装机制，为什么输入 npm install 就可以自动安装对应的模块？
- 第 21 题：有以下 3 个判断数组的方法，请分别介绍它们之间的区别和优劣
- 第 22 题：介绍下重绘和回流（Repaint & Reflow），以及如何进行优化
- 第 23 题：介绍下观察者模式和订阅-发布模式的区别，各自适用于什么场景
- 第 24 题：聊聊 Redux 和 Vuex 的设计思想
- 第 25 题：说说浏览器和 Node 事件循环的区别
- 第 26 题：介绍模块化发展历程
- 第 27 题：全局作用域中，用 const 和 let 声明的变量不在 window 上，那到底在哪里？如何去获取？。
- 第 28 题：cookie 和 token 都存放在 header 中，为什么不会劫持 token？
- 第 29 题：聊聊 Vue 的双向数据绑定，Model 如何改变 View，View 又是如何改变 Model 的
- 第 30 题：两个数组合并成一个数组
- 第 31 题：改造下面的代码，使之输出0 - 9，写出你能想到的所有解法。
- 第 32 题：Virtual DOM 真的比操作原生 DOM 快吗？谈谈你的想法。
- 第 33 题：下面的代码打印什么内容，为什么？
- 第 34 题：简单改造下面的代码，使之分别打印 10 和 20。
- 第 35 题：浏览器缓存读取规则
- 第 36 题：使用迭代的方式实现 flatten 函数。
- 第 37 题：为什么 Vuex 的 mutation 和 Redux 的 reducer 中不能做异步操作？
- 第 38 题：下面代码中 a 在什么情况下会打印 1？
- 第 39 题：介绍下 BFC 及其应用。
- 第 40 题：在 Vue 中，子组件为何不可以修改父组件传递的 Prop
- 第 41 题：下面代码输出什么
- 第 42 题：实现一个 sleep 函数
- 第 43 题：使用 sort() 对数组 [3, 15, 8, 29, 102, 22] 进行排序，输出结果
- 第 44 题：介绍 HTTPS 握手过程
- 第 45 题：HTTPS 握手过程中，客户端如何验证证书的合法性
- 第 46 题：输出以下代码执行的结果并解释为什么
- 第 47 题：双向绑定和 vuex 是否冲突
- 第 48 题：call 和 apply 的区别是什么，哪个性能更好一些
- 第 49 题：为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片？
- 第 50 题：实现 (5).add(3).minus(2) 功能。
- 第 51 题：Vue 的响应式原理中 Object.defineProperty 有什么缺陷？
- 第 52 题：怎么让一个 div 水平垂直居中
- 第 53 题：输出以下代码的执行结果并解释为什么
- 第 54 题：冒泡排序如何实现，时间复杂度是多少， 还可以如何改进？
- 第 55 题：某公司 1 到 12 月份的销售额存在一个对象里面
- 第 56 题：要求设计 LazyMan 类，实现以下功能。
- 第 57 题：分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景。
- 第 58 题：箭头函数与普通函数（function）的区别是什么？构造函数（function）可以使用 new 生成实例，那么箭头函数可以吗？为什么？
- 第 59 题：给定两个数组，写一个方法来计算它们的交集。
- 第 60 题：已知如下代码，如何修改才能让图片宽度为 300px ？注意下面代码不可修改。
- 第 61 题：介绍下如何实现 token 加密
- 第 62 题：redux 为什么要把 reducer 设计成纯函数
- 第 63 题：如何设计实现无缝轮播
- 第 64 题：模拟实现一个 Promise.finally
- 第 65 题：
a.b.c.d和a['b']['c']['d']，哪个性能更高？
解析：第 1 题
解析：第 2 题
解析：第 3 题
解析：第 4 题
解析：第 5 题
解析：第 6 题
解析：第 7 题
解析：第 8 题
欢迎在 Issue 区留下你的答案。
请写出下面代码的运行结果
async function async1() {
console.log('async1 start');
await async2();
console.log('async1 end');
}
async function async2() {
console.log('async2');
}
console.log('script start');
setTimeout(function() {
console.log('setTimeout');
}, 0)
async1();
new Promise(function(resolve) {
console.log('promise1');
resolve();
}).then(function() {
console.log('promise2');
});
console.log('script end');解析：第 10 题
已知如下数组：
var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];
编写一个程序将数组扁平化去并除其中重复部分数据，最终得到一个升序且不重复的数组
解析：第 11 题
解析：第 12 题
解析：第 13 题
解析：第 14 题
解析：第 15 题
解析：第 16 题
如果A 与 B 建立了正常连接后，从未相互发过数据，这个时候 B 突然机器重启，问 A 此时处于 TCP 什么状态？如何消除服务器程序中的这个状态？（超纲题，了解即可）
解析：第 17 题
解析：第 18 题
class Example extends React.Component {
constructor() {
super();
this.state = {
val: 0
};
}
componentDidMount() {
this.setState({val: this.state.val + 1});
console.log(this.state.val); // 第 1 次 log
this.setState({val: this.state.val + 1});
console.log(this.state.val); // 第 2 次 log
setTimeout(() => {
this.setState({val: this.state.val + 1});
console.log(this.state.val); // 第 3 次 log
this.setState({val: this.state.val + 1});
console.log(this.state.val); // 第 4 次 log
}, 0);
}
render() {
return null;
}
};解析：第 19 题
解析：第 20 题
Object.prototype.toString.call() 、 instanceof 以及 Array.isArray()
解析：第 21 题
解析：第 22 题
解析：第 23 题
解析：第 24 题
解析：第 25 题
可从IIFE、AMD、CMD、CommonJS、UMD、webpack(require.ensure)、ES Module、<script type="module"> 这几个角度考虑。
解析：第 26 题
解析：第 27 题
解析：第 28 题
解析：第 29 题
请把两个数组 ['A1', 'A2', 'B1', 'B2', 'C1', 'C2', 'D1', 'D2'] 和 ['A', 'B', 'C', 'D']，合并为 ['A1', 'A2', 'A', 'B1', 'B2', 'B', 'C1', 'C2', 'C', 'D1', 'D2', 'D']。
解析： 第 30 题
for (var i = 0; i< 10; i++){
setTimeout(() => {
console.log(i);
}, 1000)
}解析：第 31 题
解析：第 32 题
var b = 10;
(function b(){
b = 20;
console.log(b);
})();解析：第 33 题
var b = 10;
(function b(){
b = 20;
console.log(b);
})();解析：第 34 题
可以分成 Service Worker、Memory Cache、Disk Cache 和 Push Cache，那请求的时候 from memory cache 和 from disk cache 的依据是什么，哪些数据什么时候存放在 Memory Cache 和 Disk Cache中？
解析：第 35 题
解析：第 36 题
解析：第 37 题
var a = ?;
if(a == 1 && a == 2 && a == 3){
console.log(1);
}解析：第 38 题
解析：第 39 题
如果修改了，Vue 是如何监控到属性的修改并给出警告的。
解析：第 40 题
var a = 10;
(function () {
console.log(a)
a = 5
console.log(window.a)
var a = 20;
console.log(a)
})()解析：第 41题
比如 sleep(1000) 意味着等待1000毫秒，可从 Promise、Generator、Async/Await 等角度实现
解析：第 42 题
解析：第 43 题
解析：第 44 题
解析：第 45 题
var obj = {
'2': 3,
'3': 4,
'length': 2,
'splice': Array.prototype.splice,
'push': Array.prototype.push
}
obj.push(1)
obj.push(2)
console.log(obj)解析：第 46 题
解析：第 47 题
解析：第 48 题
解析：第 49 题
例： 5 + 3 - 2，结果为 6
解析：第 50 题
为什么在 Vue3.0 采用了 Proxy，抛弃了 Object.defineProperty？
解析：第 51 题
解析：第 52 题
var a = {n: 1};
var b = a;
a.x = a = {n: 2};
console.log(a.x)
console.log(b.x)解析：第 53 题
解析：第 54 题
如下：{1:222, 2:123, 5:888}，请把数据处理为如下结构：[222, 123, null, null, 888, null, null, null, null, null, null, null]。
解析：第 55 题
LazyMan('Tony');
// Hi I am Tony
LazyMan('Tony').sleep(10).eat('lunch');
// Hi I am Tony
// 等待了10秒...
// I am eating lunch
LazyMan('Tony').eat('lunch').sleep(10).eat('dinner');
// Hi I am Tony
// I am eating lunch
// 等待了10秒...
// I am eating diner
LazyMan('Tony').eat('lunch').eat('dinner').sleepFirst(5).sleep(10).eat('junk food');
// Hi I am Tony
// 等待了5秒...
// I am eating lunch
// I am eating dinner
// 等待了10秒...
// I am eating junk food解析：第 56 题
第 57 题：分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景。
解析：第 57 题
解析：第 58 题
例如：给定 nums1 = [1, 2, 2, 1]，nums2 = [2, 2]，返回 [2, 2]。
解析：第 59 题
<img src="1.jpg" style="width:480px!important;”>
解析：第 60 题
解析：第 61 题
解析：第 62 题
解析：第 63 题
解析：第 64 题
解析：第 65 题