WangXiaoyugg / front-end-interview-question

front end interview question

前端面试题

1. 初级

初级

1. var 和 let/constW 的区别？
2. typeof 返回哪些类型？
3. 列举强制类型转换和隐式类型转换？
4. 手写lodash的isEqual？
5. 数组split()与join()的区别？
6. 数组的pop push unshift shift分别做什么？
7. 数组的哪些API是纯函数?
8. 数组slice 和 splice 的区别？
9. [10, 20, 30].map(parseInt)的返回结果？
10. ajax请求 get 和 post 的区别？
11. 函数的call 和apply的区别?
12. 事件代理（委托）是什么?
13. 闭包是什么，有什么特性，有什么影响?
14. 作用域和自由变量的场景题-1？
15. 作用域和自由变量的场景题 -2？
16. 判断字符串以字母开头, 后面字母数字下划线，长度6-30？
17. 如何获取JS程序中的异常？
18. 什么是json?
19. 如何获取当前页面的url参数？
20. 手写字符串trim方法， 保证浏览器兼容性？
21. 如何获取多个数字中的最大值？
22. 如何用js实现继承？
23. 函数声明和函数表达式的区别?
24. new Object 和 Object.create 的区别?
25. this的场景题?
26. 手写深拷贝?
27. 介绍一下requestAnimationFrame？
28. 性能优化，从哪几个方面考虑？
29. 将url参数解析为JS对象？
30. 手写 flatten 考虑多层级？
31. 数组去重？
32. 如何阻止事件冒泡和默认行为？
33. 查找，添加，删除，移动DOM的节点方法？
34. 如何减少DOM操作？
35. 解释jsonp原理，为何不是真正的ajax？
36. document的load 和 ready 的区别？
37. == 和 === 的区别？

性能优化

1. 如果在本地资源需要加载一个10m+的图片，他又是整个网页的背景图，你如何优化他不影响网页的渲染速度？
2. 说一下对tree-shaking的了解，CommonJS和ESM都可以用tree-shaking吗？