三金四银面经分享

Javascript

1.BFC是什么？哪些属性可以产生BFC？

2.CSS怎么实现垂直水平居中？flex为1是哪几个属性的简写？

3.说一下浏览器的事件循环event loop？浏览器为什么要事件循环？

4.说一下原型链是什么？原型对象的constructor指向什么？

5.说一下ES5有哪些继承方式，他们的不足之处是什么？寄生组合继承和ES6继承有什么区别？

6.说一下跨域的解决方式？Jsonp的原理？webpack配置proxy的原理？除了cors其他方式呢？

7.说一下ES6有哪些新增的方法？说一下var let const有什么区别？

8.说一下怎么判断数据类型？说一下typeof和instanceof？typeof null为什么为object？instanceof的原理是什么？new的原理是什么？

9.说一下基础数据类型有哪些？Symbol的使用场景？for in和for of的区别？for of可以遍历对象吗？Map和WeakMap和Object有什么区别？

10.说一下ES6的模块化和commonJS的模块化有什么区别？

11.说一下JS的垃圾回收机制？V8的新生代老生代垃圾回收了解吗？

12.说一下promise的原理（发布订阅解决异步问题）pro？说一下Promise.all，promise.race，promise.allSettled，promise.any？

13.如何访问一个对象不存在的属性不报错？说一下?.和??的作用？

14.说一下防抖节流？把场景说好，会比较加分

15.为什么0.1+0.2！==0.3？0.1怎么转2进制的？

16.箭头函数和普通函数的区别？箭头函数可以调用call、apply、bind吗？

17.说一下深拷贝和浅拷贝的区别？

18.说一下cookie，sessionStorage和localStorage区别?

19.箭头函数可以调用call/apply/bind吗？

Vue

1.说一下Vue响应式原理、v-modal原理?

2.说一下Vue的diff算法？为什么v-for要用key？

3.说一下Vuex有哪些配置？

4.说一下computed和watch的区别？

5.说一下Vue2和Vue3的区别？

6.为什么data是一个函数？

7.说一下你知道的Vue组件间通讯的方式？

8.说一下v-if和v-show的区别？说一下v-for和v-if？

9.说一下你怎么封装的Vue组件？

10.说一下keep-alive使用场景？

11.说一下nextTick?知道它的原理吗？

12.组件复用逻辑怎么办？mixin有什么不足的地方？

13.Vue怎么监听数组的变化？为什么要重写7个方法？

14.Object.defineProperty可以监听数组吗？为什么可以但是没有统一使用它？

15.说一下前端路由原理？

网络和项目

1.说一下你项目中遇到的难点和解决？ 简历上最近的一个项目很容易被考！！！

2.说一下React和Vue的区别？

3.说一下http2.0有哪些新增特性？

4.说一下协商缓存和强缓存的区别？

5.说一下常见状态码？

6.说一下csrf和xss?

7.浏览器输入URL发生了什么？

8.说一下http和https的区别?？https的加密过程？

9.图片懒加载的原理？

10.项目里做过哪些优化？webpack里的优化？

11.状态码：204，301，302，400，401，403，405

React

1.做过哪些优化？React.memo？

2.常问hooks：useState，useReducer，useEffect，useLayoutEffect，useMemo，useCallback，useRef，useImperativeHandle，useContext？

3.如何保证useCallback的函数不改变？

4.fiber?diff算法？

5.react和vue的区别？

6.props如果是个引用数据类型，可以改变吗？

7.useCallback和useMemo的区别和场景？

8.forwardRef作用？和useImperativeHandle搭配作用？

9.React的生命周期？

10.类组件和函数组件的区别？

11.useState处理多个数据的时候，是写很多个useState吗？怎么解决的？

12.为什么useState要写成[state,useState]的形式？

其他

1.设计模式与场景？Vue里用了哪些设计模式？

2.h5和原生通信？

4.判断链表有环？

5.计算一个正整数 n 二进制表示中 1 的个数？

6.如何定位h5会出现白屏问题？

7.抓包工具原理是什么？

8.做过的性能优化，webpack做过哪些性能优化？

9.微前端怎么做的样式隔离？微前端原理是什么？

10.写过webpack的loader和plugin吗？

11.js不用正则，把[1,‘2’,3a]变成[1,2]？

一些觉得可以分享的点

1.有些面试官很喜欢抓着你最近一个项目问很多!

2.态度端正，给面试官表现出一个很认真分析问题，谦虚礼貌，阐述问题（语速平缓，不管面试官问得多简单，清晰阐明），求学的一个态度

3.自我介绍，当自我介绍了10多次之后，都是一样的话，自己觉得好的就行，可以看鲨鱼哥分享的视频

4.该不该说深入一点？还是说浅一点让面试官问？------ 个人感觉是这样的，如果很懂这个知识点，然后慢慢阐述，一定要清晰的说给面试官听，因为面试官不一定问深，那就错过了一个展示自己知识掌握程度的机会

5.还有什么想问的吗？

个人喜欢问其中一个点是：面试官能不能说一下就是本次我面试的情况，有没有建议哪些不足的地方？比如我基础还需要多看看，比如我回答问题没有表达好这些方面。这样问的话，应该会给面试官一个好的印象，而且也能知道自己的不足。

希望能帮到面试的小伙伴~

学习小技巧

用思维导图来帮助整理一个知识脉络，用红旗表示没掌握的，用绿棋表示掌握的，推荐软件https://www.processon.com/