forked from qappleh/Interview
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathREADME.md
1204 lines (507 loc) · 61.8 KB
/
README.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
# Interview
大前端每日一题，从基础到进阶，从原理到实战，用面试题来倒逼强迫自己每天去学习去查漏补缺
，系统构建前端完整的知识体系！
注：每天早上9点左右更新题目及前一天的答案，首页文件夹里的文章来源于网络，仅供参考学习使用，若有侵权，烦请联系我删除！
> 业精于勤，荒于嬉；行成于思，毁于随！学习从来都不是一蹴而就的事情，需要每天的点滴积累与沉淀，从而由量变引发质变！
## 今日一题：
> 第287题(2020-08-26)：说一下 Https 加密握手的过程 ？
讨论与参考答案：[第287题](https://github.com/qappleh/Web-Daily-Question/issues/290)
## 一周汇总
>[第274题(2020-08-07)：在排序数组中查找元素的第一个和最后一个位置 （腾讯、字节）](https://github.com/qappleh/Web-Daily-Question/issues/277)
讨论与参考答案：[第274题](https://github.com/qappleh/Web-Daily-Question/issues/277)
>[第273题(2020-08-06)：使用最小花费爬楼梯？（字节）](https://github.com/qappleh/Web-Daily-Question/issues/276)
讨论与参考答案：[第273题](https://github.com/qappleh/Web-Daily-Question/issues/276)
>[第272题(2020-08-05)：DOMContentLoaded 与 load 的区别 ?](https://github.com/qappleh/Web-Daily-Question/issues/275)
讨论与参考答案：[第272题](https://github.com/qappleh/Web-Daily-Question/issues/275)
>[第271题(2020-08-04)：Object.defineproperty() 可以监听 DOM 属性吗？（腾讯）](https://github.com/qappleh/Web-Daily-Question/issues/274)
讨论与参考答案：[第271题](https://github.com/qappleh/Web-Daily-Question/issues/274)
>[第270题(2020-08-03)：简述下 css specificity？](https://github.com/qappleh/Web-Daily-Question/issues/273)
讨论与参考答案：[第270题](https://github.com/qappleh/Web-Daily-Question/issues/273)
## 分类
### HTML
>[第112题(2019-12-24)：请使用canvas画一个五角星。](https://github.com/qappleh/Web-Daily-Question/issues/114)
讨论与参考答案：[第112题](https://github.com/qappleh/Web-Daily-Question/issues/114)
>[第190题(2020-04-10)：dangerousSetInnerHTMl知道不？和innerHTML的区别？（美团）](https://github.com/qappleh/Web-Daily-Question/issues/192)
讨论与参考答案：[第190题](https://github.com/qappleh/Web-Daily-Question/issues/192)
>[第202题(2020-04-27)：dom树和cssom树原理是什么？（阿里）](https://github.com/qappleh/Web-Daily-Question/issues/204)
讨论与参考答案：[第202题](https://github.com/qappleh/Web-Daily-Question/issues/204)
### CSS
>[第24题(2019-08-22)：介绍下重绘和回流（Repaint & Reflow），以及如何进行优化](https://github.com/qappleh/Web-Daily-Question/issues/26)
讨论与参考答案：[第24题](https://github.com/qappleh/Web-Daily-Question/issues/26)
>[第203题(2020-04-28)：响应式背后的浏览器原理你知道吗？（阿里）](https://github.com/qappleh/Web-Daily-Question/issues/205)
讨论与参考答案：[第205题](https://github.com/qappleh/Web-Daily-Question/issues/205)
>[第220题(2020-05-25)：flex: 0 1 auto 表示什么意思?(拼多多）](https://github.com/qappleh/Web-Daily-Question/issues/222)
讨论与参考答案：[第220题](https://github.com/qappleh/Web-Daily-Question/issues/222)
### javaScript
>[第1题(2019-07-22) 以下代码会输出什么?](https://github.com/qappleh/Web-Daily-Question/issues/3)
讨论与参考答案：[第1题](https://github.com/qappleh/Web-Daily-Question/issues/3)
>[第2题(2019-07-23)：a在什么情况下，控制台会输出hello world（答案不唯一）](https://github.com/qappleh/Web-Daily-Question/issues/4)
讨论与参考答案：[第2题](https://github.com/qappleh/Web-Daily-Question/issues/4)
>[第3题(2019-07-24)：请使用原型链相关知识实现b继承n=1;c继承n=2;m=3](https://github.com/qappleh/Web-Daily-Question/issues/5)
讨论与参考答案：[第3题](https://github.com/qappleh/Web-Daily-Question/issues/5)
>[第4题(2019-07-25) 以下代码输出什么？](https://github.com/qappleh/Web-Daily-Question/issues/6)
讨论与参考答案：[第4题](https://github.com/qappleh/Web-Daily-Question/issues/6)
>[第5题(2019-07-26) 已知以下数组： 编写一个程序将数组扁平化去并除其中重复部分数据，最终得到一个升序并且不重复的数组 ](https://github.com/qappleh/Web-Daily-Question/issues/7)
讨论与参考答案：[第5题](https://github.com/qappleh/Web-Daily-Question/issues/7)
>[第6题(2019-07-29)：实现一个函数add,满足下列输出结果](https://github.com/qappleh/Web-Daily-Question/issues/8)
讨论与参考答案：[第6题](https://github.com/qappleh/Web-Daily-Question/issues/8)
>[第7题(2019-07-30)：以下代码会输出什么？](https://github.com/qappleh/Web-Daily-Question/issues/9)
讨论与参考答案：[第7题](https://github.com/qappleh/Web-Daily-Question/issues/9)
>[第10题(2019-08-02)：输出以下代码运行结果](https://github.com/qappleh/Web-Daily-Question/issues/12)
讨论与参考答案：[第10题](https://github.com/qappleh/Web-Daily-Question/issues/12)
>[第12题（2019-08-6）：编程题，根据以下要求，写一个数组去重函数](https://github.com/qappleh/Web-Daily-Question/issues/14)
讨论与参考答案：[第12题](https://github.com/qappleh/Web-Daily-Question/issues/14)
>[第13题（2019-08-7）：为什么for循环嵌套顺序会影响性能?](https://github.com/qappleh/Web-Daily-Question/issues/15)
讨论与参考答案：[第13题](https://github.com/qappleh/Web-Daily-Question/issues/15)
>[第14题（2019-08-8）：统计 1 ~ n 整数中出现 1 的次数](https://github.com/qappleh/Web-Daily-Question/issues/16)
讨论与参考答案：[第14题](https://github.com/qappleh/Web-Daily-Question/issues/16)
>[第15题(2019-08-09)：修改以下 print 函数，使之输出 0 到 99，或者 99 到 0 ](https://github.com/qappleh/Web-Daily-Question/issues/17)
讨论与参考答案：[第15题](https://github.com/qappleh/Web-Daily-Question/issues/17)
>[第18题(2019-08-14)：实现一个 sleep 函数，比如 sleep(1000) 意味着等待1000毫秒，可从 Promise、Generator、Async/Await 等角度实现](https://github.com/qappleh/Web-Daily-Question/issues/19)
讨论与参考答案：[第18题](https://github.com/qappleh/Web-Daily-Question/issues/19)
>[第20题(2019-08-16)：下面代码中 a 在什么情况下会打印 1？](https://github.com/qappleh/Web-Daily-Question/issues/22)
讨论与参考答案：[第20题](https://github.com/qappleh/Web-Daily-Question/issues/22)
>[第21题(2019-08-19)：vue 是如何对数组方法进行变异的？例如 push、pop、splice 等方法](https://github.com/qappleh/Web-Daily-Question/issues/23)
讨论与参考答案：[第21题](https://github.com/qappleh/Web-Daily-Question/issues/23)
>[第22题(2019-08-20)：：ES5/ES6 的继承除了写法以外还有什么区别？](https://github.com/qappleh/Web-Daily-Question/issues/24)
讨论与参考答案：[第22题](https://github.com/qappleh/Web-Daily-Question/issues/24)
>[第23题(2019-08-21)：介绍下观察者模式和订阅-发布模式的区别，各自适用于什么场景 ](https://github.com/qappleh/Web-Daily-Question/issues/25)
讨论与参考答案：[第23题](https://github.com/qappleh/Web-Daily-Question/issues/25)
>[第25题(2019-08-23)：有以下 3 个判断数组的方法，Object.prototype.toString.call() 、 instanceof 以及 Array.isArray()，请分别介绍它们之间的区别和优劣](https://github.com/qappleh/Web-Daily-Question/issues/27)
讨论与参考答案：[第25题](https://github.com/qappleh/Web-Daily-Question/issues/27)
>[第26题(2019-08-26)：输出以下代码执行结果](https://github.com/qappleh/Web-Daily-Question/issues/28)
讨论与参考答案：[第26题](https://github.com/qappleh/Web-Daily-Question/issues/28)
>[第29题(2019-08-29)：什么是防抖和节流？有什么区别？如何实现？](https://github.com/qappleh/Web-Daily-Question/issues/31)
讨论与参考答案：[第29题](https://github.com/qappleh/Web-Daily-Question/issues/31)
>[第30题(2019-08-30)：如何将 [{id: 1}, {id: 2, pId: 1}, ...] 的重复数组（有重复数据）转成树形结构的数组 [{id: 1, child: [{id: 2, pId: 1}]}, ...] （需要去重）](https://github.com/qappleh/Web-Daily-Question/issues/32)
讨论与参考答案：[第30题](https://github.com/qappleh/Web-Daily-Question/issues/32)
>[第31题(2019-09-02)：介绍下 Set、Map、WeakSet 和 WeakMap 的区别？](https://github.com/qappleh/Web-Daily-Question/issues/33)
讨论与参考答案：[第31题](https://github.com/qappleh/Web-Daily-Question/issues/33)
>[第32题(2019-09-03)：考察作用域的一道代码题](https://github.com/qappleh/Web-Daily-Question/issues/34)
讨论与参考答案：[第32题](https://github.com/qappleh/Web-Daily-Question/issues/34)
>[第34题(2019-09-05)：请把俩个数组 [A1, A2, B1, B2, C1, C2, D1, D2] 和 [A, B, C, D]，合并为 [A1, A2, A, B1, B2, B, C1, C2, C, D1, D2, D]](https://github.com/qappleh/Web-Daily-Question/issues/36)
讨论与参考答案：[第34题](https://github.com/qappleh/Web-Daily-Question/issues/36)
>[第35题(2019-09-06)：使用迭代的方式实现 flatten 函数](https://github.com/qappleh/Web-Daily-Question/issues/37)
讨论与参考答案：[第35题](https://github.com/qappleh/Web-Daily-Question/issues/37)
>[第36题(2019-09-09)：改造下面的代码，使之输出0 - 9，写出你能想到的所有解法](https://github.com/qappleh/Web-Daily-Question/issues/38)
讨论与参考答案：[第36题](https://github.com/qappleh/Web-Daily-Question/issues/38)
>[第52题(2019-10-08)：谈谈你对事件委托(代理)的理解及它们的使用场景](https://github.com/qappleh/Web-Daily-Question/issues/54)
讨论与参考答案：[第52题](https://github.com/qappleh/Web-Daily-Question/issues/54)
>[第53题(2019-10-09)：谈谈你对闭包的理解、优缺点及使用场景](https://github.com/qappleh/Web-Daily-Question/issues/55)
讨论与参考答案：[第53题](https://github.com/qappleh/Web-Daily-Question/issues/55)
>[第54题(2019-10-10)：实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制 ](https://github.com/qappleh/Web-Daily-Question/issues/56)
讨论与参考答案：[第54题](https://github.com/qappleh/Web-Daily-Question/issues/56)
>[第55题(2019-10-11)：在Javascript中什么是伪数组？如何将伪数组转化为标准数组？](https://github.com/qappleh/Web-Daily-Question/issues/57)
讨论与参考答案：[第55题](https://github.com/qappleh/Web-Daily-Question/issues/57)
>[第56题(2019-10-12)：对作用域上下文和this的理解，看下列代码：](https://github.com/qappleh/Web-Daily-Question/issues/58)
讨论与参考答案：[第56题](https://github.com/qappleh/Web-Daily-Question/issues/58)
>[第57题(2019-10-14)：编写一个 JavaScript 函数，输入指定类型的选择器 ( 仅需支持 id ， class ，tagName 三种简单 CSS 选择器，无需兼容组合选择器 ) 可以返回匹配的 DOM 节点，需考虑浏览器兼容性和性能。](https://github.com/qappleh/Web-Daily-Question/issues/59)
讨论与参考答案：[第57题](https://github.com/qappleh/Web-Daily-Question/issues/59)
>[第58题(2019-10-15)：定义一个log方法，让它可以代理console.log的方法](https://github.com/qappleh/Web-Daily-Question/issues/60)
讨论与参考答案：[第58题](https://github.com/qappleh/Web-Daily-Question/issues/60)
>[第59题(2019-10-16)：为了保证页面输出安全，我们经常需要对一些特殊的字符进行转义，请写一个函数escapeHtml，将<, >, &, “进行转义](https://github.com/qappleh/Web-Daily-Question/issues/61)
讨论与参考答案：[第59题](https://github.com/qappleh/Web-Daily-Question/issues/61)
>[第74题(2019-11-05)：深拷贝和浅拷贝的实现方式分别有哪些？(常问经典题）](https://github.com/qappleh/Web-Daily-Question/issues/76)
讨论与参考答案：[第74题](https://github.com/qappleh/Web-Daily-Question/issues/76)
>[第82题(2019-11-14)： 什么是 IIFE (立即调用的函数表达式)](https://github.com/qappleh/Web-Daily-Question/issues/84)
讨论与参考答案：[第82题](https://github.com/qappleh/Web-Daily-Question/issues/84)
>[第83题(2019-11-15)： .call 和 .apply 区别是啥？](https://github.com/qappleh/Web-Daily-Question/issues/85)
讨论与参考答案：[第83题](https://github.com/qappleh/Web-Daily-Question/issues/85)
>[第84题(2019-11-18)： 如何在 JS 中“深冻结”对象](https://github.com/qappleh/Web-Daily-Question/issues/86)
讨论与参考答案：[第84题](https://github.com/qappleh/Web-Daily-Question/issues/86)
>[第89题(2019-11-25)： 使用 ECMAScript（JS）代码实现一个事件类Event，包含下面功能：绑定事件、解绑事件和派发事件](https://github.com/qappleh/Web-Daily-Question/issues/91)
讨论与参考答案：[第89题](https://github.com/qappleh/Web-Daily-Question/issues/91)
>[第93题(2019-11-29)：ES6 class 和普通构造函数的区别？](https://github.com/qappleh/Web-Daily-Question/issues/95)
讨论与参考答案：[第93题](https://github.com/qappleh/Web-Daily-Question/issues/95)
>[第100题(2019-12-10)：谈谈你对OAuth2.0 原理流程的理解及运用？](https://github.com/qappleh/Web-Daily-Question/issues/102)
讨论与参考答案：[第100题](https://github.com/qappleh/Web-Daily-Question/issues/102)
>[第102题(2019-12-12)：了解过PWA吗？它的离线缓存原理是什么？](https://github.com/qappleh/Web-Daily-Question/issues/104)
讨论与参考答案：[第102题](https://github.com/qappleh/Web-Daily-Question/issues/104)
>[第106题(2019-12-17)：babel转换es6语法工作原理是什么？](https://github.com/qappleh/Web-Daily-Question/issues/108)
讨论与参考答案：[第106题](https://github.com/qappleh/Web-Daily-Question/issues/108)
>[第109题(2019-12-20)：面试官：你使用过哪些前端异常处理方式？](https://github.com/qappleh/Web-Daily-Question/issues/111)
讨论与参考答案：[第109题](https://github.com/qappleh/Web-Daily-Question/issues/111)
>[第110题(2019-12-21)：聊聊前端模块化方案及import、require、export、module.exports 的区别？](https://github.com/qappleh/Web-Daily-Question/issues/112)
讨论与参考答案：[第110题](https://github.com/qappleh/Web-Daily-Question/issues/112)
>[第111题(2019-12-23)：写出一个数组展开函数, 如输入：[1,[2,[3,4,2],2],5,[6]], 则输出：[1,2,3,4,2,2,5,6]](https://github.com/qappleh/Web-Daily-Question/issues/113)
讨论与参考答案：[第111题](https://github.com/qappleh/Web-Daily-Question/issues/113)
>[第115题(2019-12-27)：请输出以下代码的执行结果?](https://github.com/qappleh/Web-Daily-Question/issues/117)
讨论与参考答案：[第115题](https://github.com/qappleh/Web-Daily-Question/issues/117)
>[第118题(2019-12-31)：编程题：将一个对象中所有值为字符串的提出取出来，拼接成大的字符串 ](https://github.com/qappleh/Web-Daily-Question/issues/120)
讨论与参考答案：[第118题](https://github.com/qappleh/Web-Daily-Question/issues/120)
>[第120题(2020-01-03)：编程题：有一个长度为 32 的数组，如何将它转换为长度为4*8的二维数组(拼多多）](https://github.com/qappleh/Web-Daily-Question/issues/122)
讨论与参考答案：[第120题](https://github.com/qappleh/Web-Daily-Question/issues/122)
>[第121题(2020-01-04)：谈谈Service Worker的生命周期、注册时机和作用？(阿里有赞)](https://github.com/qappleh/Web-Daily-Question/issues/123)
讨论与参考答案：[第121题](https://github.com/qappleh/Web-Daily-Question/issues/123)
>[第122题(2020-01-06)：项目中是否使用了 TypeScript，TS 中的枚举是怎样写的，如果用原生 JS 怎样实现？（拼多多）](https://github.com/qappleh/Web-Daily-Question/issues/124)
讨论与参考答案：[第122题](https://github.com/qappleh/Web-Daily-Question/issues/124)
>[第130题(2020-01-16)：从敲下一行JS代码到这行代码被执行，中间发生了什么？](https://github.com/qappleh/Web-Daily-Question/issues/132)
讨论与参考答案：[第130题](https://github.com/qappleh/Web-Daily-Question/issues/132)
>[第131题(2020-01-17)：编程题：Promise 调度相关，JS 实现一个带并发限制的异步调度器 Scheduler，保证同时运行的任务最多有两个(字节跳动）](https://github.com/qappleh/Web-Daily-Question/issues/133)
讨论与参考答案：[第131题](https://github.com/qappleh/Web-Daily-Question/issues/133)
>[第132题(2020-01-20)：js new一个对象发生了什么？](https://github.com/qappleh/Web-Daily-Question/issues/134)
讨论与参考答案：[第132题](https://github.com/qappleh/Web-Daily-Question/issues/134)
>[第136题(2020-01-24)：说一下类数组，数据结构是怎么样的，怎么转换为数组？](https://github.com/qappleh/Web-Daily-Question/issues/138)
讨论与参考答案：[第136题](https://github.com/qappleh/Web-Daily-Question/issues/138)
>[第137题(2020-01-27)：实现一个类，可以on,emit,off,once，注册、调用、取消、注册仅能使用一次的事件？](https://github.com/qappleh/Web-Daily-Question/issues/139)
讨论与参考答案：[第137题](https://github.com/qappleh/Web-Daily-Question/issues/139)
>[第138题(2020-01-28)：文件上传如何实现？，除了input还有什么别的方法？](https://github.com/qappleh/Web-Daily-Question/issues/140)
讨论与参考答案：[第138题](https://github.com/qappleh/Web-Daily-Question/issues/140)
>[第139题(2020-01-29)：浏览器如何预览图片，假设我要上传图片，未上传前我想在浏览器看到我待上传的图片？](https://github.com/qappleh/Web-Daily-Question/issues/141)
讨论与参考答案：[第139题](https://github.com/qappleh/Web-Daily-Question/issues/141)
>[第140题(2020-01-30)：base64 前端如何转化？](https://github.com/qappleh/Web-Daily-Question/issues/142)
讨论与参考答案：[第140题](https://github.com/qappleh/Web-Daily-Question/issues/142)
>[第145题(2020-02-06)：promise、async有什么区别？](https://github.com/qappleh/Web-Daily-Question/issues/147)
讨论与参考答案：[第145题](https://github.com/qappleh/Web-Daily-Question/issues/147)
>[第146题(2020-02-07)：介绍一下AST（Abstract Syntax Tree）抽象语法树？](https://github.com/qappleh/Web-Daily-Question/issues/148)
讨论与参考答案：[第146题](https://github.com/qappleh/Web-Daily-Question/issues/148)
>[第148题(2020-02-11)：key主要是解决哪一类的问题，为什么不建议用索引index（重绘）](https://github.com/qappleh/Web-Daily-Question/issues/150)
讨论与参考答案：[第148题](https://github.com/qappleh/Web-Daily-Question/issues/150)
>[第154题(2020-02-18)：formData和原生的ajax data有什么区别？](https://github.com/qappleh/Web-Daily-Question/issues/156)
讨论与参考答案：[第154题](https://github.com/qappleh/Web-Daily-Question/issues/156)
>[第157题(2020-02-21)：JS里垃圾回收机制是什么，常用的是哪种，怎么处理的？](https://github.com/qappleh/Web-Daily-Question/issues/159)
讨论与参考答案：[第157题](https://github.com/qappleh/Web-Daily-Question/issues/159)
>[第158题(2020-02-24)：什么是 async/await 及其如何工作？](https://github.com/qappleh/Web-Daily-Question/issues/160)
讨论与参考答案：[第158题](https://github.com/qappleh/Web-Daily-Question/issues/160)
>[第160题(2020-02-26)：Accept 头部的作用什么，如果服务器不支持怎么办？](https://github.com/qappleh/Web-Daily-Question/issues/162)
讨论与参考答案：[第160题](https://github.com/qappleh/Web-Daily-Question/issues/162)
>[第168题(2020-03-09)：instanceOf原理，手写一个instanceOf?(快手）](https://github.com/qappleh/Web-Daily-Question/issues/170)
讨论与参考答案：[第168题](https://github.com/qappleh/Web-Daily-Question/issues/170)
>[第170题(2020-03-11)：typeof 的原理，与 instanceOf 、 Object.prototype.toString.call() 的区别（字节跳动）](https://github.com/qappleh/Web-Daily-Question/issues/172)
讨论与参考答案：[第170题](https://github.com/qappleh/Web-Daily-Question/issues/172)
>[第172题(2020-03-13)：提供一个 VDOM 对象，写一个 render 函数来让他变成一颗 DOM 树（字节跳动）](https://github.com/qappleh/Web-Daily-Question/issues/174)
讨论与参考答案：[第172题](https://github.com/qappleh/Web-Daily-Question/issues/174)
>[第175题(2020-03-19)：v8引擎 如何执行 js 代码？（字节跳动）](https://github.com/qappleh/Web-Daily-Question/issues/177)
讨论与参考答案：[第175题](https://github.com/qappleh/Web-Daily-Question/issues/177)
>[第176题(2020-03-20)：AST 以及 AST 有啥应用？（字节跳动）](https://github.com/qappleh/Web-Daily-Question/issues/178)
讨论与参考答案：[第176题](https://github.com/qappleh/Web-Daily-Question/issues/178)
>[第180题(2020-03-26)：实现一个方法，将传入对象的下划线命名方式全部换为驼峰式(考虑递归的场景)。比如（虾皮）](https://github.com/qappleh/Web-Daily-Question/issues/182)
讨论与参考答案：[第180题](https://github.com/qappleh/Web-Daily-Question/issues/182)
>[第185题(2020-04-02)：能不能说说 Cookie 有哪些字段？（字节跳动）](https://github.com/qappleh/Web-Daily-Question/issues/187)
讨论与参考答案：[第185题](https://github.com/qappleh/Web-Daily-Question/issues/187)
>[第187题(2020-04-07)：进程和线程的区别及进程之间是怎么通信的？（字节跳动）](https://github.com/qappleh/Web-Daily-Question/issues/189)
讨论与参考答案：[第187题](https://github.com/qappleh/Web-Daily-Question/issues/189)
>[第188题(2020-04-08)：vue-loader 的实现原理是什么？（阿里）](https://github.com/qappleh/Web-Daily-Question/issues/190)
讨论与参考答案：[第188题](https://github.com/qappleh/Web-Daily-Question/issues/190)
>[第189题(2020-04-09)：为啥下面这个代码会爆栈？用setTimeout来递归实现setTimeInterve()就不会爆栈？（美团）](https://github.com/qappleh/Web-Daily-Question/issues/191)
讨论与参考答案：[第189题](https://github.com/qappleh/Web-Daily-Question/issues/191)
>[第191题(2020-04-13)：实现隔一段时间输出name？（美团）](https://github.com/qappleh/Web-Daily-Question/issues/193)
讨论与参考答案：[第191题](https://github.com/qappleh/Web-Daily-Question/issues/193)
>[第192题(2020-04-14)：直接往script标签里放值和<script src="a.js">,有啥区别嘛？（美团）](https://github.com/qappleh/Web-Daily-Question/issues/194)
讨论与参考答案：[第192题](https://github.com/qappleh/Web-Daily-Question/issues/194)
>[第194题(2020-04-16)：如何删除一个 cookie?(阿里）](https://github.com/qappleh/Web-Daily-Question/issues/196)
讨论与参考答案：[第194题](https://github.com/qappleh/Web-Daily-Question/issues/196)
>[第195题(2020-04-17)：WeakMap 和 Map 的性能有什么差别?（阿里）](https://github.com/qappleh/Web-Daily-Question/issues/197)
讨论与参考答案：[第195题](https://github.com/qappleh/Web-Daily-Question/issues/197)
>[第197题(2020-04-21)：JSBridge 原理是什么？（OPPO/贝壳）](https://github.com/qappleh/Web-Daily-Question/issues/199)
讨论与参考答案：[第197题](https://github.com/qappleh/Web-Daily-Question/issues/199)
>[第198题(2020-04-22)：TypeScript 里有哪些 JavaScript 没有的类型?(滴滴）](https://github.com/qappleh/Web-Daily-Question/issues/200)
讨论与参考答案：[第198题](https://github.com/qappleh/Web-Daily-Question/issues/200)
>[第201题(2020-04-26)：说说async和await的es5实现?(阿里）](https://github.com/qappleh/Web-Daily-Question/issues/203)
讨论与参考答案：[第201题](https://github.com/qappleh/Web-Daily-Question/issues/203)
>[第205题(2020-04-30)：假如说你的富文本编辑器内部要显示脚本，该怎么办呢？（阿里）](https://github.com/qappleh/Web-Daily-Question/issues/207)
讨论与参考答案：[第205题](https://github.com/qappleh/Web-Daily-Question/issues/207)
>[第209题(2020-05-09)：class 组件与函数式组件的区别?(拼多多）](https://github.com/qappleh/Web-Daily-Question/issues/211)
讨论与参考答案：[第209题](https://github.com/qappleh/Web-Daily-Question/issues/211)
>[第211题(2020-05-12)：原型，class B 继承 class A 翻译成 es5 应该是什么样子？（酷家乐）](https://github.com/qappleh/Web-Daily-Question/issues/213)
讨论与参考答案：[第211题](https://github.com/qappleh/Web-Daily-Question/issues/213)
>[第213题(2020-05-14)：组件库如何做按需加载？（拼多多）](https://github.com/qappleh/Web-Daily-Question/issues/215)
讨论与参考答案：[第213题](https://github.com/qappleh/Web-Daily-Question/issues/215)
>[第214题(2020-05-15)：Mobx 思想的实现原理及与 Redux 对比？（阿里）](https://github.com/qappleh/Web-Daily-Question/issues/216)
讨论与参考答案：[第214题](https://github.com/qappleh/Web-Daily-Question/issues/216)
>[第216题(2020-05-19：map中的键值会不会被回收（weakMap，weakSet等）(腾讯）](https://github.com/qappleh/Web-Daily-Question/issues/218)
讨论与参考答案：[第216题](https://github.com/qappleh/Web-Daily-Question/issues/218)
>[第219题(2020-05-22)：实现一个 fill 函数，不能用循环（酷家乐）](https://github.com/qappleh/Web-Daily-Question/issues/221)
讨论与参考答案：[第219题](https://github.com/qappleh/Web-Daily-Question/issues/221)
>[第221题(2020-05-26)：说出所有你知道的合并两个数组方法?(拼多多）](https://github.com/qappleh/Web-Daily-Question/issues/223)
讨论与参考答案：[第221题](https://github.com/qappleh/Web-Daily-Question/issues/223)
>[第222题(2020-05-27)：说出所有你知道的合并两个对象方法?(拼多多）](https://github.com/qappleh/Web-Daily-Question/issues/224)
讨论与参考答案：[第222题](https://github.com/qappleh/Web-Daily-Question/issues/224)
>[第224题(2020-05-29)：垃圾回收中的堆和栈的区别?（阿里）](https://github.com/qappleh/Web-Daily-Question/issues/226)
讨论与参考答案：[第224题](https://github.com/qappleh/Web-Daily-Question/issues/226)
>[第225题(2020-06-01)：view 层、js 层分别在哪里、怎么通信 ?（阿里蚂蚁）](https://github.com/qappleh/Web-Daily-Question/issues/227)
讨论与参考答案：[第225题](https://github.com/qappleh/Web-Daily-Question/issues/227)
### Vue
>[第21题(2019-08-19)：vue 是如何对数组方法进行变异的？例如 push、pop、splice 等方法](https://github.com/qappleh/Web-Daily-Question/issues/23)
讨论与参考答案：[第21题](https://github.com/qappleh/Web-Daily-Question/issues/23)
>[第41题(2019-09-17)：vue 如何优化首页的加载速度？vue 首页白屏是什么问题引起的？如何解决呢？](https://github.com/qappleh/Web-Daily-Question/issues/43)
讨论与参考答案：[第41题](https://github.com/qappleh/Web-Daily-Question/issues/43)
>[第61题(2019-10-18)：谈一谈 nextTick 的原理](https://github.com/qappleh/Web-Daily-Question/issues/63)
讨论与参考答案：[第61题](https://github.com/qappleh/Web-Daily-Question/issues/63)
>[第94题(2019-12-02)：vue从data改变到页面渲染的过程？(腾讯)](https://github.com/qappleh/Web-Daily-Question/issues/96)
讨论与参考答案：[第94题](https://github.com/qappleh/Web-Daily-Question/issues/96)
>[第95题(2019-12-03)：谈谈你对Virtual DOM 的内部工作原理的理解？(腾讯)](https://github.com/qappleh/Web-Daily-Question/issues/97)
讨论与参考答案：[第95题](https://github.com/qappleh/Web-Daily-Question/issues/97)
>[第98题(2019-12-06)：有读过Vuex的源码吗？如果要你自己设计一个状态管理库你会怎么去设计？(腾讯)](https://github.com/qappleh/Web-Daily-Question/issues/100)
讨论与参考答案：[第98题](https://github.com/qappleh/Web-Daily-Question/issues/100)
>[第116题(2019-12-28)：vue-router 的原理，history 模式和 hash 模式的区别，为什么 history 模式是先进行 app 内模块的切换再去手动更新路由？（微众银行）](https://github.com/qappleh/Web-Daily-Question/issues/118)
讨论与参考答案：[第116题](https://github.com/qappleh/Web-Daily-Question/issues/118)
>[第123题(2020-01-07)：谈谈Vue3 proxy 优缺点（哔哩哔哩/猫眼电影）](https://github.com/qappleh/Web-Daily-Question/issues/125)
讨论与参考答案：[第123题](https://github.com/qappleh/Web-Daily-Question/issues/125)
>[第124题(2020-01-08)：vue 的 nextTick 实现原理以及应用场景(英语流利说）](https://github.com/qappleh/Web-Daily-Question/issues/126)
讨论与参考答案：[第124题](https://github.com/qappleh/Web-Daily-Question/issues/126)
>[第126题(2020-01-10)：聊聊 keep-alive 的实现原理和缓存策略？](https://github.com/qappleh/Web-Daily-Question/issues/128)
讨论与参考答案：[第126题](https://github.com/qappleh/Web-Daily-Question/issues/128)
>[第135题(2020-01-23)：讲讲vue diff的过程？（字节跳动）](https://github.com/qappleh/Web-Daily-Question/issues/137)
讨论与参考答案：[第135题](https://github.com/qappleh/Web-Daily-Question/issues/137)
>[第182题(2020-03-30)： vue computed 属性为什么能够在依赖改变的时候，自己发生变化？（字节跳动）](https://github.com/qappleh/Web-Daily-Question/issues/184)
讨论与参考答案：[第182题](https://github.com/qappleh/Web-Daily-Question/issues/184)
>[第186题(2020-04-03)：能不能介绍一下 Vuex 的 Mutation 和 Action 的区别吗？（字节跳动）](https://github.com/qappleh/Web-Daily-Question/issues/188)
讨论与参考答案：[第186题](https://github.com/qappleh/Web-Daily-Question/issues/188)
>[第196题(2020-04-20)：对于vue History 路由而言，你觉得在服务端是如何做路由分发的呢？（字节跳动）](https://github.com/qappleh/Web-Daily-Question/issues/198)
讨论与参考答案：[第196题](https://github.com/qappleh/Web-Daily-Question/issues/198)
>[第210题(2020-05-11)：react 与 vue 数组中 key 的作用是什么?(阿里）](https://github.com/qappleh/Web-Daily-Question/issues/212)
讨论与参考答案：[第210题](https://github.com/qappleh/Web-Daily-Question/issues/212)
>[第218题(2020-05-21)：vue3 的 类似 hooks 的原理是怎么样的？（阿里）](https://github.com/qappleh/Web-Daily-Question/issues/220)
讨论与参考答案：[第218题](https://github.com/qappleh/Web-Daily-Question/issues/220)
>[第223题(2020-05-28)：Vue3.0都有哪些重要新特性？对比Vue2.0的优势在哪？（360）](https://github.com/qappleh/Web-Daily-Question/issues/225)
讨论与参考答案：[第223题](https://github.com/qappleh/Web-Daily-Question/issues/225)
### react
>[第125题(2020-01-09)：React Hooks 解决了什么问题，如何用 Hooks 的方法去模拟 Class Components 的功能(拼多多）](https://github.com/qappleh/Web-Daily-Question/issues/127)
讨论与参考答案：[第125题](https://github.com/qappleh/Web-Daily-Question/issues/127)
>[第134题(2020-01-22)：React16新特性？](https://github.com/qappleh/Web-Daily-Question/issues/136)
讨论与参考答案：[第134题](https://github.com/qappleh/Web-Daily-Question/issues/136)
>[第144题(2020-02-05)：React组件中怎么做事件代理及代理原理？](https://github.com/qappleh/Web-Daily-Question/issues/146)
讨论与参考答案：[第144题](https://github.com/qappleh/Web-Daily-Question/issues/146)
>[第149题(2020-02-12)：Redux中间件是什么东西，接受几个参数（两端的柯里化函数）](https://github.com/qappleh/Web-Daily-Question/issues/151)
讨论与参考答案：[第149题](https://github.com/qappleh/Web-Daily-Question/issues/151)
>[第156题(2020-02-20)：React中Dom结构发生变化后内部经历了哪些变化?](https://github.com/qappleh/Web-Daily-Question/issues/158)
讨论与参考答案：[第156题](https://github.com/qappleh/Web-Daily-Question/issues/158)
>[第171题(2020-03-12)：react 哪些生命周期可以 setState？](https://github.com/qappleh/Web-Daily-Question/issues/173)
讨论与参考答案：[第171题](https://github.com/qappleh/Web-Daily-Question/issues/173)
>[第210题(2020-05-11)：react 与 vue 数组中 key 的作用是什么?(阿里）](https://github.com/qappleh/Web-Daily-Question/issues/212)
讨论与参考答案：[第210题](https://github.com/qappleh/Web-Daily-Question/issues/212)
### Node
>[第65题(2019-10-24)：node中进程和线程区别是什么？说的越详细越深入越好！](https://github.com/qappleh/Web-Daily-Question/issues/67)
讨论与参考答案：[第65题](https://github.com/qappleh/Web-Daily-Question/issues/67)
>[第66题(2019-10-25)：请介绍一下Node事件循环的流程](https://github.com/qappleh/Web-Daily-Question/issues/68)
讨论与参考答案：[第66题](https://github.com/qappleh/Web-Daily-Question/issues/68)
>[第67题(2019-10-26)：V8的内存分代和回收算法请简单讲一讲](https://github.com/qappleh/Web-Daily-Question/issues/69)
讨论与参考答案：[第67题](https://github.com/qappleh/Web-Daily-Question/issues/69)
>[第68题(2019-10-28)：请谈一下内存泄漏是什么，以及常见内存泄漏的原因，和排查的方法](https://github.com/qappleh/Web-Daily-Question/issues/70)
讨论与参考答案：[第68题](https://github.com/qappleh/Web-Daily-Question/issues/70)
>[第69题(2019-10-29)：https身份验证过程中会涉及到密钥， 对称加密，非对称加密，摘要的概念，请解释一下](https://github.com/qappleh/Web-Daily-Question/issues/71)
讨论与参考答案：[第69题](https://github.com/qappleh/Web-Daily-Question/issues/71)
>[第70题(2019-10-30)：请简述一下node的多进程架构](https://github.com/qappleh/Web-Daily-Question/issues/72)
讨论与参考答案：[第70题](https://github.com/qappleh/Web-Daily-Question/issues/72)
>[第71题(2019-10-31)：如果使用过koa、egg这两个Node框架，请简述其中的中间件原理，最好用代码表示一下](https://github.com/qappleh/Web-Daily-Question/issues/73)
讨论与参考答案：[第71题](https://github.com/qappleh/Web-Daily-Question/issues/73)
>[第72题(2019-11-01)：请问创建子进程的方法有哪些，简单说一下它们的区别 ](https://github.com/qappleh/Web-Daily-Question/issues/74)
讨论与参考答案：[第72题](https://github.com/qappleh/Web-Daily-Question/issues/74)
>[第101题(2019-12-11)：组件设计的原则是什么，有开发过npm库发布到npm市场吗？](https://github.com/qappleh/Web-Daily-Question/issues/103)
讨论与参考答案：[第101题](https://github.com/qappleh/Web-Daily-Question/issues/103)
>[第108题(2019-12-19)：输入npm install 之后执行了什么操作？](https://github.com/qappleh/Web-Daily-Question/issues/110)
讨论与参考答案：[第108题](https://github.com/qappleh/Web-Daily-Question/issues/110)
>[第143题(2020-02-04)：如何在Node端配置路径别名（类似于Webpack中的alias配置）](https://github.com/qappleh/Web-Daily-Question/issues/145)
讨论与参考答案：[第143题](https://github.com/qappleh/Web-Daily-Question/issues/145)
>[第150题(2020-02-13)：koa中response.send、response.rounded、response.json发生了什么事，浏览器为什么能识别到它是一个json结构或是html？](https://github.com/qappleh/Web-Daily-Question/issues/152)
讨论与参考答案：[第150题](https://github.com/qappleh/Web-Daily-Question/issues/152)
>[第151题(2020-02-14)：koa-bodyparser怎么来解析request？](https://github.com/qappleh/Web-Daily-Question/issues/153)
讨论与参考答案：[第151题](https://github.com/qappleh/Web-Daily-Question/issues/153)
>[第153题(2020-02-17)：pm2怎么做进程管理，进程挂掉怎么处理？](https://github.com/qappleh/Web-Daily-Question/issues/155)
讨论与参考答案：[第153题](https://github.com/qappleh/Web-Daily-Question/issues/155)
>[第159题(2020-02-25)：node如何在一个进程的前提下开启多个线程?](https://github.com/qappleh/Web-Daily-Question/issues/161)
讨论与参考答案：[第159题](https://github.com/qappleh/Web-Daily-Question/issues/161)
>[第167题(2020-03-06)：nodejs从接收到请求到返回给页面经历了什么？](https://github.com/qappleh/Web-Daily-Question/issues/169)
讨论与参考答案：[第167题](https://github.com/qappleh/Web-Daily-Question/issues/169)
>[第217题(2020-05-20)：如何优化node后台的接口?(阿里）](https://github.com/qappleh/Web-Daily-Question/issues/219)
讨论与参考答案：[第217题](https://github.com/qappleh/Web-Daily-Question/issues/219)
### HTTP/网络协议
>[第33题(2019-09-04)：谈谈你对 TCP 三次握手和四次挥手的理解？](https://github.com/qappleh/Web-Daily-Question/issues/35)
讨论与参考答案：[第33题](https://github.com/qappleh/Web-Daily-Question/issues/35)
>[第42题(2019-09-18)：Http 状态码 301 和 302 的应用场景分别是什么？](https://github.com/qappleh/Web-Daily-Question/issues/44)
讨论与参考答案：[第42题](https://github.com/qappleh/Web-Daily-Question/issues/44)
>[第44题(2019-09-20)：介绍下 http1.0、1.1、2.0 协议的区别？](https://github.com/qappleh/Web-Daily-Question/issues/46)
讨论与参考答案：[第44题](https://github.com/qappleh/Web-Daily-Question/issues/46)
>[第107题(2019-12-18)：一个TCP 连接可以发多少个 HTTP 请求？](https://github.com/qappleh/Web-Daily-Question/issues/109)
讨论与参考答案：[第107题](https://github.com/qappleh/Web-Daily-Question/issues/109)
>[第114题(2019-12-26)：HTTPS如何实现安全加密传输？](https://github.com/qappleh/Web-Daily-Question/issues/116)
讨论与参考答案：[第114题](https://github.com/qappleh/Web-Daily-Question/issues/116)
>[第128题(2020-01-14)：websocket 和 TCP Socket的区别，websocket 的握手过程，为什么要基于 HTTP 请求来握手?(字节跳动)](https://github.com/qappleh/Web-Daily-Question/issues/130)
讨论与参考答案：[第128题](https://github.com/qappleh/Web-Daily-Question/issues/130)
>[第133题(2020-01-21)：TCP、UDP区别？](https://github.com/qappleh/Web-Daily-Question/issues/135)
讨论与参考答案：[第133题](https://github.com/qappleh/Web-Daily-Question/issues/135)
>[第142题(2020-02-03)：fetch为什么会发送2次请求？](https://github.com/qappleh/Web-Daily-Question/issues/144)
讨论与参考答案：[第142题](https://github.com/qappleh/Web-Daily-Question/issues/144)
>[第161题(2020-02-27)：gzip压缩的原理是什么？](https://github.com/qappleh/Web-Daily-Question/issues/163)
讨论与参考答案：[第161题](https://github.com/qappleh/Web-Daily-Question/issues/163)
>[第164题(2020-03-03)：HTTP报文结构，请求头有啥，响应头有啥？](https://github.com/qappleh/Web-Daily-Question/issues/166)
讨论与参考答案：[第164题](https://github.com/qappleh/Web-Daily-Question/issues/166)
>[第183题(2020-03-31)：http缓存控制，协商缓存相关的几个头部的之间的优先级关系？](https://github.com/qappleh/Web-Daily-Question/issues/185)
讨论与参考答案：[第183题](https://github.com/qappleh/Web-Daily-Question/issues/185)
>[第206题(2020-05-06)：http2为什么快，多了什么特性，头部压缩算法是怎样？](https://github.com/qappleh/Web-Daily-Question/issues/208)
讨论与参考答案：[第206题](https://github.com/qappleh/Web-Daily-Question/issues/208)
>[第207题(2020-05-07)：http缓存是怎样的?etag和last modify分别什么优点缺点，适合什么场景(描述、举例）](https://github.com/qappleh/Web-Daily-Question/issues/209)
讨论与参考答案：[第207题](https://github.com/qappleh/Web-Daily-Question/issues/209)
### 浏览器
>[第19题(2019-08-15)：请求时浏览器缓存 from memory cache 和 from disk cache 的依据是什么，哪些数据什么时候存放在 Memory Cache 和 Disk Cache中？](https://github.com/qappleh/Web-Daily-Question/issues/21)
讨论与参考答案：[第19题](https://github.com/qappleh/Web-Daily-Question/issues/21)
>[第99题(2019-12-09)：webAssebly1.0成为W3C标准，你对它了解多少？](https://github.com/qappleh/Web-Daily-Question/issues/101)
讨论与参考答案：[第99题](https://github.com/qappleh/Web-Daily-Question/issues/101)
>[第203题(2020-04-28)：响应式背后的浏览器原理你知道吗？（阿里）](https://github.com/qappleh/Web-Daily-Question/issues/205)
讨论与参考答案：[第203题](https://github.com/qappleh/Web-Daily-Question/issues/205)
>[第215题(2020-05-18)：缓存以键值形式存在浏览器，键是什么，值是什么？（腾讯）](https://github.com/qappleh/Web-Daily-Question/issues/217)
讨论与参考答案：[第215题](https://github.com/qappleh/Web-Daily-Question/issues/217)
### Web安全与性能
>[第13题（2019-08-7）：为什么for循环嵌套顺序会影响性能？](https://github.com/qappleh/Web-Daily-Question/issues/15)
讨论与参考答案：[第13题](https://github.com/qappleh/Web-Daily-Question/issues/15)
>[第24题(2019-08-22)：介绍下重绘和回流（Repaint & Reflow），以及如何进行优化](https://github.com/qappleh/Web-Daily-Question/issues/26)
讨论与参考答案：[第24题](https://github.com/qappleh/Web-Daily-Question/issues/26)
>[第40题(2019-09-16)：如何实现骨架屏，说说你的思路？](https://github.com/qappleh/Web-Daily-Question/issues/42)
讨论与参考答案：[第40题](https://github.com/qappleh/Web-Daily-Question/issues/42)
>[第87题(2019-11-21)： 常见的web安全攻击及防护原理?](https://github.com/qappleh/Web-Daily-Question/issues/89)
讨论与参考答案：[第87题](https://github.com/qappleh/Web-Daily-Question/issues/89)
>[第127题(2020-01-13)：假设现在有一个微信公众号文章的页面，可以展示文章、图片、视频和读者留言，从安全和交互性能的角度去讲一下如何优化？(企业微信)](https://github.com/qappleh/Web-Daily-Question/issues/129)
讨论与参考答案：[第127题](https://github.com/qappleh/Web-Daily-Question/issues/129)
>[第129题(2020-01-15)：一个监听了 input 事件的输入框，每次触发input都会发送请求，这个输入框的优化方案(微众银行)](https://github.com/qappleh/Web-Daily-Question/issues/131)
讨论与参考答案：[第129题](https://github.com/qappleh/Web-Daily-Question/issues/131)
>[第162题(2020-02-28)：CSRF、SSRF和XSS的区别是什么？](https://github.com/qappleh/Web-Daily-Question/issues/164)
讨论与参考答案：[第162题](https://github.com/qappleh/Web-Daily-Question/issues/164)
>[第163题(2020-03-02)：Cookie中的httponly的属性和作用？](https://github.com/qappleh/Web-Daily-Question/issues/165)
讨论与参考答案：[第163题](https://github.com/qappleh/Web-Daily-Question/issues/165)
>[第165题(2020-03-04)：JWT(JSON Web Token)的原理是什么？](https://github.com/qappleh/Web-Daily-Question/issues/167)
讨论与参考答案：[第165题](https://github.com/qappleh/Web-Daily-Question/issues/167)
>[第181题(2020-03-27)：Base64 的原理？编码后比编码前是大了还是小了?](https://github.com/qappleh/Web-Daily-Question/issues/183)
讨论与参考答案：[第181题](https://github.com/qappleh/Web-Daily-Question/issues/183)
>[第204题(2020-04-29)：场景题：保证浏览器不受脚本的恶意攻击?(阿里）](https://github.com/qappleh/Web-Daily-Question/issues/206)
讨论与参考答案：[第204题](https://github.com/qappleh/Web-Daily-Question/issues/206)
### 工程化与工具
>[第43题(2019-09-19)：怎么提高webpack打包速度？谈谈你的思路和方案](https://github.com/qappleh/Web-Daily-Question/issues/45)
讨论与参考答案：[第43题](https://github.com/qappleh/Web-Daily-Question/issues/45)
>[第90题(2019-11-26)： 如何抓取数据？如何使用工具来配置代理？](https://github.com/qappleh/Web-Daily-Question/issues/92)
讨论与参考答案：[第90题](https://github.com/qappleh/Web-Daily-Question/issues/92)
>[第91题(2019-11-27)： 你所了解的webpack的构建流程与打包原理？](https://github.com/qappleh/Web-Daily-Question/issues/93)
讨论与参考答案：[第91题](https://github.com/qappleh/Web-Daily-Question/issues/93)
>[第147题(2020-02-10)：使用import时，webpack对node_modules里的依赖会做什么？](https://github.com/qappleh/Web-Daily-Question/issues/149)
讨论与参考答案：[第147题](https://github.com/qappleh/Web-Daily-Question/issues/149)
>[第169题(2020-03-10)：webpack treeShaking原理，是靠什么才能实现？(字节跳动）](https://github.com/qappleh/Web-Daily-Question/issues/171)
讨论与参考答案：[第169题](https://github.com/qappleh/Web-Daily-Question/issues/171)
>[第184题(2020-04-01)：如果让你搭建一套前端监控方案，具体思路？](https://github.com/qappleh/Web-Daily-Question/issues/186)
讨论与参考答案：[第184题](https://github.com/qappleh/Web-Daily-Question/issues/186)
>[第199题(2020-04-23)：webpack Tree-shaking 原理是什么？](https://github.com/qappleh/Web-Daily-Question/issues/201)
讨论与参考答案：[第199题](https://github.com/qappleh/Web-Daily-Question/issues/201)
>[第200题(2020-04-24)：Docker 分层是什么，怎么做？（伴鱼）](https://github.com/qappleh/Web-Daily-Question/issues/202)
讨论与参考答案：[第200题](https://github.com/qappleh/Web-Daily-Question/issues/202)
>[第208题(2020-05-08)：项目中有用到过单元测试、e2e测试吗？它们的区别是什么？](https://github.com/qappleh/Web-Daily-Question/issues/210)
讨论与参考答案：[第208题](https://github.com/qappleh/Web-Daily-Question/issues/210)
>[第212题(2020-05-13)：webpack 如何实现动态加载（拼多多）](https://github.com/qappleh/Web-Daily-Question/issues/214)
讨论与参考答案：[第212题](https://github.com/qappleh/Web-Daily-Question/issues/214)
>[第213题(2020-05-14)：组件库如何做按需加载？（拼多多）](https://github.com/qappleh/Web-Daily-Question/issues/215)
讨论与参考答案：[第213题](https://github.com/qappleh/Web-Daily-Question/issues/215)
>[第214题(2020-05-15)：Mobx 思想的实现原理及与 Redux 对比？（阿里）](https://github.com/qappleh/Web-Daily-Question/issues/216)
讨论与参考答案：[第214题](https://github.com/qappleh/Web-Daily-Question/issues/216)
### 数据结构与算法
>[第119题(2020-1-02)：coding: 查找根节点到目标节点的路径(百度）](https://github.com/qappleh/Web-Daily-Question/issues/121)
讨论与参考答案：[第119题](https://github.com/qappleh/Web-Daily-Question/issues/121)
>[第141题(2020-01-31)：假设有130个苹果，你我轮流拿，每次可拿1-5个，如何保证你拿到最后一个苹果？](https://github.com/qappleh/Web-Daily-Question/issues/143)
讨论与参考答案：[第141题](https://github.com/qappleh/Web-Daily-Question/issues/143)
>[第152题(2020-02-15)：介绍冒泡排序，选择排序，冒泡排序如何优化?](https://github.com/qappleh/Web-Daily-Question/issues/154)
讨论与参考答案：[第152题](https://github.com/qappleh/Web-Daily-Question/issues/154)
>[第174题(2020-03-17)：实现一个算法，来完成字符串相加，比如 "111" + ”2222“ = ”2333“。(高精度算法)](https://github.com/qappleh/Web-Daily-Question/issues/176)
讨论与参考答案：[第174题](https://github.com/qappleh/Web-Daily-Question/issues/176)
>[第179题(2020-03-25)：有一个有序递增序列，求有多少个不同的数字。比如 [1, 5, 7, 7, 8, 9, 9]。里面总共有5个不同的数字:1, 5, 7, 8, 9 ](https://github.com/qappleh/Web-Daily-Question/issues/181)
讨论与参考答案：[第179题](https://github.com/qappleh/Web-Daily-Question/issues/181)
>[第193题(2020-04-15)：结构体转换,数组结构转换成树形结构。时间复杂度是多少？hashmap的实现知道不？](https://github.com/qappleh/Web-Daily-Question/issues/195)
讨论与参考答案：[第193题](https://github.com/qappleh/Web-Daily-Question/issues/195)
### 数据库
>[第166题(2020-03-05)：数据库的内连接和外连接有什么区别?](https://github.com/qappleh/Web-Daily-Question/issues/168)
讨论与参考答案：[第166题](https://github.com/qappleh/Web-Daily-Question/issues/168)