-
Notifications
You must be signed in to change notification settings - Fork 890
/
Copy pathjavascript.md
executable file
·4699 lines (2919 loc) · 114 KB
/
javascript.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
# JavaScript题目汇总
- [写一个 mySetInterVal(fn, a, b),每次间隔 a,a+b,a+2b,...,a+nb 的时间，然后写一个 myClear，停止上面的 mySetInterVal](#写一个-mysetintervalfn-a-b每次间隔-aaba2b-的时间然后写一个-myclear停止上面的-mysetinterval)
- [介绍防抖节流原理、区别以及应用，并用JavaScript进行实现](#介绍防抖节流原理区别以及应用并用javascript进行实现)
- [对闭包的看法，为什么要用闭包？说一下闭包原理以及应用场景](#对闭包的看法为什么要用闭包说一下闭包原理以及应用场景)
- [实现 lodash 的_.get](#实现-lodash-的_get)
- [实现 add(1)(2)(3)](#实现-add123)
- [实现链式调用](#实现链式调用)
- [类数组和数组的区别，dom 的类数组如何转换成数组](#类数组和数组的区别dom-的类数组如何转换成数组)
- [介绍下 promise 的特性、优缺点，内部是如何实现的，动手实现 Promise](#介绍下-promise-的特性优缺点内部是如何实现的动手实现-promise)
- [实现 Promise.all](#实现-promiseall)
- [手写发布订阅](#手写发布订阅)
- [手写数组转树](#手写数组转树)
- [手写用 ES6proxy 如何实现 arr[-1] 的访问](#手写用-es6proxy-如何实现-arr-1-的访问)
- [手写实现 Array.flat()](#手写实现-arrayflat)
- [大数计算如何实现](#大数计算如何实现)
- [什么是深拷贝，和浅拷贝有什么区别，动手实现一个深拷贝](#什么是深拷贝和浅拷贝有什么区别动手实现一个深拷贝)
- [实现一个方法判断 html 中的标签是否闭合](#实现一个方法判断-html-中的标签是否闭合)
- [箭头函数和普通函数的区别](#箭头函数和普通函数的区别)
- [es5 实现 isInteger](#es5-实现-isinteger)
- [写出输出结果](#写出输出结果)
- [手写 dom 操作，翻转 li 标签，如何处理更优](#手写-dom-操作翻转-li-标签如何处理更优)
- [怎样判断一个对象是否是数组，如何处理类数组对象](#怎样判断一个对象是否是数组如何处理类数组对象)
- [是否了解 glob，glob 是如何处理文件的，业界是否还有其它解决方案](#是否了解-globglob-是如何处理文件的业界是否还有其它解决方案)
- [随便打开一个网页，用 JavaScript 打印所有以 s 和 h 开头的标签，并计算出标签的种类](#随便打开一个网页用-javascript-打印所有以-s-和-h-开头的标签并计算出标签的种类)
- [1000*1000 的画布，上面有飞机、子弹，如何划分区域能够更有效的做碰撞检测，类似划分区域大小与碰撞检测效率的算法，说一下大致的思路](#10001000-的画布上面有飞机子弹如何划分区域能够更有效的做碰撞检测类似划分区域大小与碰撞检测效率的算法说一下大致的思路)
- [移动设备安卓与 iOS 的软键盘弹出的处理方式有什么不同](#移动设备安卓与-ios-的软键盘弹出的处理方式有什么不同)
- [iPhone 里面 Safari 上如果一个输入框 fixed 绝对定位在底部，当软键盘弹出的时候会有什么问题，如何解决](#iphone-里面-safari-上如果一个输入框-fixed-绝对定位在底部当软键盘弹出的时候会有什么问题如何解决)
- [给定一个数组，按找到每个元素右侧第一个比它大的数字，没有的话返回-1 规则返回一个数组](#给定一个数组按找到每个元素右侧第一个比它大的数字没有的话返回-1-规则返回一个数组)
- [说一说 promise，有几个状态，通过 catch 捕获到 reject 之后，在 catch 后面还能继续执行 then 方法嘛，如果能执行执行的是第几个回调函数](#说一说-promise有几个状态通过-catch-捕获到-reject-之后在-catch-后面还能继续执行-then-方法嘛如果能执行执行的是第几个回调函数)
- [var、let、const 的区别](#varletconst-的区别)
- [说一下 GC](#说一下-gc)
- [如何实现按需加载](#如何实现按需加载)
- [讲一下 import 的原理，与 require 有什么不同](#讲一下-import-的原理与-require-有什么不同)
- [请实现如下的函数](#请实现如下的函数)
- [是否用过 restful 接口，和其他风格的有什么区别](#是否用过-restful-接口和其他风格的有什么区别)
- [说一下 get、post、put 的区别](#说一下-getpostput-的区别)
- [说一下对面向对象的理解，面向对象有什么好处](#说一下对面向对象的理解面向对象有什么好处)
- [类设计：使用面相对象设计一个停车场管理系](#类设计使用面相对象设计一个停车场管理系)
- [实现输出一个十六进制的随机颜色(#af0128a)](#实现输出一个十六进制的随机颜色af0128a)
- [手写代码实现kuai-shou-front-end=>KuaiShouFrontEnd](#手写代码实现kuai-shou-front-endkuaishoufrontend)
- [设计一个 Student 组件，实现输入姓名性别成绩（这三个必填），还有几个不是必填的属性，要设置默认值，点击弹出成绩](#设计一个-student-组件实现输入姓名性别成绩这三个必填还有几个不是必填的属性要设置默认值点击弹出成绩)
- [设计一个函数，奇数次执行的时候打印 1，偶数次执行的时候打印 2](#设计一个函数奇数次执行的时候打印-1偶数次执行的时候打印-2)
- [实现 Promise.then](#实现-promisethen)
- [平时在项目开发中都做过哪些前端性能优化](#平时在项目开发中都做过哪些前端性能优化)
- [给定起止日期，返回中间的所有月份](#给定起止日期返回中间的所有月份)
- [输入两个字符串，输出他们中间的月份](#输入两个字符串输出他们中间的月份)
- [用尽量短的代码实现一个 arrary 的链式操作，将数组中的大于 10 的值进行一个累加](#用尽量短的代码实现一个-arrary-的链式操作将数组中的大于-10-的值进行一个累加)
- [简单封装一个异步 fecth，使用 async await 的方式来使用](#简单封装一个异步-fecth使用-async-await-的方式来使用)
- [请写一个函数，输出出多级嵌套结构的 Object 的所有 key 值](#请写一个函数输出出多级嵌套结构的-object-的所有-key-值)
- [写出打印结果，并解释为什么](#写出打印结果并解释为什么)
- [动手实现一个 repeat 方法](#动手实现一个-repeat-方法)
- [setTimeout 有什么缺点，和 requestAnimationFrame 有什么区别](#settimeout-有什么缺点和-requestanimationframe-有什么区别)
- [versions 是一个项目的版本号列表，因多人维护，不规则，动手实现一个版本号处理函数](#versions-是一个项目的版本号列表因多人维护不规则动手实现一个版本号处理函数)
- [实现一个多并发的请求](#实现一个多并发的请求)
- [写出代码执行结果](#写出代码执行结果)
- [按要求实现一个 sum 函数](#按要求实现一个-sum-函数)
- [说一下 base64 的编码方式](#说一下-base64-的编码方式)
- [改变 this 指向的方式都有哪些？](#改变-this-指向的方式都有哪些)
- [说一下module.exports和exports的区别，export和export default的区别](#说一下moduleexports和exports的区别export和export-default的区别)
- [number 为什么会出现精度损失，怎样避免](#number-为什么会出现精度损失怎样避免)
- [实现一个函数将中文数字转成数字](#实现一个函数将中文数字转成数字)
- [节流](#节流)
- [如何实现 5 秒自动刷新一次页面(具体都有什么方法 reload 之类的)](#如何实现-5-秒自动刷新一次页面具体都有什么方法-reload-之类的)
- [都了解哪些 ES6、ES7 的新特性，箭头函数可以被 new 吗](#都了解哪些-es6es7-的新特性箭头函数可以被-new-吗)
- [说一下 JavaScript 继承都有哪些方法](#说一下-javascript-继承都有哪些方法)
- [已知函数 A，要求构造⼀个函数 B 继承 A](#已知函数-a要求构造个函数-b-继承-a)
- [数组和对象转换为字符串结果](#数组和对象转换为字符串结果)
- [请写出以下代码的打印结果](#请写出以下代码的打印结果)
- [请写出以下代码的打印结果](#请写出以下代码的打印结果-1)
- [要求⽤不同⽅式对 A 进⾏改造实现 A.name 发⽣变化时⽴即执⾏ A.getName](#要求不同式对-a-进改造实现-aname-发变化时即执-agetname)
- [修改以下代码，使得最后⼀⾏代码能够输出数字 0-9（最好能给多种答案）](#修改以下代码使得最后代码能够输出数字-0-9最好能给多种答案)
- [请给出识别 Email 的正则表达式](#请给出识别-email-的正则表达式)
- [设计 AutoComplete 组件(又叫搜索组件、自动补全组件等)时，需要考虑什么问题？](#设计-autocomplete-组件又叫搜索组件自动补全组件等时需要考虑什么问题)
- [实现函数接受任意二叉树，求二叉树所有根到叶子路径组成的数字之和](#实现函数接受任意二叉树求二叉树所有根到叶子路径组成的数字之和)
- [请写出一下代码的打印结果](#请写出一下代码的打印结果)
- [Promise 链式调用如何实现](#promise-链式调用如何实现)
- [说一下对BigInt的理解，在什么场景下会使用](#说一下对bigint的理解在什么场景下会使用)
- [null 是不是一个对象，如果是，如何判断一个对象是 null，不使用 JavaScript 提供的 api 如何进行判断](#null-是不是一个对象如果是如何判断一个对象是-null不使用-javascript-提供的-api-如何进行判断)
- [说一下对于堆栈的理解](#说一下对于堆栈的理解)
- [[] == ![]为什么](#--为什么)
- [如何把真实 dom 转变为虚拟 dom，代码实现一下](#如何把真实-dom-转变为虚拟-dom代码实现一下)
- [说一下错误监控的实现，错误监控的正确使用方式，日志如何分等级](#说一下错误监控的实现错误监控的正确使用方式日志如何分等级)
- [请写出以下代码执行结果](#请写出以下代码执行结果)
- [请写出以下代码执行结果](#请写出以下代码执行结果-1)
- [请写出以下代码执行结果](#请写出以下代码执行结果-2)
- [请写出以下代码执行结果](#请写出以下代码执行结果-3)
- [请写出以下代码执行结果](#请写出以下代码执行结果-4)
- [请写出以下代码执行结果](#请写出以下代码执行结果-5)
- [请写出以下代码执行结果](#请写出以下代码执行结果-6)
- [说一下什么是死锁](#说一下什么是死锁)
- [实现以下代码](#实现以下代码)
- [请实现一个 cacheRequest 方法，保证发出多次同一个 ajax 请求时都能拿到数据，而实际上只发出一次请求](#请实现一个-cacherequest-方法保证发出多次同一个-ajax-请求时都能拿到数据而实际上只发出一次请求)
- [实现一个函数柯里化](#实现一个函数柯里化)
- [说一下对原型链的理解，画一个经典的原型链图示](#说一下对原型链的理解画一个经典的原型链图示)
- [说一下 ajax/axios/fetch 的区别](#说一下-ajaxaxiosfetch-的区别)
- [用 Promise 封装一个 ajax](#用-promise-封装一个-ajax)
- [描述 DOM 事件捕获的具体流程](#描述-dom-事件捕获的具体流程)
- [请实现$on,$emit](#请实现onemit)
- [实现 bind 方法，不能使用 call、apply、bind](#实现-bind-方法不能使用-callapplybind)
- [手写实现 sleep 函数](#手写实现-sleep-函数)
- [请写出原生 js 如何设置元素高度](#请写出原生-js-如何设置元素高度)
- [用原生 js 实现自定义事件](#用原生-js-实现自定义事件)
- [如何识别出字符串中的回车并进行换行？](#如何识别出字符串中的回车并进行换行？)
- [输入一个日期 返回几秒前、几小时前、几天前、几月前](#输入一个日期-返回几秒前几小时前几天前几月前)
- [将 153812.7 转化为 153,812.7](#将-1538127-转化为-1538127)
- [数组有哪些方法 讲讲区别跟使用场景](#数组有哪些方法-讲讲区别跟使用场景)
- [讲一下函数式编程](#讲一下函数式编程)
- [promise 跟 async await 的区别，使用场景](#promise-跟-async-await-的区别使用场景)
- [async、await 如何进行错误捕获](#asyncawait-如何进行错误捕获)
- [weak-Set、weak-Map 和 Set、Map 区别](#weak-setweak-map-和-setmap-区别)
- [valueOf 与 toString 的区别](#valueof-与-tostring-的区别)
- [怎么判断是一个空对象](#怎么判断是一个空对象)
- [请写出下面代码的执行结果](#请写出下面代码的执行结果)
- [请写出下面代码的执行结果](#请写出下面代码的执行结果-1)
- [请只用数组方法和 Math.random()在一条语句的情况下，实现生成给定位数的随机数组，例如生成 10 位随机数组[1.1,102.1,2,3,8,4,90,123,11,123],数组内数字随机生成。](#请只用数组方法和-mathrandom在一条语句的情况下实现生成给定位数的随机数组例如生成-10-位随机数组11102123849012311123数组内数字随机生成)
- [实现一个 setter 方法](#实现一个-setter-方法)
- [setTimeout 与 setInterval 区别](#settimeout-与-setinterval-区别)
- [项目中如何应用数据结构](#项目中如何应用数据结构)
- [闭包的核心是什么](#闭包的核心是什么)
- [写出代码输出结果](#写出代码输出结果)
- [实现一个功能，发送请求 5s 时间后，如果没有数据返回，中断请求,提示错误](#实现一个功能发送请求-5s-时间后如果没有数据返回中断请求提示错误)
- [什么是作用域链](#什么是作用域链)
- [介绍事件冒泡、事件代理、事件捕获，以及它们的关系](#介绍事件冒泡事件代理事件捕获以及它们的关系)
- [for..of 和 for...in 是否可以直接遍历对象，为什么](#forof-和-forin-是否可以直接遍历对象为什么)
- [在 map 中和 for 中调用异步函数的区别](#在-map-中和-for-中调用异步函数的区别)
- [gennerator yield 的作用](#gennerator-yield-的作用)
- [promise 的状态有哪些](#promise-的状态有哪些)
- [在 ES6 中有哪些解决异步的方法](#在-es6-中有哪些解决异步的方法)
- [es6 类继承中 super 的作用](#es6-类继承中-super-的作用)
- [cros 的简单请求和复杂请求的区别](#cros-的简单请求和复杂请求的区别)
- [addEventListener 的第三个参数的作用](#addeventlistener-的第三个参数的作用)
- [获取 id 为 netease 节点下所有的 checkbox 子元素(不用框架，注意兼容)](#获取-id-为-netease-节点下所有的-checkbox-子元素不用框架注意兼容)
- [使用原型链如何实现继承](#使用原型链如何实现继承)
- [如何获取一个对象的深度](#如何获取一个对象的深度)
- [reduce 函数的功能，如何实现的，动手实现一下](#reduce-函数的功能如何实现的动手实现一下)
- [说一下 splice 和 slice 的功能用法](#说一下-splice-和-slice-的功能用法)
- [面向对象的三要素是啥？都是啥意思？](#面向对象的三要素是啥都是啥意思)
- [函数中的 this 有几种](#函数中的-this-有几种)
- [如何同时获取 html 中的 h1,h2,h3,h4,h5,h6 中的内容](#如何同时获取-html-中的-h1h2h3h4h5h6-中的内容)
- [JavaScript 的执行流程](#javascript-的执行流程)
- [Promise.resolve(obj)，obj 有几种可能](#promiseresolveobjobj-有几种可能)
- [写出代码执行结果](#写出代码执行结果)
- [nextTick 是在本次循环执行，还是在下次，setTimeout(() => {}, 0)呢？](#nexttick-是在本次循环执行还是在下次settimeout---0呢)
- [使用正则去掉 Dom 中的内联样式](#使用正则去掉-dom-中的内联样式)
- [写一个匹配 ip 地址的正则](#写一个匹配-ip-地址的正则)
- [写一个匹配 Html 标签的正则](#写一个匹配-html-标签的正则)
- [IOC 是啥，应用场景是啥？](#ioc-是啥应用场景是啥)
- [写出代码执行的打印结果](#写出代码执行的打印结果)
- [实现函数](#实现函数)
- [怎么实现 this 对象的深拷贝](#怎么实现-this-对象的深拷贝)
- [使用 canvas 绘图时如何组织成通用组件](#使用-canvas-绘图时如何组织成通用组件)
- [表单可以跨域吗](#表单可以跨域吗)
- [搜索请求如何处理？搜索请求中文如何请求？](#搜索请求如何处理搜索请求中文如何请求)
- [介绍观察者模式](#介绍观察者模式)
- [介绍中介者模式](#介绍中介者模式)
- [观察者和订阅-发布的区别，各自用在哪里](#观察者和订阅-发布的区别各自用在哪里)
- [通过什么做到并发请求](#通过什么做到并发请求)
- [介绍 service worker](#介绍-service-worker)
- [介绍事件代理以及优缺点，主要解决什么问题](#介绍事件代理以及优缺点主要解决什么问题)
- [介绍下 this 的各种情况](#介绍下-this-的各种情况)
- [前端如何控制管理路由](#前端如何控制管理路由)
- [使用路由时出现问题如何解决](#使用路由时出现问题如何解决)
- [JavaScript 异步解决方案的发展历程以及优缺点](#javascript-异步解决方案的发展历程以及优缺点)
- [介绍 AST（Abstract Syntax Tree）抽象语法树](#介绍-astabstract-syntax-tree抽象语法树)
- [对 async、await 的理解，内部原理是怎样的？](#对-asyncawait-的理解内部原理是怎样的)
- [== 和 ===的区别，什么情况下用相等==](#-和-的区别什么情况下用相等)
- [bind、call、apply 的区别](#bindcallapply-的区别)
- [介绍下原型链](#介绍下原型链)
- [介绍暂时性死区](#介绍暂时性死区)
- [ES6 中的 map 和原生的对象有什么区别](#es6-中的-map-和原生的对象有什么区别)
- [对纯函数的理解](#对纯函数的理解)
- [介绍 JSX](#介绍-jsx)
- [如何设计一个 localStorage，保证数据的时效性](#如何设计一个-localstorage保证数据的时效性)
- [实现 sum 方法，使 sum(x)(y),sum(x,y)返回的结果相同](#实现-sum-方法使-sumxysumxy返回的结果相同)
- [两个对象如何比较](#两个对象如何比较)
- [说一下变量的作用域链](#说一下变量的作用域链)
- [介绍 dom 树对比](#介绍-dom-树对比)
- [如何设计状态树](#如何设计状态树)
- [Ajax 发生跨域要设置什么（前端）](#ajax-发生跨域要设置什么前端)
- [加上 CORS 之后从发起到请求正式成功的过程](#加上-cors-之后从发起到请求正式成功的过程)
- [Async 里面有多个 await 请求，可以怎么优化](#async-里面有多个-await-请求可以怎么优化)
- [JavaScript 变量类型分为几种，区别是什么](#javascript-变量类型分为几种区别是什么)
- [JavaScript 里垃圾回收机制是什么，常用的是哪种，怎么处理的](#javascript-里垃圾回收机制是什么常用的是哪种怎么处理的)
- [ES5 和 ES6 有什么区别](#es5-和-es6-有什么区别)
- [取数组的最大值（ES5、ES6）](#取数组的最大值es5es6)
- [some、every、find、filter、map、forEach 有什么区别](#someeveryfindfiltermapforeach-有什么区别)
- [页面上生成一万个 button，并且绑定事件，如何做（JS 原生操作 DOM）？循环绑定时的 index 是多少，为什么，怎么解决？](#页面上生成一万个-button并且绑定事件如何做js-原生操作-dom循环绑定时的-index-是多少为什么怎么解决)
- [页面上有一个 input，还有一个 p 标签，改变 input 后 p 标签就跟着变化，如何处理？监听 input 的哪个事件，在什么时候触发？](#页面上有一个-input还有一个-p-标签改变-input-后-p-标签就跟着变化如何处理监听-input-的哪个事件在什么时候触发)
- [Promise 和 async/await，和 Callback 有什么区别](#promise-和-asyncawait和-callback-有什么区别)
- [项目中对于用户体验做过什么优化](#项目中对于用户体验做过什么优化)
- [前后端通信使用什么方案](#前后端通信使用什么方案)
- [RESTful 常用的 Method](#restful-常用的-method)
- [prototype 和proto区别](#prototype-和proto区别)
- [new 的实现原理，动手实现一个 new](#new-的实现原理动手实现一个-new)
- [如何实现 H5 手机端的适配](#如何实现-h5-手机端的适配)
- [如何去除 url 中的#号](#如何去除-url-中的号)
- [base64 为什么能提升性能，缺点](#base64-为什么能提升性能缺点)
- [介绍 webp 这个图片文件格式](#介绍-webp-这个图片文件格式)
- [异步请求，低版本 fetch 如何低版本适配](#异步请求低版本-fetch-如何低版本适配)
- [ajax 如何处理跨域？CORSr 如何设置？](#ajax-如何处理跨域corsr-如何设置)
- [jsonp 为什么不支持 post 方法](#jsonp-为什么不支持-post-方法)
- [介绍 Immuable](#介绍-immuable)
- [介绍 JS 全部数据类型，基本数据类型和引用数据类型的区别](#介绍-js-全部数据类型基本数据类型和引用数据类型的区别)
- [Array 是 Object 类型吗](#array-是-object-类型吗)
- [说一下栈和堆的区别，垃圾回收时栈和堆的区别](#说一下栈和堆的区别垃圾回收时栈和堆的区别)
- [数组里面有 10 万个数据，取第一个元素和第 10 万个元素的时间相差多少](#数组里面有-10-万个数据取第一个元素和第-10-万个元素的时间相差多少)
- [Async/Await 怎么实现](#asyncawait-怎么实现)
- [JavaScript 为什么要区分微任务和宏任务](#javascript-为什么要区分微任务和宏任务)
- [Promise 构造函数是同步还是异步执行，then 呢](#promise-构造函数是同步还是异步执行then-呢)
- [JavaScript 执行过程分为哪些阶段](#javascript-执行过程分为哪些阶段)
- [词法作用域和 this 的区别](#词法作用域和-this-的区别)
- [loadsh 深拷贝实现原理](#loadsh-深拷贝实现原理)
- [ES6 中 let 块作用域是怎么实现的](#es6-中-let-块作用域是怎么实现的)
- [formData 和原生的 ajax 有什么区别](#formdata-和原生的-ajax-有什么区别)
- [介绍下表单提交，和 formData 有什么关系](#介绍下表单提交和-formdata-有什么关系)
- [promise 如何实现 then 处理，动手实现 then](#promise-如何实现-then-处理动手实现-then)
- [如何处理异常捕获](#如何处理异常捕获)
- [项目如何管理模块](#项目如何管理模块)
- [尽可能多的写出判断数组的方法](#尽可能多的写出判断数组的方法)
- [介绍 localstorage 的 api](#介绍-localstorage-的-api)
- [使用原型最大的好处](#使用原型最大的好处)
- [单例、工厂、观察者项目中实际场景](#单例工厂观察者项目中实际场景)
- [添加原生事件不移除为什么会内存泄露，还有哪些地方会存在内存泄漏](#添加原生事件不移除为什么会内存泄露还有哪些地方会存在内存泄漏)
- [setInterval 需要注意的点](#setinterval-需要注意的点)
- [定时器为什么是不精确的](#定时器为什么是不精确的)
- [setTimeout(1)和 setTimeout(2)之间的区别](#settimeout1和-settimeout2之间的区别)
- [介绍宏任务和微任务](#介绍宏任务和微任务)
- [promise 里面和 then 里面执行有什么区别](#promise-里面和-then-里面执行有什么区别)
- [介绍 class 和 ES5 的类以及区别](#介绍-class-和-es5-的类以及区别)
- [介绍 defineProperty 方法，什么时候需要用到](#介绍-defineproperty-方法什么时候需要用到)
- [for..in 和 object.keys 的区别](#forin-和-objectkeys-的区别)
- [使用闭包特权函数的使用场景](#使用闭包特权函数的使用场景)
- [JavaScript 是什么范式语言](#javascript-是什么范式语言)
- [Promise 有没有解决异步的问题](#promise-有没有解决异步的问题)
- [Promise 和 setTimeout 的区别](#promise-和-settimeout-的区别)
- [按照调用实例，实现下面的 Person 方法](#按照调用实例实现下面的-person-方法)
- [请写出正确的执行结果](#请写出正确的执行结果)
- [请写出正确的执行结果](#请写出正确的执行结果-1)
- [请写出正确的执行结果](#请写出正确的执行结果-2)
- [请写出正确的执行结果](#请写出正确的执行结果-3)
- [请写出正确的执行结果](#请写出正确的执行结果-4)
- [请写出正确的执行结果](#请写出正确的执行结果-5)
- [请写出代码正确执行结果，并解释原因](#请写出代码正确执行结果并解释原因)
- [请写出正确的执行结果](#请写出正确的执行结果-6)
- [请写出正确的执行结果](#请写出正确的执行结果-7)
- [按要求完成代码](#按要求完成代码)
- [请写出正确的执行结果](#请写出正确的执行结果-8)
- [请写出正确的执行结果](#请写出正确的执行结果-9)
- [请修改代码能跳出死循环](#请修改代码能跳出死循环)
- [修改代码不造成死循环](#修改代码不造成死循环)
- [请写出代码正确执行结果](#请写出代码正确执行结果)
- [请写出代码正确执行结果](#请写出代码正确执行结果-1)
- [计算以上字节每位 <g-emoji class="g-emoji" alias="airplane" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2708.png">✈️</g-emoji> 的起码点，并描述这些字节的起码点代表什么](#计算以上字节每位-️-的起码点并描述这些字节的起码点代表什么)
- [请写出代码正确执行结果，并解释原因](#请写出代码正确执行结果并解释原因-1)
- [请写出代码正确执行结果](#请写出代码正确执行结果-2)
- [请写出代码正确执行结果，并解释原因](#请写出代码正确执行结果并解释原因-2)
- [请写出代码正确执行结果](#请写出代码正确执行结果-3)
- [请写出代码正确执行结果，并解释原因](#请写出代码正确执行结果并解释原因-3)
- [请问当前 textarea 文本框展示的内容是什么？](#请问当前-textarea-文本框展示的内容是什么)
- [请写出代码正确执行结果](#请写出代码正确执行结果-4)
- [请写出代码正确执行结果](#请写出代码正确执行结果-5)
- [请写出代码正确执行结果，并解释为什么](#请写出代码正确执行结果并解释为什么)
- [请手写实现一个拖拽](#请手写实现一个拖拽)
- [请手动实现一个浅拷贝](#请手动实现一个浅拷贝)
- [介绍 instanceof 原理，并手动实现](#介绍-instanceof-原理并手动实现)
- [请实现一个 JSON.stringfy](#请实现一个-jsonstringfy)
- [请实现一个 JSON.parse](#请实现一个-jsonparse)
- [请写出代码的正确执行结果，并解释原因？](#请写出代码的正确执行结果并解释原因)
- [请写出代码的正确执行结果，并解释原因？](#请写出代码的正确执行结果并解释原因-1)
- [请写出代码的正确执行结果，并解释原因？](#请写出代码的正确执行结果并解释原因-2)
- [请写出代码的正确执行结果，并解释原因？](#请写出代码的正确执行结果并解释原因-3)
- [请写出代码的正确执行结果，并解释原因？](#请写出代码的正确执行结果并解释原因-4)
- [请写出代码正确执行结果，并解释原因？](#请写出代码正确执行结果并解释原因-4)
- [JavaScript 中如何模拟实现方法的重载](#javascript-中如何模拟实现方法的重载)
- [请解释 JSONP 的工作原理](#请解释-jsonp-的工作原理)
- [用 html、css、js 模拟实现一个下拉框，使得下拉框在各个浏览器下的样式和行为完全一致，说出你的设计方案，并且重点说明功能设计时要考虑的因素。](#用-htmlcssjs-模拟实现一个下拉框使得下拉框在各个浏览器下的样式和行为完全一致说出你的设计方案并且重点说明功能设计时要考虑的因素)
- [实现一个打点计时器](#实现一个打点计时器)
- [JavaScript 写一个单例模式，可以具体到某一个场景](#javascript-写一个单例模式可以具体到某一个场景)
- [JavaScript 基本数据类型都有哪些？用 typeOf 判断分别显示什么？](#javascript-基本数据类型都有哪些用-typeof-判断分别显示什么)
- [怎么判断引用类型数据，兼容判断原始类型数据呢？](#怎么判断引用类型数据兼容判断原始类型数据呢)
- [概述异步编程模型](#概述异步编程模型)
- [在一个 ul 里有 10 个 li,实现点击对应的 li,输出对应的下标](#在一个-ul-里有-10-个-li实现点击对应的-li输出对应的下标)
- [分别对以下数组进行去重，1:[1,'1',2,'2',3]，2:[1,[1,2,3['1','2','3'],4],5,6]](#分别对以下数组进行去重11122321123123456)
- [简述 JavaScript 中的函数的几种调用方式](#简述-javascript-中的函数的几种调用方式)
- [编写一个 Person 类，并创建两个不同的 Person 对象](#编写一个-person-类并创建两个不同的-person-对象)
- [手写实现 call](#手写实现-call)
- [手写实现 apply](#手写实现-apply)
- [一个 dom 必须要操作几百次，该如何解决，如何优化？](#一个-dom-必须要操作几百次该如何解决如何优化)
- [页面埋点怎么实现](#页面埋点怎么实现)
- [除了 jsonp、postmessage 后端控制，怎么实现跨页面通讯](#除了-jsonppostmessage-后端控制怎么实现跨页面通讯)
- [说一下 let、const 的实现，动手实现一下](#说一下-letconst-的实现动手实现一下)
- [addEventListener 再 removeListener 会不会造成内存泄漏](#addeventlistener-再-removelistener-会不会造成内存泄漏)
- [scrollview 如何进行性能优化(例如 page=100 时，往上滚动)](#scrollview-如何进行又能优化例如-page100-时往上滚动)
- [原生 JavaScript 获取 ul 中的第二个 li 里边的 p 标签的内容](#原生-javascript-获取-ul-中的第二个-li-里边的-p-标签的内容)
- [说下 offsetWith 和 clientWidth、offsetHeight 和 clientHeight 的区别，说说 offsetTop，offsetLeft，scrollWidth、scrollHeight 属性都是干啥的](#说下-offsetwith-和-clientwidthoffsetheight-和-clientheight-的区别说说-offsettopoffsetleftscrollwidthscrollheight-属性都是干啥的)
- [写一个函数打乱一个数组，传入一个数组，返回一个打乱的新数组](#写一个函数打乱一个数组传入一个数组返回一个打乱的新数组)
- [数组截取插入 splice，push 返回值，数组的栈方法、队列方法、排序方法、操作方法、迭代方法说一下](#数组截取插入-splicepush-返回值数组的栈方法队列方法排序方法操作方法迭代方法说一下)
- [判断一个变量的类型，写个方法用 Object.prototype.toString 判断传入数据的类型](#判断一个变量的类型写个方法用-objectprototypetostring-判断传入数据的类型)
- [判断一个变量的类型，写个方法用 Object.prototype.toString 判断传入数据的类型？Object.prototype.toString.call(Symbol) 返回什么？](#判断一个变量的类型写个方法用-objectprototypetostring-判断传入数据的类型objectprototypetostringcallsymbol-返回什么)
- [对作用域和闭包的理解，解释下 let 和 const 的块级作用域](#对作用域和闭包的理解解释下-let-和-const-的块级作用域)
- [以下代码输出什么？](#以下代码输出什么)
- [switch case，case 具体是怎么比较的，哪些情况下会走到 default](#switch-casecase-具体是怎么比较的哪些情况下会走到-default)
- [说下 typeof()各种类型的返回值？instanceof 呢？](#说下-typeof各种类型的返回值instanceof-呢)
- [if([] == 0), [1,2] == "1,2", if([]), [] == 0 具体是怎么对比的](#if--0-12--12-if---0-具体是怎么对比的)
- [如何加快页面渲染速度，都有哪些方式](#如何加快页面渲染速度都有哪些方式)
- [generator 的实现原理](#genertor-的实现原理)
- [判断是否是数组的方法](#判断是否是数组的方法)
- [手写 EventEmitter 实现](#手写-eventemitter-实现)
- [给出的两行代码为什么这么输出](#给出的两行代码为什么这么输出)
- [动画性能如何检测](#动画性能如何检测)
- [平时都用到了哪些设计模式](#平时都用到了哪些设计模式)
- [对 service worker 的理解](#对-service-worker-的理解)
- [单点登录实现原理](#单点登录实现原理)
- [尾递归实现](#尾递归实现)
- [有 1000 个 dom，需要更新其中的 100 个，如何操作才能减少 dom 的操作？](#有-1000-个-dom需要更新其中的-100-个如何操作才能减少-dom-的操作)
- [商城的列表页跳转到商品的详情页，详情页数据接口很慢，前端可以怎么优化用户体验？](#商城的列表页跳转到商品的详情页详情页数据接口很慢前端可以怎么优化用户体验)
- [多个 tab 只对应一个内容框，点击每个 tab 都会请求接口并渲染到内容框，怎么确保频繁点击 tab 但能够确保数据正常显示？](#多个-tab-只对应一个内容框点击每个-tab-都会请求接口并渲染到内容框怎么确保频繁点击-tab-但能够确保数据正常显示)
- [请实现鼠标点击页面中的任意标签，alert 该标签的名称(注意兼容性)](#请实现鼠标点击页面中的任意标签alert-该标签的名称注意兼容性)
- [完成一个表达式，验证用户输入是否是电子邮箱](#完成一个表达式验证用户输入是否是电子邮箱)
- [原生实现 ES5 的 Object.create()方法](#原生实现-es5-的-objectcreate方法)
- [如何记录前端在用户浏览器上发生的错误并汇报给服务器？](#如何记录前端在用户浏览器上发生的错误并汇报给服务器)
- [有哪几种方式可以解决跨域问题？(描述对应的原理)](#有哪几种方式可以解决跨域问题描述对应的原理)
- [按要求完成题目](#按要求完成题目)
- [你是如何组织 JavaScript 代码的？（可以从模块、组件、模式、编程思想等方面回答）](#你是如何组织-javascript-代码的可以从模块组件模式编程思想等方面回答)
- [填充代码实现 template 方法](#填充代码实现-template-方法)
- [请描述下为什么页面需要做优化？并写出常用的页面优化实现方案？](#请描述下为什么页面需要做优化并写出常用的页面优化实现方案)
- [请列出至少 5 个 JavaScript 常用的内置对象，说明用途](#请列出至少-5-个-javascript-常用的内置对象说明用途)
- [请描述下 JavaScript 中 Scope、Closure、Prototype 概念，并说明 JavaScript 封装、继承实现原理。](#请描述下-javascript-中-scopeclosureprototype-概念并说明-javascript-封装继承实现原理)
- [请列出目前主流的 JavaScript 模块化实现的技术有哪些？说出它们的区别？](#请列出目前主流的-javascript-模块化实现的技术有哪些说出它们的区别)
- [请用 JavaScript 代码实现事件代理](#请用-javascript-代码实现事件代理)
- [实现格式化输出，比如输入 999999999，输出 999,999,999](#实现格式化输出比如输入-999999999输出-999999999)
- [使用 JavaScript 实现 cookie 的设置、读取、删除](#使用-javascript-实现-cookie-的设置读取删除)
- [请编写一个 JavaScript 函数 parseQueryString,它的用途是把 URL 参数解析为一个对象，url="<a href="http://iauto360.cn/index.php?key0=0&key1=1&key2=2" rel="nofollow">http://iauto360.cn/index.php?key0=0&key1=1&key2=2</a>"](#请编写一个-javascript-函数-parsequerystring它的用途是把-url-参数解析为一个对象urlhttpiauto360cnindexphpkey00key11key22)
- [如何实现 a,b 两个变量的交换](#如何实现-ab-两个变量的交换)
- [给 JavaScript 的 String 原生对象添加一个名为 trim 的原型方法，用于截取字符串前后的空白字符](#给-javascript-的-string-原生对象添加一个名为-trim-的原型方法用于截取字符串前后的空白字符)
- [微任务和宏任务的区别](#微任务和宏任务的区别)
- [原生 JavaScript 实现图片懒加载的思路](#原生-javascript-实现图片懒加载的思路)
- [回调函数和任务队列的区别](#回调函数和任务队列的区别)
- [写出下面代码的输出结果](#写出下面代码的输出结果)
- [有这样一个函数 A,要求在不改变原有函数 A 功能以及调用方式的情况下，使得每次调用该函数都能在控制台打印出“HelloWorld”](#有这样一个函数-a要求在不改变原有函数-a-功能以及调用方式的情况下使得每次调用该函数都能在控制台打印出helloworld)
- [在浏览器执行以下代码，写出打印结果](#在浏览器执行以下代码写出打印结果)
- [请写出弹出值，并解释为什么？](#请写出弹出值并解释为什么)
- [写出输出值，并解释为什么](#写出输出值并解释为什么)
- [请写出代码执⾏结果，并解释为什么](#请写出代码执结果并解释为什么)
- [请写出代码执⾏结果，并解释为什么](#请写出代码执结果并解释为什么-1)
- [给定⼀个⼤⼩为 n 的数组，找到其中的众数。众数是指在数组中出现次数⼤于 n/2 的元素](#给定个为-n-的数组找到其中的众数众数是指在数组中出现次数于--n2--的元素)
- [原生实现addClass,用多种方法](#原生实现addclass用多种方法)
- [实现一个倒计时,setInterval实现的话，如何消除时间误差](#实现一个倒计时setinterval实现的话如何消除时间误差)
- [函数中的arguments是数组吗？若不是，如何将它转化为真正的数组？](#函数中的arguments是数组吗若不是如何将它转化为真正的数组)
- [请写出以下代码的打印结果](#请写出以下代码的打印结果-2)
- [以最小的改动解决以下代码的错误(可以使用ES6)](#以最小的改动解决以下代码的错误可以使用es6)
- [实现Function 原型的bind方法，使得以下程序最后能输出“success”](#实现function-原型的bind方法使得以下程序最后能输出success)
- [文件上传如何做断点续传](#文件上传如何做断点续传)
- [列举 3 种强制类型转换和 2 种隐式类型转换](#列举-3-种强制类型转换和-2-种隐式类型转换)
### 写一个 mySetInterVal(fn, a, b),每次间隔 a,a+b,a+2b,...,a+nb 的时间，然后写一个 myClear，停止上面的 mySetInterVal
公司：头条
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/7)
<br/>
### 介绍防抖节流原理、区别以及应用，并用JavaScript进行实现
公司：滴滴、虎扑、挖财、58、头条
分类：JavaScript、编程题
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/15)
<br/>
### 对闭包的看法，为什么要用闭包？说一下闭包原理以及应用场景
公司：滴滴、携程、喜马拉雅、微医、蘑菇街、酷家乐、腾讯应用宝、安居客
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/17)
<br/>
### 实现 lodash 的_.get
公司：滴滴
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/20)
<br/>
### 实现 add(1)(2)(3)
公司：滴滴
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/21)
<br/>
### 实现链式调用
公司：滴滴
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/22)
<br/>
### 类数组和数组的区别，dom 的类数组如何转换成数组
公司：海康威视
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/24)
<br/>
### 介绍下 promise 的特性、优缺点，内部是如何实现的，动手实现 Promise
公司：滴滴、头条、喜马拉雅、兑吧、寺库、百分点、58、安居客
分类：JavaScript、编程题
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/29)
<br/>
### 实现 Promise.all
```js
Promise.all = function (arr) {
// 实现代码
};
```
公司：滴滴、头条、有赞、微医
分类：JavaScript、编程题
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/30)
<br/>
### 手写发布订阅
公司：滴滴、头条
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/34)
<br/>
### 手写数组转树
公司：滴滴
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/35)
<br/>
### 手写用 ES6proxy 如何实现 arr[-1] 的访问
公司：滴滴
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/36)
<br/>
### 手写实现 Array.flat()
公司：滴滴、快手、携程
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/242)
<br/>
### 大数计算如何实现
公司：洋葱学院
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/235)
<br/>
### 什么是深拷贝，和浅拷贝有什么区别，动手实现一个深拷贝
公司：顺丰、新东方、高德、虎扑、微医、百分点、酷狗
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/903)
<br/>
### 实现一个方法判断 html 中的标签是否闭合
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/234)
<br/>
### 箭头函数和普通函数的区别
公司：酷家乐
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/230)
<br/>
### es5 实现 isInteger
公司：头条
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/215)
<br/>
### 写出输出结果
```js
function Foo() {
getName = function () {
alert(1);
};
return this;
}
var getName;
function getName() {
alert(5);
}
Foo.getName = function () {
alert(2);
};
Foo.prototype.getName = function () {
alert(3);
};
getName = function () {
alert(4);
};
Foo.getName(); // ？
getName(); // ？
Foo().getName(); // ？
getName(); // ？
new Foo.getName(); // ?
new Foo().getName(); // ?
new new Foo().getName(); // ？
```
公司：心娱
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/213)
<br/>
### 手写 dom 操作，翻转 li 标签，如何处理更优
```js
/*
*有下边这样的dom结构，现在可以获取到ul，要求翻转里边li标签，如何处理更优
*/
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
```
公司：快手
分类：
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/211)
<br/>
### 怎样判断一个对象是否是数组，如何处理类数组对象
公司：快手
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/210)
<br/>
### 是否了解 glob，glob 是如何处理文件的，业界是否还有其它解决方案
公司：快手
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/208)
<br/>
### 随便打开一个网页，用 JavaScript 打印所有以 s 和 h 开头的标签，并计算出标签的种类
公司：快手
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/204)
<br/>
### `1000*1000` 的画布，上面有飞机、子弹，如何划分区域能够更有效的做碰撞检测，类似划分区域大小与碰撞检测效率的算法，说一下大致的思路
公司：快手
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/203)
<br/>
### 移动设备安卓与 iOS 的软键盘弹出的处理方式有什么不同
公司：快手
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/202)
<br/>
### iPhone 里面 Safari 上如果一个输入框 fixed 绝对定位在底部，当软键盘弹出的时候会有什么问题，如何解决
公司：快手
分类：JavaScript、Css
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/201)
<br/>
### 给定一个数组，按找到每个元素右侧第一个比它大的数字，没有的话返回-1 规则返回一个数组
```js
/*
*示例：
*给定数组：[2,6,3,8,10,9]
*返回数组：[6,8,8,10,-1,-1]
*/
```
公司：快手
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/199)
<br/>
### 说一说 promise，有几个状态，通过 catch 捕获到 reject 之后，在 catch 后面还能继续执行 then 方法嘛，如果能执行执行的是第几个回调函数
公司：伴鱼、喜马拉雅
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/198)
<br/>
### var、let、const 的区别
公司：伴鱼、百分点、心娱
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/197)
<br/>
### 说一下 GC
公司：伴鱼
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/195)
<br/>
### 如何实现按需加载
公司：伴鱼、腾讯应用宝
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/189)
<br/>
### 讲一下 import 的原理，与 require 有什么不同
公司：伴鱼、腾讯应用宝
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/188)
<br/>
### 请实现如下的函数
```js
/*
可以批量请求数据，所有的 URL 地址在 urls 参数中，同时可以通过 max 参数控制请求的并发度，当所有请求结束之后，需要执行 callback 回调函数。发请求的函数可以直接使用 fetch 即可
*/
```
分类：JavaScript、编程题
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/185)
<br/>
### 是否用过 restful 接口，和其他风格的有什么区别
公司：边锋
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/175)
<br/>
### 说一下 get、post、put 的区别
公司：边锋、虎扑、酷家乐、酷狗、安居客
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/174)
<br/>
### 说一下对面向对象的理解，面向对象有什么好处
公司：边锋
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/173)
<br/>
### 类设计：使用面相对象设计一个停车场管理系
```js
/*
*题目要求
*使用面相对象设计一个停车场管理系统，该停车场包含：
* 1.停车位，用于停放车辆；
* 2.停车位提示牌，用于展示剩余停车位；
*可以丰富该系统的元素，给出类，类属性，类接口。
*/
```
公司：边锋
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/171)
<br/>
### 实现输出一个十六进制的随机颜色(#af0128a)
公司：快手
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/170)
<br/>
### 手写代码实现`kuai-shou-front-end=>KuaiShouFrontEnd`
公司：快手
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/168)
<br/>
### 设计一个 Student 组件，实现输入姓名性别成绩（这三个必填），还有几个不是必填的属性，要设置默认值，点击弹出成绩
公司：老虎
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/163)
<br/>
### 设计一个函数，奇数次执行的时候打印 1，偶数次执行的时候打印 2
公司：老虎
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/162)
<br/>
### 实现 Promise.then
公司：高德、百分点
分类：JavaScript、编程题
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/161)
<br/>
### 平时在项目开发中都做过哪些前端性能优化
公司：阿里、顺丰、易车、有赞、挖财、喜马拉雅、兑吧、寺库、海康威视、道一云、58
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/160)
<br/>
### 给定起止日期，返回中间的所有月份
```js
// 输入两个字符串 2018-08 2018-12
// 输出他们中间的月份 [2018-9,2018-10, 2018-11]
```
公司：顺丰
分类：JavaScript、编程题
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/159)
<br/>
### 按要求实现代码
```js
// 给两个数组 [A1,A2,B1,B2,C1,C2,D1,D2] [A,B,C,D]
// 输出 [A1,A2,A,B1,B2,B,C1,C2,C,D1,D2,D]
```
公司：顺丰
分类：JavaScript、编程题
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/158)
<br/>
### 用尽量短的代码实现一个 arrary 的链式操作，将数组中的大于 10 的值进行一个累加
公司：顺丰
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/156)
<br/>
### 简单封装一个异步 fecth，使用 async await 的方式来使用
公司：顺丰
分类：JavaScript、编程题
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/155)
<br/>
### 请写一个函数，输出出多级嵌套结构的 Object 的所有 key 值
```js
var obj = {
a: "12",
b: "23",
first: {
c: "34",
d: "45",
second: { 3: "56", f: "67", three: { g: "78", h: "89", i: "90" } },
},
};
// => [a,b,c,d,e,f,g,h,i]
```
公司：顺丰
分类：JavaScript、编程题
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/152)
<br/>
### 写出打印结果，并解释为什么
```js
var a = { k1: 1 };
var b = a;
a.k3 = a = { k2: 2 };
console.log(a); // ?
console.log(b); // ?
```
公司：头条
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/149)
<br/>
### 动手实现一个 repeat 方法
```js
function repeat(func, times, wait) {
// TODO
}
const repeatFunc = repeat(alert, 4, 3000);
// 调用这个 repeatFunc ("hellworld")，会alert4次 helloworld, 每次间隔3秒
```
公司：头条
分类：JavaScript、编程题
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/148)
<br/>
### setTimeout 有什么缺点，和 requestAnimationFrame 有什么区别
公司：头条
分类：JavaScript
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/147)
<br/>
### versions 是一个项目的版本号列表，因多人维护，不规则，动手实现一个版本号处理函数
```js
var versions = ["1.45.0", "1.5", "6", "3.3.3.3.3.3.3"];
// 要求从小到大排序，注意'1.45'比'1.5'大
function sortVersion(versions) {
// TODO
}
// => ['1.5','1.45.0','3.3.3.3.3.3','6']
```
公司：头条
分类：JavaScript、编程题
[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/146)
<br/>
### 实现一个多并发的请求
```js
let urls = ['http://dcdapp.com', …];
/*