前端一年工作经验面试题

1. 如下代码 class A { A() { } }

class B extends A { }

哪两个说明是正确的？

A. B类的构造器应该是 public. B. B类的构造器应该是没有参数 C. B类的构造器应该调用this(). D. B类的构造器应该调用super(). 答案：BD

解析：默认构造器的修饰符只跟当前类的修饰符有关。 比如B如果是public的，则默认构造方法是public的。 如果B是默认的访问权限，则构造方法相同。 当B是内部类是，前面也可以有protected，private等，默认添加的构造方法仍然和类的修饰符一致。

2. 如下代码

public class Test { public int aMethod() { static int i = 0; i++;

return i; }

public static void main (String args[]) { Test test = new Test(); test.aMethod();

int j = test.aMethod(); System.out.println(j); } }

输出结果

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

重庆仁人教育

各大互联网公司前端笔试面试题–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输入框，希望获取这个输

如何面试无工作经验的工作「必看」

如果你没有工作，而希望企业培养你，那么首先你必须证明你是一个能力很强、悟性很高、脑子很灵活的人。专业人士表示在过程中，你应当有意识地表现出这些特性。比如面试前要填表，你就不应该有什么涂改的地方，否则别人觉得你做事很没条理，很混乱，对自己的经历也记不清。

面试不通过，什么原因?问题，面试应答问题，着装，态度，其实只有一样方法。螃蟹想当第一名并不是只要努力就行的。

对于部分成绩不突出又经验不足的同学，如何面试?其实只要毕业生能表现出以下几个特征，就会具有竞争优势：

如果你在硬实力上没有优势，建议你强化自己的软实力。你可以在面试中表现出抗压能力，例如，当公司问你能不能接受某些苛刻条件时，要很坚定地说能，不要表情突然僵硬，语气犹豫。很多时候公司不会出现这种情况，这只是面试官在考验你。另外，在面试中表现得开朗、活泼也是一种很好的方法，性格好的人往往化解压力的能力也强。

如果你没有工作经验，而希望企业培养你，那么首先你必须证明你是一个学习能力很强、悟性很高、脑子很灵活的.人。在面试过程

中，你应当有意识地表现出这些特性。比如面试前要填表，你就不应该有什么涂改的地方，否则别人觉得你做事很没条理，很混乱，对自己的经历也记不清。面试交谈时

1. 要动态改变层中内容可以使用的方法有（AB ） a)innerHTML b)innerText

c)通过设置层的隐藏和显示来实现

d)通过设置层的样式属性的display属性

2. 在javascript里，下列选项中不属于数组方法的是（B）； a)sort() b)length() c)concat() d)reverse()

3 、 var emp = new Array(3); for(var i in emp)

以下答案中能与for循环代码互换的是: （选择一项）。(D ) A for(var i =0; i4 下列声明数组的语句中，错误的选项是（ C ）。 a)Var arry= new Array() b)Var arry=new Array(3) c)Var arry[]=new Array(3)(4) d)Var arry=new Array(?3?,?4?)

5. 下列哪一个选项不属于document对象的方法?（D ） a)focus()

b)getElementById() c)getElementsByName() d)bgColor()

6. 、 display属性值的常用取值不包括(C ) a)inl

1. 要动态改变层中内容可以使用的方法有（AB ） a)innerHTML b)innerText

c)通过设置层的隐藏和显示来实现

d)通过设置层的样式属性的display属性

2. 在javascript里，下列选项中不属于数组方法的是（B）； a)sort() b)length() c)concat() d)reverse()

3 、 var emp = new Array(3); for(var i in emp)

以下答案中能与for循环代码互换的是: （选择一项）。(D ) A for(var i =0; i4 下列声明数组的语句中，错误的选项是（ C ）。 a)Var arry= new Array() b)Var arry=new Array(3) c)Var arry[]=new Array(3)(4) d)Var arry=new Array(?3?,?4?)

5. 下列哪一个选项不属于document对象的方法?（D ） a)focus()

b)getElementById() c)getElementsByName() d)bgColor()

6. 、 display属性值的常用取值不包括(C ) a)inl