java前端面试题总结

java程序员在面试的时候都会遇到，在面试题中也有java前端面试题，为了帮助大家面试更加顺利，极悦java培训机构的小编为大家准备了java前端面试题总结，希望对大家能够有所帮助。

1、CSS引入的方式有哪些?

(1)外联：<link>标签

(2)内联：<style>标签

(3)元素内嵌：元素的style属性

2、CSS选择符有哪些?

标签选择符、类选择符、id选择符、组合选择符

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

Ie(Ie内核) 火狐(Gecko) 谷歌(webkit) opear(Presto)

4、”==”和“===”的不同

==只比较值，===比较值和数据类型

5、什么是盒子模型?

在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容(content)，元素的内边距(padding)，元素的边框(border)，元素的外边距(margin)四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。

6、$(this) 和 this 关键字在 jQuery 中有何不同?

前者是jQuery对象，使用jQuery方法和属性;后者是JavaScript对象，使用JavaScript方法和属性。

7、jQuery 里的 each() 是什么函数?你是如何使用它的?

each() 函数就像是 Java 里的一个 Iterator，它允许你遍历一个元素集合。你可以传一个函数给 each() 方法，被调用的 jQuery 对象会在其每个元素上执行传入的函数。

8、AJAX应用和传统Web应用有什么不同?

在传统的Javascript编程中，如果想得到服务器端数据库或文件上的信息，或者发送客户端信息到服务器，需要建立一个HTML form然后GET或者POST数据到服务器端。用户需要点击”Submit”按钮来发送或者接受数据信息，然后等待服务器响应请求，页面重新加载。因为服务器每次都会返回一个新的页面， 所以传统的web应用有可能很慢而且用户交互不友好。使用AJAX技术， 就可以使Javascript通过XMLHttpRequest对象直接与服务器进行交互。通过HTTP Request， 一个web页面可以发送一个请求到web服务器并且接受web服务器返回的信息(不用重新加载页面)，展示给用户的还是同一个页面，用户感觉不到页面刷新，也看不到到Javascript后台进行的发送请求和接受响应。

AJAX的全称是Asynchronous JavaScript And XML(异步的JavaScript和XML).。AJAX是2005年由Google发起并流行起来的编程方法， AJAX不是一个新的编程语言，但是它是一个使用已有标准的新的编程技术。使用AJAX可以创建更好，更快，更用户界面友好的Web应用。AJAX技术基于Javascript和HTTP Request。

使用场景?

--》登录失败时不跳转页面，注册时提示用户名是否存在，二级联动等等使用场景

10、AJAX的优缺点都有什么?

优点：

(1)最大的一点是页面无刷新，用户的体验非常好。

(2)使用异步方式与服务器通信，具有更加迅速的响应能力。

(3)可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。

(4)基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。

缺点：

(1)不支持浏览器back按钮。

(2)安全问题 AJAX暴露了与服务器交互的细节。

(3)对搜索引擎的支持比较弱。

(4)破坏了程序的异常机制。

(5)不容易调试。

11、简述Ajax的工作原理?

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。在创建Web站点时，在客户端执行屏幕更新为用户提供了很大的灵活性。

12、请介绍一下XmlHttpRequest对象

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。通过XMLHttpRequest对象，Web开发人员可以在页面加载以后进行页面的局部更新。

13、简单说一下HTML，CSS，javaScript在网页开发中的定位?

HTML：超文本标记语言，定义网页的结构

CSS：层叠样式表，用来美化页面

JavaScript：主要用来验证表单，做动态交互(其中AJAX)

14、JS和JQuery的关系

JQuery是一个JS框架，封装了JS的属性和方法，并且增强了JS的功能，让用户使用起来更加方便，原来使用js是要处理很多兼容性的问题(注册事件)，由于Jquery封装了底层，就不用处理兼容性问题(注册事件等)。

原生的js的dom和事件绑定Ajax等操作非常麻烦，JQuery等装以后非常方便。

15、JQuery的AJAX和原生js实现有什么关系

JQuery中的AJAX也是通过原生的js封装的,封装完成后让我们使用更加便利，不用考虑底层实现和兼容性等处理。

如果采用原生js实现AJAX是非常麻烦的，并且每次都是一样的，如果我们不使用JQuery，我们也要封装ajax对象的方法和属性，有像jquery这些已经封装完成，并且经过很多企业实际的框架，比较可靠并且开源，我们就不需要等装，直接使用成熟的框架(jquery)即可;

16、简单说一下html5?你对哪些现在哪些新技术有了解

html5是最新版本的html，是在原来html4的基础上增强类一些标签。

html5增加了一些像画板、声音、视频、web存储方面等高级功能，但是html5有一个不好的地方，那就是html5太强调语义了，导致开发者都不知道要选择哪个标签。在页面布局时，无论头部、主体、导航等模块都使用div来表示，但是html5的规范，需要使用不同不同的标签。(header,footer)

你对新技术有哪些了解：html5 css3。

17、简单说一下css3

css3是最新版本的css，是对原来的css2的功能增强

css3中提供一些css2中实现起来比较困难或者不能实现的功能。

(1)盒子圆角边框

(2)盒子和文字的阴影

(3)渐变

(4)装换、移动、缩放、旋转等

(5)过渡、动画都可以使用动画

(6)可以使用媒体查询实现响应式网站

css3最大的缺点就是要根据不同的浏览器处理兼容性，对应有一些处理兼容性的工具，不用担心

18、bootstrap是什么

bootstrap是一个移动设备优先的UI框架，我们可以不用写任何css、js代码就能实现比较漂亮的有交互性的页面，我们程序员对页面的编写是有硬伤的，所有要自己写页面的话就要使用类似于bootstrap这样的UI框架

平时用的很多：

(1)模态框

(2)表单、表单项

(3)布局

(4)删格系统

以上就是极悦的小编针对“java前端面试题总结”的内容进行的回答，希望对大家有所帮助，如有疑问，请在线咨询，有专业老师随时为你服务。