前端部分
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的区别:
- jQuey中的页面加载完毕事件,表示的是页面结构被加载完毕。
- 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代码就能实现比较漂亮的有交互性的页面。
平时用的最多的:模拟框、表单、表单项、布局、