96道前端面试题+前端常用算法

ゞ浴缸里的玫瑰 2023-01-10 15:58 142阅读 0赞

> 这篇文章主要分享一些收集整理的面试题，希望能对大家有所帮助。

### 字节 ###

##### 一面： #####

**1，说一下浏览器缓存**  
**2，cookie 与 session 的区别**  
**3，浏览器如何做到 session 的功能的。**  
**4，解释一下：csrf 和 xss**  
**5，怎么防止 csrf 和 xss**  
**6，跨域的处理方案有哪些**  
**7，CORS 是如何做的？**  
**8，对于 CORS ，Get 和 POST 有区别吗？**  
**9，了解 HTTPS 的过程吗？**  
**10，es module 和 commonjs 的区别**  
**11，react 里如何做动态加载**  
**12，动态加载的原理是啥，就是 webpack 编译出来的代码**  
**13，写一个处理加法可能产生精度的函数，比如 0.1 + 0.2 = 0.3**

##### 二面： #####

**1，聊项目**

*  项目难点以及怎么解决的
 *  项目有哪些亮点？

**2，写一个 es6 的继承过程**  
**3，写一个大数相乘的解决方案。传两个字符串进来，返回一个字符串**

##### 三面 #####

**1，聊项目**  
**2，写一个防抖函数**  
**3，算法题**

字节是出了名的考算法题比较多的，基本每面都会算法题和编程题，对编程能力比较看重吧。

\#\#\#蚂蚁

##### 一面： #####

**1，讲讲来蘑菇街都干了哪些事情**  
**2，聊聊有什么技术上的沉淀**  
**3，除了 redux mbox dva 还用过其他的 状态管理没**  
**4，hooks 原理**  
**5，看过 hooks 相关的草案吗**  
**6，你对蚂蚁有什么期望，或者说技术的规划，想做的东西**  
**7，vue3 的 类似 hooks 的原理是怎么样的**

##### 二面： #####

**1，聊项目，项目的难点，以及自己做了哪些事情**  
**2，为什么项目里会引入 TS**  
**3，dva 和 redux 的区别**  
**4，职业发展，今年的打算**  
**5，组件升级怎么让使用这个组件的人都知道**  
**6，如果让你设计项目自动设计组件升级，并且安全，你会怎么去设计**

##### 三面 #####

全程聊项目，因为他不是前端的，所以没问前端任何知识，主要聊业务相关的，看看我对业务的理解，以及一些想法。

*  项目难点
 *  怎么解决
 *  项目有什么改进的地方
 *  业务方怎么拿到反馈的，就是做的这个东西具体有什么用

> 上面是字节和蚂蚁的一些面试分享。每一次面试前我们肯定都要充分的准备好，可以去多看看别人的面经，看自己是否可以很好的回答这些问题，查看自己还有哪些不足，查漏补缺。  
> 还有就是多刷题，资料可以去网上找，可以加一些前端群，一般群里会有资料分享，还可以和伙伴们交流讨论，也可以自己去买这类书籍，方法有很多，这个看自己个人的选择。

### 96道前端面试题 ###

**下面给大家分享96道前端面试题**，如果有需要可以[点击这里][Link 1]免费领取！

**1，一些开放性题目**

*  自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。
 *  项目介绍
 *  如何看待前端开发？
 *  平时是如何学习前端开发的？
 *  未来三到五年的规划是怎样的？

**2，position的值， relative和absolute分别是相对于谁进行定位的？**  
**3，如何解决跨域问题**  
**4，XML和JSON的区别？**  
**5，谈谈你对webpack的看法**  
**6，说说TCP传输的三次握手四次挥手策略**  
**7，TCP和UDP的区别**  
**8，说说你对作用域链的理解**  
**9，创建ajax过程**  
**10，渐进增强和优雅降级**  
**11，常见web安全及防护原理**  
**12，XSS原理及防范**  
**13，XSS与CSRF有什么区别吗？**  
**14，Web Worker和webSocket**  
**15，HTTP和HTTPS**  
**16，对前端模块化的认识**  
**17，Javascript垃圾回收方法**  
**18，你觉得前端工程的价值体现在哪**  
**19，谈谈性能优化问题**  
**20，什么是Etag？**  
**21，Expires和Cache-Control**  
**22，ETag应用:**  
**23，为什么使用Etag请求头?**  
**24，栈和队列的区别?**

![59ba6252ff4cc8f541e0c15c50ee9a37.png][]

**25，栈和堆的区别？**  
**26，快速 排序的思想并实现一个快排？**  
**27，你觉得jQuery或zepto源码有哪些写的好的地方**  
**28，ES6的了解**  
**29，js继承方式及其优缺点**  
**30，关于Http 2.0你知道多少？**  
**31，defer和async**  
**33，如何评价AngularJS和BackboneJS**  
**34，用过哪些设计模式？**  
**35，说说你对闭包的理解**  
**36，请你谈谈Cookie的弊端**  
**37，浏览器本地存储**  
**38，web storage和cookie的区别**  
**39，cookie和session的区别：**  
**40，display:none和visibility:hidden的区别？**  
**41，CSS中link和@import的区别是？**  
**42，position:absolute和float属性的异同**  
**43，介绍一下box-sizing属性？**  
**44，选择符有哪些？哪些属性可以继承？**  
**45，优先级算法如何计算？**  
**46，CSS3新增伪类有那些？**  
**47，CSS3有哪些新特性？**  
**48，对BFC规范的理解？**  
**49，说说你对语义化的理解？**

![53a721044656ffda1d219808cb74ecb2.png][]

**50，Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?**  
**51，你知道多少种Doctype文档类型？**  
**52，HTML与XHTML——二者有什么区别**  
**53，常见兼容性问题？**  
**54，解释下浮动和它的工作原理？清除浮动的技巧**  
**55，浮动元素引起的问题和解决办法？**  
**56，清除浮动的几种方法：**  
**57，DOM操作——怎样添加、移除、移动、复制、创建和查找节点。**  
**58，html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？**  
**59，如何实现浏览器内多个标签页之间的通信?**  
**60，什么是 FOUC（无样式内容闪烁）？你如何来避免 FOUC？**  
**61，null和undefined的区别**  
**62，new操作符具体干了什么呢?**  
**63，js延迟加载的方式有哪些？**  
**64，call()和 apply() 的区别和作用？**  
**65，哪些操作会造成内存泄漏？**  
**66，列举IE与其他浏览器不一样的特性？**  
**67，WEB应用从服务器主动推送Data到客户端有那些方式？**  
**68，对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？**  
**69，一个页面从输入 URL到页面加载显示完成，这个过程中都发生了什么？**

![df4a1cd3a0388de1984d222f3b146d2e.png][]

**70，javascript对象的几种创建方式**  
**71，javascript继承的6种方法**  
**72，创建ajax的过程**  
**73，异步加载和延迟加载**  
**74，ie各版本和chrome可以并行下载多少个资源**  
**75，Flash、Ajax各自的优缺点，在使用中如何取舍？**  
**76，请解释一下 JavaScript的同源策略。**  
**77，为什么要有同源限制？**  
**78，GET和POST的区别，何时使用POST？**  
**79，事件、IE与火狐的事件机制有什么区别？ 如何阻止冒泡？**  
**80，ajax的缺点和在IE下的问题？**  
**81，谈谈你对重构的理解**  
**82，HTTP状态码**  
**83，说说你对Promise的理解**  
**84，说说你对前端架构师的理解**  
**85，说说严格模式的限制**  
**86，如何删除一个cookie**  
**87，说说你对AMD和Commonjs的理解**  
**88，document.write()的用法**  
**89，git fetch和git pull的区别**  
**90，说说你对MVC和MVVM的理解**  
**91，请解释什么是事件代理**  
**92，attribute和property的区别是什么？**  
**93，说说网络分层里七层模型是哪七层**  
**94，说说mongoDB和MySQL的区别**  
**95，讲讲304缓存的原理**  
**96，什么样的前端代码是好的**

![8f10e5f807b7e6ec2fa2fd8d301c34e8.png][]

> 篇幅有限，这里只列出了面试题，和部分截图，不过面试题和详解都已经整理成PDF文档，可以[点击这里][Link 1]免费领取！可**免费领取**资料还**包括CSS面试题总结，JavaScript面试题总结，Vue面试题总结，React面试题总结，常用算法等等**。

### 算法： ###

面试总是免不了算法题的，尤其是像面试字节这样的大厂，更是少不了算法题，下面就给大家分享一些常用的算法知识点和面试题题。  
**1，时间复杂度**  
**2，位运算**  
**3，左移 <<**  
**4，算数右移 >>**  
**5，按位操作**  
（1）两个数不使用四则运算得出和  
**6，排序  
7，冒泡排序  
8，插入排序  
9，选择排序  
10，归并排序  
11，快排  
（1）Sort Colors（颜色排序）  
（2）Kth Largest Element in an Array（数组中第k大的数字）  
12，堆排序  
13，系统自带排序实现  
14，链表  
（1）反转单向链表**  
**15，二叉树的先序，中序，后序遍历**  
**16，递归实现**  
**17，非递归实现**  
**18，中序遍历的前驱后继节点**  
**19，树的深度**  
（1）树的最大深度\*\*  
**20，动态规划**  
**21，斐波那契数列**  
**22，背包问题**  
**23，最长递增子序列**  
**24，字符串相关**

![a479ea0898f66a90dd24e8eddac9a94b.png][]

#### 更多： ####

[118页Vue面试题总结，为面试提前做准备][118_Vue]  
[前端开发应该如何准备面试][Link 2]  
[太棒了！2018-2020前端经典面试题整理合集，还附带大厂面试题分享！][2018-2020]

[Link 1]: https://jq.qq.com/?_wv=1027&k=txhnarjz
[59ba6252ff4cc8f541e0c15c50ee9a37.png]: /images/20221119/355b31983ccf4bc3b1141f78d113aa9f.png
[53a721044656ffda1d219808cb74ecb2.png]: /images/20221119/2a91ad9d86ef420e9c8eda4a0e7178dd.png
[df4a1cd3a0388de1984d222f3b146d2e.png]: /images/20221119/9eaecfad387243d4bfdf85aa2b865de4.png
[8f10e5f807b7e6ec2fa2fd8d301c34e8.png]: /images/20221119/8036f9abbe3b4f1b8cb7045564e0be56.png
[a479ea0898f66a90dd24e8eddac9a94b.png]: https://img-blog.csdnimg.cn/img_convert/a479ea0898f66a90dd24e8eddac9a94b.png
[118_Vue]: https://blog.csdn.net/QXXXD/article/details/112463826
[Link 2]: https://blog.csdn.net/QXXXD/article/details/112967151
[2018-2020]: https://blog.csdn.net/QXXXD/article/details/111592408