前端面试题汇总-基础篇

喜欢ヅ旅行 2022-07-15 12:07 220阅读 0赞

转自：[http://blog.csdn.net/xllily\_11/article/details/53157674][http_blog.csdn.net_xllily_11_article_details_53157674]

--------------------

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

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

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

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

--------------------

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

「 CSS篇 」

--------------------

1.  CSS 盒子模型，绝对定位和相对定位
2.  清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法
3.  如何保持浮层水平垂直居中
4.  position 和 display 的取值和各自的意思和用法
5.  样式的层级关系，选择器优先级，样式冲突，以及抽离样式模块怎么写，说出思路，有无实践经验
6.  css3动画效果属性，canvas、svg的区别
7.  px和em的区别

--------------------

「 JavaScript 篇 」

--------------------

JavaScript 基础

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

--------------------

JavaScript 的面向对象

1.  JS 模块包装格式都用过哪些，CommonJS、AMD、CMD。定义一个JS 模块代码，最精简的格式是怎样。
2.  JS 怎么实现一个类。怎么实例化这个类。
3.  是否了解自定义事件。jQuery里的fire函数是什么意思，什么时候用。
4.  说一下了解的js 设计模式，解释一下单例、工厂、观察者。
5.  ajax 跨域有哪些方法，jsonp 的原理是什么，如果页面编码和被请求的资源编码不一致如何处理？

--------------------

「 开源工具 」

--------------------

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事务是怎样的一个过程？