web前端面试题2022

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 属

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列出

前端面试题汇总

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

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

初级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)一般为 严格

这部分主要是与Java Web和Web Service相关的面试题。

96、阐述Servlet和CGI的区别?

答：Servlet与CGI的区别在于Servlet处于服务器进程中，它通过多线程方式运行其service()方法，一个实例可以服务于多个请求，并且其实例一般不会销毁，而CGI对每个请求都产生新的进程，服务完成后就销毁，所以效率上低于Servlet。 补充：Sun Microsystems公司在1996年发布Servlet技术就是为了和CGI进行竞争，Servlet是一个特殊的Java程序，一个基于Java的Web应用通常包含一个或多个Servlet类。Servlet不能够自行创建并执行，它是在Servlet容器中运行的，容器将用户的请求传递给Servlet程序，并将Servlet的响应回传给用户。通常一个Servlet会关联一个或多个JSP页面。以前CGI经常因为性能开销上的问题被诟病，然而Fast CGI早就已经解决了CGI效率上的问题，所以面试的时候大可不必信口开河的诟病CGI，事实上有很多你熟悉的网站都使用了CGI技术。

97、Servlet接口中有哪些方法？

答：Servlet接口定义了5个方法，其中前三个方法与Servle

JAVA笔试题-单选题 请假答案填入答题卡

一. Java基础（请假答案填入答题卡）

1. JAVA的编译和运行及调试程序放在安装目录的哪个子目录下？

A. bin B.lib C.include D.jre

2. 下面哪个对类的声明是错误的？

A. class MyClass extends MySuperClass1, MySupperClass2 {} B. public class MyClass{}

C. abstract class MyClass implements YourInterface1, Youriterface2 {} D. private class MyClass {}

E. class MyClass extends MySuperClass implements YourInterface {}

3. 要创建一个新目录，可以用下面哪个类实现 A. FileInputStream B. FileOutputStream C. RandomAccessFile D. File

4. 如果你被要求写一段代码读取一个文本文件，那么一般使用哪种Stream？ A. DataInputStr

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

学IT技能上我学院网woxueyuan.com

Web开发面试题及其答案

Web开发面试题及其答案，前端开发面试题及其答案，以下面试题及其答案涉及Web开发知识点，HTML+CSS以及JavaScript知识点的面试题。

HTML+CSS

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

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

2.xhtml和html有什么区别

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|PS|UI|3Dmax|Python|MySQL|VR|AR

学IT技能上我学院网woxueyuan.com

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

最主要的不同：

XHTML 元素必须被正确地嵌套。

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。

3.Doctype? 严格模

重庆仁人教育

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