huruji / fe-interview

前端面试题大合集——小菜鸟前端面试大作战:hatching_chick::ghost:

前端笔试面试简答题汇总

前言

整理这份面试题的目的是为了让更多前端的同学能够在面试中抓住面试官想要得到的知识点，从而给面试官一个更满意的答案。在面试中我并不倡导使用套路来套路面试官，短短的几个小时的面试本质上也并不能看出面试者的实际水平，但是不可否认的是掌握足够的技巧和经验是可以为面试者拿到一份满意的Offer的。这里所有的面试题大部分是我在面试过程中遇到过的，不限于各大互联网公司，希望大家看到后会有所收获，当然不仅仅是面试题的收获，更多的是知识点的总结，望大家能够举一反三，都拿到自己满意的Offer。除了这个之外，我也一直在坚持写个人博客，https://github.com/huruji/blog或许也会对你有所 帮助。

这里的答案都是我个人的回答，当然还有一小部分暂时我还没写答案，会陆续更新，不保证完全对，面试也并不是需要完全对，面试官想要的个人的思路。

如果你需要了解面试准备的话，可以参考我之前写的一篇文章。https://juejin.im/post/59fd75926fb9a0452b4899b6

另外，欢迎关注我的微信公众号，我长期分享前端开发方面的知识，另外我目前就职于 字节跳动，也可以通过我的微信公众号找到我来内推哟！

目录

JavaScript部分

HTML(5)

CSS(3)部分

移动Web

网络部分

性能相关

React

AngularJS

Vue

Web安全

SQL

计算机基础

其他

参与贡献

本仓库目前由huruji个人进行维护。如果在面试中遇到过相应的问题，欢迎提Issues和Pull Request，也欢迎修改所有的回答，不过修改回答提交PR时，希望能够附带相应的出处。

关于如何提交PR，可以参考这篇文章

声明

所有版权归原作者所有，转载请邮件联系作者([email protected])

支持作者

如果我的工作能够让你有所收获，或者拿到心怡的Offer，那就来个star吧，如果想要持续关注这个项目，记得点watch。

fe-interview's Issues

关于WebStorage的问题

在这篇QA中

HTML5提供了sessionStorage、localStorage和离线存储作为新的存储方案，其中sessionStorage和localStorage 都是采用键值对的形式存储，两者都是通过setItem、getItem、removeItem来实现增删查改，而sessionStorage是会话存储，也就是说 当浏览器关闭之后sessionStorage也自动清空了，而localStorage不会，它没有时间上的限制。离线存储也就是应用程序缓存，这个通常用来 确保web应用能够在离线情况下使用，通过在html标签中属性manifest来声明需要缓存的文件，这个属性的值是一个包含需要缓存的文件的文件名的文件， 这个manifest文件声明的缓存文件可在初次加载后缓存在客户端，可以通过更新这个manifest文件来达到更新缓存文件的目的。

这个答案是引用的哪里？

我找的资料，和你所说明的东西出入有点大

请指教

建议，关于CSS部分的居中

对于CSS居中，这里有一篇很不错的文章，看要不要引用一下

2.如何实现ajax请求 - additional solutions

用promise 也可以是一种方法

关于ES6的模块加载部分

原文：通过exports和require来导出和导入模块；
实际上应该是export和import来导入导出。

关于viewport问题

所参考的文章，描述的太乱了，不建议阅读

建议使用以下文章

http://weizhifeng.net/viewports.html

http://weizhifeng.net/viewports2.html

第八题的答案不够严谨

其实并不会直接返回对象 而是会做一次判断 如果没有生成新的对象 那么就会返回原先生成的对象 如果有新的对象生成 就会返回新生成的对象