有很多小伙伴们特别关心面试Web前端开发工程师时，面试官都会问哪些问题。今天小卓把收集来的“阿里Web前端开发面试题”整理贴出来分享给大家伙看看，赶紧收藏起来做准备吧~~

　　一、CSS盒子模型，绝对定位和相对定位

　　1）清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法

　　2）如何保持浮层水平垂直居中

　　3）position 和 display 的取值和各自的意思和用法

　　4）样式的层级关系，选择器优先级，样式冲突，以及抽离样式模块怎么写，说出思路，有无实践经验

　　二、JavaScript基础

　　1）JavaScript 里有哪些数据类型，解释清楚 null 和 undefined，解释清楚原始数据类型和引用数据类型。比如讲一下 1 和 Number(1) 的区别

　　2）将一下 prototype 是什么东西，原型链的理解，什么时候用 prototype

　　3）函数里的this什么含义，什么情况下，怎么用。

　　4）apply 和 call 什么含义，什么区别？什么时候用。

　　5）数组和对象有哪些原生方法，列举一下，分别是什么含义，比如链接两个数组用哪个方法，删除数组的质定项。

　　三、JavaScript的面向对象

　　1）JS 模块包装格式都用过哪些，CommonJS、AMD、CMD、KMD。定义一个js 模块代码，最精简的格式是怎样。

　　2）JS 怎么实现一个类。怎么实例化这个类。

　　3）是否了解自定义事件。jQuery里的fire函数是什么意思，什么时候用。

　　4）说一下了解的js 设计模式，解释一下单例、工厂、观察者。

　　5）ajax 跨域有哪些方法，jsonp 的原理是什么，如果页面编码和被请求的资源编码不一致如何处理？

　　四、开源工具

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

　　2）fiddle、charles 有没有用过，什么时候用

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

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

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

　　五、计算机基础

　　1）说一下网络五层模型（HTTP协议从应用层到底层都基于哪些协议），HTTP 协议头字段说上来几个，缓存字段是怎么定义的，http和https的区别，在具体使用的时候有什么不一样。是否尽可能详细的掌握HTTP协议。

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

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

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

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

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

　　六、考察学习能力和方法

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

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

　　3）收藏了哪些代码片段？

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

　　看完了你能答出几道？不会赶快去做下功课吧！通过上面一些知识，我们可以找出自己的一些不足，进而学之，何乐不为？相信只要掌握了硬实力，你的职场通道肯定会一路绿灯。“如果你想加入互联网IT行业，恰巧你又是零基础，或者想再充实一下技能，那就别犹豫，来吧！2017上海中软卓越与你有约~我们用诚信打造品牌，用品牌证明我们的实力！上海中软卓越值得你的青睐与信赖！”

IT职场经纬 |阿里web前端面试考题，你能答出来几个？