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

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

字节

一面：

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道前台面试题，假如有需要可以点击这里免费领取！

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，栈和队列的区别?

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，说说你对语义化的了解？

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到页面加载显示完成，这个过程中都发生了什么？

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，什么样的前台代码是好的

篇幅有限，这里只列出了面试题，和部分截图，不过面试题和详解都已经整理成PDF文档，可以点击这里免费领取！可免费领取资料还包括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，字符串相关

更多：

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