java 面试视频总结 (3)

前端部分

1.简单说一下html  css  JavaScript 在网页开发的地位？ HTML超文本标记语言 是定义网页结构

CSS 层叠样式表 ，美化界面

JavaScript 主要用来验证表单，动态交互(ajax)

2.简单介绍Ajax

什么是Ajax ？

异步的JavaScript 和Xml

作用是什么？

使用Ajax可以不用刷新页面的情况下，就能完成对网页的局部更新。

怎么来实现Ajax XMlHttpRequest 对象？

使用这个对象可以异步向服务器发送请求，获取响应，完成局部更新。Open(打开请求)，send(发送请求)，responseText/reponseXml局部响应。

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

3.JS和jQuery关系

jQuery是一个js框架，封装了js的属性和方法。并且增强了js的功能，让用户使用起来更便利。

原来要处理js时要处理很多兼容问题，由jQuery封装了底层，就不用处理兼容性问题。原生的js的dom和事件绑定等操作非常麻烦，jQuery封装后操作非常方便。

4.jQuery常用选择器？

ID选择器     通过ID获取一个元素

Class选择器   通过类(css) 获取元素

标签选择器   通过标签获取元素

通用选择器    获取所有的元素

div.myCls  获取有myCls这个类的div

层次选择器：

①儿子选择器 > 获取下面的子元素

 ② 后代选择器  空格  获取下面的后代，包括儿子孙子等后代

属性选择器：

  Tag[attrName=”test”] 获取有属性名为xxx并且属性的值为test的所有xxx标签。

<input type=”checkbox” name=”hobby”/>吃饭<br/>

<input type=”checkbox” name=”hobby”/>睡觉<br/>

Input[name=”hobby”],表示获取属性名为name，并且name属性值为hobby的所有input的标签元素

5.jQuery的页面加载完毕事件？

很多时候我们需要获取元素，但是必须等到该元素被加载完成后才能获取，我们可以把JS代码放到该元素的后面，但是这样就会造成js在我们body在存在不好管理，所以页面加载完毕后，所有的元素当然已经加载完毕，一般获取元素做操作都要在页面加载完毕后操作。

第一种：

$(document).ready(function(){});

$(document)把原生的document这个dom对象转化为jQuery对象，转换完成后才能调用ready方法

Ready(fn) 表示的是页面结构被加载完毕后执行传入函数fn

第二种:$(function(){});当页面加载完毕后执行里面的函数。

和window.onload的区别：

1. jQuey中的页面加载完毕事件，表示的是页面结构被加载完毕。
2. Window.onload表示的是页面被加载完毕

<img src=”http://baidu.com/1.jpg”>onload必须等页面中的图片、声音、图像等远程资源被加载后才能调用，而jQuery中只需要页面结构被加载完毕。

6.jQuery的Ajax和原生Js实现Ajax有什么关系？

jQuery中的Ajax 也是通过原生js封装的。封装完成后让我们使用起来更加便利，不用考虑底层实现或兼容等处理

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

7.bootstrap是什么？

Bootstrap是一个移动设备优先的UI框架。我们可以不用写任何css，js代码就能实现比较漂亮的有交互性的页面。

平时用的最多的：模拟框、表单、表单项、布局、