FE-Interview

准备分享一些面试题, 欢迎大家踊跃发言哈~~

Stay Hungry. Stay Foolish.

Every Setp Counts！

HTML/CSS

1. 第1题：说说什么是BFC？怎么触发？
2. 第2题：说一说flex : 0 1 auto 分别表示什么?
3. 第3题：I'am here 的字体大小是多少？
4. 第4题：水平垂直居中的方式能说出哪些?
5. 第9题：position定位有哪几种，各有什么特点？
6. 第10题：标准盒模型和IE盒模型的区别？怎么设置？
7. 第22题：了解回流和重绘吗？
8. 第25题：CSS中伪类和伪元素的区别?
9. 第26题：如何清除浮动？
10. 第74题：什么是外边距重叠（collapsing margins）/ margin坍塌？
11. 第75题：清除浮动的方式？

JS

1. 第5题：JS中基本数据类型有哪些？引用类型呢？它们在内存中是如何存储的？
2. 第6题：什么是浅拷贝，什么是深拷贝？
3. 第7题：实现浅拷贝的方式？实现深拷贝的方式？
4. 第8题：什么是闭包呀？它有什么作用？会造成什么问题？在哪些实际场景上有应用呢？
5. 第11题：script标签中defer和async的区别? 设置它们有什么用？
6. 第12题：JS中检测数据类型的方式有哪些？
7. 第13题：var、let、const的区别？
8. 第14题：谈一谈你对原型的理解？
9. 第15题：改变this的指向有哪些方法？它们的区别是？
10. 第16题：聊一聊事件循环Event Loop呢，执行过程大概是怎么样的？
11. 第17题：宏任务有哪些？微任务有哪些？Node中的事件循环和浏览器中的区别？
12. 第18题：什么是作用域链？
13. 第19题：谈一谈你对原型链的理解呢
14. 第20题：什么是防抖和节流？能分别手写实现嘛？
15. 第21题：async-promise相关异步知识的考察，必会！
16. 第23题：new的执行过程？手写一个new?
17. 第27题：伪（类）数组和数组的区别，如何将伪数组转换伪真数组，可以尽量多的方式?
18. 第28题：改变this的指向有哪些方法？call, apply, bind的区别？
19. 第29题：为什么0.1 + 0.2 != 0.3 ?
20. 第30题：实现数组去重？你可以写多少种？
21. 第31题：JSON.parse(JSON.stringify())实现深拷贝的缺陷？
22. 第32题：手写实现promise.all()?
23. 第68题：数组里面有2w个元素，取第一个元素和最后一个元素的时间相差多少？
24. 第69题：ES6 代码转成 ES5 代码的实现思路是什么？

Code

1. 第70题：promise-async笔试题，写出代码的运行结果, 并解释原因？
2. 第71题：Promise 构造函数是同步执行还是异步执行，那么 then 方法呢？

Vue

1. 第33题：谈一谈你对MVVM的理解？
2. 第34题：说一说Vue的生命周期？
3. 第35题：v-for 和 v-if 哪个优先级更高？
4. 第36题：v-for为什么要在循环列表的时候写key，有什么作用？
5. 第37题：Vue的响应式原理？
6. 第38题：Object.defineProperty 的缺陷?
7. 第39题：Vue的双向绑定原理？
8. 第40题：Vue的组件通信方式有哪些？尽可能多的？
9. 第41题：Vue是怎么检测数组变化的呢？（源码层）
10. 第42题：Vue中computed和watch的区别？
11. 第43题：组件中的data为什么是函数?
12. 第44题：一般在Vue的哪个生命周期发送异步请求？
13. 第45题：Vue的nextTick实现原理？
14. 第46题：Vue的keep-alive实现原理？
15. 第47题：Vue-Router的实现原理，hash模式和history模式的区别？
16. 第48题：Vue的模板编译原理？
17. 第49题：聊一聊Vuex呢？
18. 第50题：了解SSR吗？
19. 第51题：了解Vue的diff算法吗？
20. 第76题：Vue2中，路由守卫有哪些？
21. 第77题：v-for 和 v-if 哪个优先级更高？如果同时出现，应如何优化？

Webpack

1. 第52题：hash, chunkhash和contenthash的区别？
2. 第53题：webpack常见的loader有哪些？
3. 第54题：webpack常见的plugin有哪些？
4. 第55题：loader和plugin的区别是什么？
5. 第56题：Webpack的热更新原理？
6. 第57题：有写过plugin或者loader吗？编写思路？
7. 第58题：webpack的整个构建流程是怎么样的？大概说一说呢？
8. 第59题：Compiler和Compilation的区别？

浏览器-网络相关

1. 第24题：聊一聊浏览器的垃圾回收机制呢？
2. 第60题：localStorage，sessionStorage区别？
3. 第61题：Cookie和Session的区别？
4. 第62题：TCP和UDP的区别？
5. 第63题：HTTP和HTTPS的区别？
6. 第64题：什么是同源策略，什么是跨域？解决跨域的方式有哪些？
7. 第65题：聊一聊强缓存和协商缓存呢？
8. 第66题：聊一聊XSS和CSRF呢？（网络安全）
9. 第67题：从URL输入到页面渲染发生了什么？
10. 第72题：介绍一下CDN，CDN回源策略是什么？
11. 第73题：什么是Nginx负载均衡，常用的负载均衡算法有哪些？

Node/React/算法待更新~~ 2022-11-2