前端基础面试题

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输入框，希望获取这个输

android笔试题

android 基础面试题

内容摘要： 一、Android进程的5个等级 1.Foreground Process 前台进程 Activity Resume()状态 Activity绑定Service，正在交互 Service生命周期正在被执行 BroadcastRecei...

一、Android进程的5个等级

1.Foreground Process 前台进程

Activity Resume()状态

Activity绑定Service，正在交互

Service生命周期正在被执行

BroadcastReceiver正在执行onReceive()

2.Visible Process 可见进程

Activity不在前端显示，但没有完全隐藏

3.Service Process 服务进程

正在运行，不在上述两种状态的Service

4.Background Process 后台进程

不可见状态

5.Empty Process 空进程

二、何为ANR,何时会产生ANR

1. 界面操作(按钮的点击)相应时间超过5秒

2.BroadcastReceiver执行超过10秒

三、如何防止ANR

将耗时操作在子线程中执行

四、Manifest文件的是什么时候加

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

初级Web前端工程师面试必看面试题（HTML+CSS+JavaScript）

作者：来源于网络 发布时间：07月20日

很多初级前端工程师去面试的时候可能不知道考官会问些什么，提前做好准备会为你的面试加分，极客学院整理出了一些必看的初级工程师面试考题，希望会大家有所帮助。

1.对WEB标准以及W3C的理解与认识？

标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;

2.XHTML和HTML有什么区别？

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言

最主要的不同：

XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。

XHTML 文档必须拥有根元素。

3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

用于声明文档使用那种规范(HTML/XHTML)一般为 严格