jQuery对dom节点的增删改操作
1.增加 append() ;appendTo()
2.增加 外部插入insertAfeter();insertBefor()
3.删除 remove() removeAll()
4.替换 replaceWith()replacel()
jquery对css样式的操作
1.addClass()增加样式
2.removeClass()删除样式
3.toggleClass()有就删除,没有添加
4.offset()获取元素的坐标
eg:$().offset({
left:pageX,
top:pageY
})
jQuery的动画操作
传入传输1000表示这个动作执行1s;
show()
hide()
toggle()
淡入淡出动画
fadeln()
fadeout()
fadeTo()
fadeToggle()
jQuery事件
面试题:
$(function()}{})和window.onload = function(){}的区别?
他们分别是在什么时候触发?
1.jQuery是在页面加载完浏览器的内核解析完页面的标签,创建好dom对象之后马上执行
2.原生的js代码会在页面加载完成之后,除了要等待内核解析完标签创造好的对象,还会等标签显示是需要的内容加载完成之后会执行
他们的触发顺序?
jquery先执行,js代码在整个页面加载完成之后执行
3.他们的执行次数?
jQuery页面加载完成之后,会把全部注册的function函数依次赋值,而js只赋值一次,赋值的是最后一次函数
jquery其他事件处理方法:
mouseover()鼠标移入
mouseout()
mousemove()
bind()可以给元素一次性绑定多个事件
eg:$().bind(“mouseover mouseout” function(){})
one() 与bind相同,但不同的是他执行只有一次
unbind()与bind相反,接触事件的绑定
live() 没听懂
事件的冒泡
事件冒泡是父元素和子元素同时监听一个事件,当子元素触发事件时,也会传递到父元素去响应事件
在子元素函数体内使用return false;可以阻止事件的冒泡
事件对象
事件对象就是在给元素绑定一个事件的时候,将该事件当作一个参数传到function内,一般使用event来代表事件对象,event.type获取当前事件类型是什么
JavaWeb
web有静态web和动态web
静态web:客户端向服务器发送一次请求,然后服务器在web Service中查找所请求的资源,找到后将他返回
缺点:
页面无法动态更新,所有用户看到的都是同一个界面,无法做到千人千面,所有的轮播图之类的都是伪动态
无法与数据库进行交互(数据无法持久化)
动态web:
客户端向服务器发送一次请求,然后服务器在webServer plug中分配是请求的什么资源,如果是动态就去动态资源JSP/Servlet中查找,把查找结果返回到webserver中,静态的直接去webserver中查找,然后去相应的位置去找
缺点是:一但动态资源出现错误,我们就需要重新编写后台程序,也就需要停机维护(但这个缺点大多数人不认为他是缺点)
优点:
Web页面可以动态更新,所有用户看到都不是同一一个页面
它可以与数据库交互(数据持久化:注册,商品信息,页面信息)
服务器
服务器是一种被动的操作,用来处理用户的一些请求和给用户一些响应信息
技术讲解
ASP
微软
他在代码中潜入了许多业务代码(java),页面十分混乱,而且维护成本高
PHP
他开发速度快,功能强大,跨平台,代码简单
但是它无法承载大的访问量
国内大多数网站访问量都很大,所以他很难广泛使用
JSP
sun公司主推的B/S架构
基于java语言的,大多数公司的程序都是Java
可以承载三高问题带来的影响(高并发 高性能 高可用)
语法像ASP
所以使用广泛
tomact
面试题:谈谈网站是如何进行访问的
1.检查域名 回车
2.检查本机的c/windows/system32/drivers/etc/hosts配置文件下有没有这个域名的映射
有:直接返回对应的ip地址,此地址中有我们要访问的web程序可直接访问
没有:通过网络去dns服务器去找,找到返回,没有找到返回没有找到(404)
HTTP
http(超文本传输协议)是一个简单的请求响应协议,通产运行在tcp之上
端口:80
https 安全的http协议
端口:443
关于http的两个时代
http1.0
客户端可以与web服务器连接后,只能获取一次WEB资源,断开连接
http1.1
客户端可以与web服务器连接后,只能获取一次WEB资源,断开连接
HTTP请求和响应
http请求
请求行
请求行中的请求方式: GET
请求方式: Get,Post,HEAD,DELETE,PUT,TRACT…
get: 请求能够携带的参数比较少,大小有限制,会在浏览器的URL地址栏显示数据内容,不安全,但高
效
post:请求能够携带的参数没有限制,大小没有限制,不会在浏览器的URL地址栏显示数据内容,安全,
但不高效。
消息头
1.Accept:告诉浏览器,它所支持的数据类型
2.Accept-Encoding: 支持哪种编码格式GBK
UTF-8
GB2312
IS08859-1
3.Accept-Language: 告诉浏览器,它的语言环境
4.Cache-Control: 缓存控制
5.Connecti on:告诉浏览器,请求完成是断开还是保持连接
6.HOST: 主机
响应
响应体
响应状态码
200:请求成功
3xx:请求重定向
重定向就是就是通过各种方法将各种网络请求重新定个方向转到其它位置
4xx:找不到资源
404资源不存在
5xx:服务器代码错误 500 502网关错误;