码迷,mamicode.com
首页 > 编程语言 > 详细

Java -- Web前端面试题及答案(需更深入了解)

时间:2018-11-20 11:29:43      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:定义   流行   需要   解析   bsp   答案   his   服务器端   破坏   

Web前端方面

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、$(document).ready() 是个什么函数?为什么要用它?

ready() 函数用于在文档进入ready状态时执行代码。当DOM 完全加载(例如HTML被完全解析DOM树构建完成时),jQuery允许你执行代码。

9、网页上有 5 个 <div> 元素,如何使用 jQuery来选择它们?

jQuery 代码:$("div"),这样会返回一个包含所有 5 个 div 标签的 jQuery 对象。

10、列举常用的几种jQuery选择器

1)基本选择器:包括id选择器、class选择器和元素选择器。

2)层次选择器:也叫做路径选择器,可以根据路径层次来选择相应的DOM元素。

3)过滤选择器:在前面的基础上过滤相关条件,得到匹配的dom元素:如属性选择器、表单选择器等等

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

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

12、AJAX的全称是什么? 介绍一下AJAX

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

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

优点:

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

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

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

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

缺点:

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

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

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

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

5)不容易调试。

14、简述Ajax的工作原理?

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

15、请介绍一下XmlHttpRequest对象

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

16.简单说一下HTML,CSS,javaScript在网页开发中的定位?

HTML:超文本标记语言,定义网页的结构

CSS:层叠样式表,用来美化页面

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

Java -- Web前端面试题及答案(需更深入了解)

标签:定义   流行   需要   解析   bsp   答案   his   服务器端   破坏   

原文地址:https://www.cnblogs.com/lukelook/p/9987280.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!