前端面试题汇总

HTML+CSS+JAVASCRIPT+JQUERY

(1) 行内元素有哪些？块级元素有哪些？CSS的盒模型？

(2) CSS引入的方式有哪些? link和@import的区别是?

(3) CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪

个优先级高？

(4) 写出CSS选择器种类

(5) 前端页面有哪三层构成，分别是什么？作用是什么？

(6) 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?

(7) 标签上title与alt属性的区别是什么？

(8) 描述css reset的作用和用途。

(9) 如何居中div,如何居中一个浮动元素?

(10)

请缩写以下代码：

.box {

background-position: 10px 20px; background-repeat: no-repeat; background-attachment: fixed;

background-color: red;

background-image: url(box.png); } (11)

正确使用 HTML 和 CSS 实现以下效果（中间方框部分表示图片，右侧为文字列

表。尽量不要使用 float 属

前端面试题汇总

一、HTML和CSS ............................................................................................................................. 21

1. 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? .......................... 21 2. 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ ... 21 3. Quirks模式是什么？它和Standards模式有什么区别 ................................................... 21 4. div+css的布局较table布局有什么优点？ ...................................................................... 22 5. img的alt与title有何异同？ strong与em的异同？ .........................................

1、CSS+DIV开发Web页面的优势有哪些？

优点：

1）div+css，这个网页设计模式中，div承担了网页的内容，css承担了网页的样式。这样就使网页的内容和样式的分离开来。有利于页面的维护升级。

2）有助于提高搜索引擎亲和力（快速找到需要的数据，而不是像在table中一层层的查找）

3）有助于页面的重构(换皮肤如blog，直接套用另外一套样式就可以实现，而不用改动网页脚本。) 缺点：开发效率比较低

2、HTML引用css样式有几种方式？ 内部样式 外部样式 内联样式

3、在HTML页面布局中，position的值有哪几种？默认值又是什么？ Position:static Position:relative; Position:absolute; Position:fixed;

4、Html里一些标签里面不能放区块元素，解决方法是什么？

5、Doctype作用？标准模式与兼容模式各有什么区别?

6、行内元素有哪些？块级元素有哪些？空(void)元素有那些？

7、浏览器的内核分别是什么?

8、语义化的理解？

9、CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？

10、如何居中div？如何居中一个浮动元素？

11列出

www.oldboyedu.com 老男孩IT教育，只培养技术精英

经典Python面试题之前端和框架

1. 谈谈你对http协议的认识。 2. 谈谈你对websocket协议的认识。 3. 什么是magic string ？ 4. 如何创建响应式布局？ 5. 你曾经使用过哪些前端框架？

6. 什么是ajax请求？并使用jQuery和XMLHttpRequest对象实现一个ajax请求。

7. 如何在前端实现轮训？ 8. 如何在前端实现长轮训？ 9. vuex的作用？

10. vue中的路由的拦截器的作用？ 11. axios的作用？ 12. 列举vue的常见指令。 13. 简述jsonp及实现原理？ 14. 是什么cors ？

15. 列举Http请求中常见的请求方式？ 16. 列举Http请求中的状态码？ 17. 列举Http请求中常见的请求头？ 18. 看图写结果： 19. 看图写结果：

www.oldboyedu.com 老男孩IT教育，只培养技术精英

20. 看图写结果： 21. 看图写结果： 22. 看图写结果： 23. 看图写结果：

24. django、flask、tornado框架的比较？ 25. 什么是wsgi？

26

www.oldboyedu.com 老男孩IT教育，只培养技术精英

经典Python面试题之前端和框架

1. 谈谈你对http协议的认识。 2. 谈谈你对websocket协议的认识。 3. 什么是magic string ？ 4. 如何创建响应式布局？ 5. 你曾经使用过哪些前端框架？

6. 什么是ajax请求？并使用jQuery和XMLHttpRequest对象实现一个ajax请求。

7. 如何在前端实现轮训？ 8. 如何在前端实现长轮训？ 9. vuex的作用？

10. vue中的路由的拦截器的作用？ 11. axios的作用？ 12. 列举vue的常见指令。 13. 简述jsonp及实现原理？ 14. 是什么cors ？

15. 列举Http请求中常见的请求方式？ 16. 列举Http请求中的状态码？ 17. 列举Http请求中常见的请求头？ 18. 看图写结果： 19. 看图写结果：

www.oldboyedu.com 老男孩IT教育，只培养技术精英

20. 看图写结果： 21. 看图写结果： 22. 看图写结果： 23. 看图写结果：

24. django、flask、tornado框架的比较？ 25. 什么是wsgi？

26

以下是本次面试的参考问题： 通用问题：

1、请用3分钟介绍下你自己好吧？ 思路：1）、个人相关基本信息，介绍内容要与个人简历相一致。 2）、要切中要害，不谈无关、无用的内容，条理要清晰，层次要分明。 3）、有重点突出他能否胜任工作，比如：他的能力，做过最成功的事，他的成就，他个性中和工作有关的积极的一面，他擅长的领域，他的优缺点。能为企业做出什么贡献，比如：他工作的时候是什么样子，他喜欢什么样的工作（这的和我们的工作要求相符）。 4）、礼貌的说谢谢，表示对考官的尊重。

2、你的优点和缺点是什么？或简单列举你的三大优势与三大劣势。（如果自我介绍说了可做追问） 思路：1）、沉着冷静，立场坚定，乐观自信，应变能力强，有团队意识，独立思考，有主动性。

2）、充分介绍优点，但最好少用形容词，而用能够反映优点的事实说话 3）、介绍缺点时可以从大学生普遍存在的弱点方面介绍，例如缺少社会经验。 3、你是否有出国、考研究生等打算？

思路：很多毕业生在毕业时同时准备考研、就业和出国，先找单位，如果考研或出国成功就与单位解约。从单位的角度来说，招聘毕业生需要时间和费用，而且签约了一位毕业生就等于放弃了

单选题

1.下面哪个程序负责 HDFS 数据存储。

a)NameNode b)Jobtracker c)Datanode d)secondaryNameNode e)tasktracker 答案C datanode

2. HDfS 中的 block 默认保存几份？

a)3 份 b)2 份c)1 份d)不确定 答案A默认3分

3. 下列哪个程序通常与 NameNode 在一个节点启动？

a)SecondaryNameNode b)DataNode c)TaskTracker d)Jobtracker 答案D

4. Hadoop 作者

a)Martin Fowler b)Kent Beck c)Doug cutting 答案C Doug cutting

5. HDFS 默认 Block Size

a)32MB b)64MB c)128MB

答案：1.X版本是64M

2.X版本是128M

6.下列哪项通常是集群的最主要瓶颈

a)CPU b)网络 c)磁盘IO d)内存 答案：C磁盘

7.Doug Cutting所创立的项目的名称都受到其家人的启发，以下项目不是由他创立的项目是

A． Hadoop B． Nut

Hadoop面试题汇总

一、知识点 ..................................................................................................................................................... 1 二、经典题 ..................................................................................................................................................... 1 三、选择题 ..................................................................................................................................................... 1

一、知识点

了解MapReduce大致流程，map, shuffle, reduce

重庆仁人教育

各大互联网公司前端笔试面试题–JavaScript篇

1.JavaScript是一门什么样的语言，它有哪些特点？ 没有标准答案。

2.JavaScript的数据类型都有什么？

基本数据类型：String,boolean,Number,Undefined, Null 引用数据类型：Object(Array,Date,RegExp,Function) 那么问题来了，如何判断某变量是否为数组数据类型？

方法一.判断其是否具有“数组性质”，如slice()方法。可自己给该变量定义slice方法，故有时会失效

?

?

方法二.objinstanceof Array 在某些IE版本中不正确

方法三.方法一二皆有漏洞，在ECMA Script5中定义了新方法Array.isArray(), 保证其兼容性，最好的方法如下：

?

1 if(typeofArray.isArray===\2 { 3 Array.isArray = function(arg){ 4 return Object.prototype.toString.call(arg)===\5 }; 6 } 3.已知ID的Input输入框，希望获取这个输

Java笔试面试题： 1.类的定义格式:

[修饰符] class 类名{ 类的主体; }

2.方法声明的基本格式:

[修饰符] 返回值类型 方法名(参数类型 参数名, ...){ 定义变量; 定义方法; }

3.局部变量与成员变量的区别:成员变量有默认值,而局部变量没有;

4.Java的判断条件结果必须是一个布尔值；

5.this关键字和super关键字分别代表什么?以及他们各自的使用场景和作用。

this:代表当前类的对象引用

super:代表父类存储空间的标识。(可以理解为父类的引用，通过这个东西可以访问父类的成员)

应用场景:

A:调用成员变量

this.成员变量 调用本类的成员变量 super.成员变量 调用父类的成员变量 B:调用构造方法

this(...) 调用本类的构造方法 super(...) 调用父类的构造方法 C:调用成员方法

this.成员方法 调用本类的成员方法 super.成员方法 调用父类的成员方法

6.权限修饰符：

本类 同一个包下(子类和无关类) 不同包下(子类) 不同包下(无关类) private Y

默认 Y Y

protected Y