纯福利 | 前端新人面试题汇总-基础篇

近来，由于我的公众号粉丝越来越多，当然留言和各种问题也越来越多，虽说近来一段因为产品接近收尾上线阶段，确实略忙，我有时候甚至回到我温暖的家都将近深夜11点（我也不知道为何这么拼，后面我会写篇文章专门分析这个问题）；

【关于前端面试技巧，或者面试准备等方面】已经被好多位同学要求了好多次。

所以，今天我简单整理了下以前收集和自己想到的一些【基础篇技术篇】先送给大家。

这些问题都很普通但很基础和重要，决定了你可以走多远和拿到敲门砖，所以不要觉得不重要，因为这些问题都答不到70%，那么你基本可以和正经的重视前端的大公司说拜拜了。

如果你一些基本问题答对了，那么我可以肯定的是你面试任何公司的前端技术轮，都是没问题的。不是我吹，是真的基础很重要也很简单都可以自己查到，做好准备即可。

由于我拿到过阿里巴巴事业部的offer（以前的事儿了），我就结合一下淘宝前端的一些面试题（真的是只限新人），整理一下，后面会送上面试技巧

我们开始：

「 CSS篇」

「 JavaScript 篇」

JavaScript 基础

JavaScript 里有哪些数据类型，解释清楚 null 和 undefined，解释清楚原始数据类型和引用数据类型。比如讲一下 1 和 Number(1)的区别
将一下 prototype 是什么东西，原型链的理解，什么时候用 prototype
函数里的this什么含义，什么情况下，怎么用。
apply和 call 什么含义，什么区别？什么时候用。（我有篇文章重点分析过）
数组和对象有哪些原生方法，列举一下，分别是什么含义，比如连接两个数组用哪个方法，删除数组的指定项和重新组装数组（操作数据的重点）。
怎样添加、移除、移动、复制、创建和查找节点？

JavaScript 的面向对象

「开源工具」

1）是否了解开源的架构工具 bower、npm、yeoman、gulp、webpack，有无用过，有无写过，一个 npm 的包里的 package.json 具备的必要的字段都有哪些（名称、版本号，依赖）

2）github常用不常用，关注过哪些项目

3）会不会用 ps 扣图，png、jpg、gif 这些图片格式解释一下，分别什么时候用。如何优化图像、图像格式的区别

4）说一下你常用的命令行工具

5）会不会用git，说上来几个命令，说一下git和svn的区别，有没有用git解决过冲突

「计算机网络基础」

1）说一下HTTP 协议头字段说上来几个，是否尽可能详细的掌握HTTP协议。一次完整的HTTP事务是怎样的一个过程？

2）cookies 是干嘛的，服务器和浏览器之间的 cookies 是怎么传的，httponly 的 cookies 和可读写的 cookie 有什么区别，有无长度限制
请描述一下cookies，sessionStorage和localStorage的区别

3）从敲入 URL 到渲染完成的整个过程，包括 DOM 构建的过程，说的约详细越好。

4）是否了解Web注入攻击，说下原理，最常见的两种攻击（XSS 和 CSRF）了解到什么程度。

5）是否了解公钥加密和私钥加密。如何确保表单提交里的密码字段不被泄露。验证码是干嘛的，是为了解决什么安全问题。

6）编码常识：文件编码、URL 编码、Unicode编码什么含义。一个gbk编码的页面如何正确引用一个utf8的的资源

「前端框架」

1）对MVC、MVVM的理解

2） jQuery的事件委托方法on、live、delegate之间有什么区别？

3）前后分离的思想了解吗？

 考察学习能力和方法

1）你每天必须登录的网站（前端技术相关）是什么？

2）前端技术方面看过哪些书，有无笔记，都有哪些收获。

3）收藏了哪些代码片段？有想过开源自己的代码嘛？

4）怎么理解前端技术的大趋势？自己再做哪方面的知识储备？

5）是否了解或精通其他（后端）的编程语言？

6）做项目有没有遇到哪些印象深刻的技术攻关，具体遇到什么问题，怎么找答案的，最后怎么解的。

7）对以后自己的前端职业路线，咋么规划

OK！，今天先到这里，这些问题，网上都有可查的答案，自己不要懒，只要勤奋才能进步。有问题欢迎再文章留言，尽量不要再公众号私聊信息，因为我看不完，在文章底部写留言即可，我会一一回复。

最重要的，别忘了打赏我哈哈哈哈！我也是需要动力滴！

扫描长按二维码，关注我的公众号