JavaWeb总结
第1章 jsp
1.1 什么是jsp
Jsp全名为Java Server Pages，它是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网易技术标准，它是在传统的静态网页HTMl文件中插入Java程序段和JSP标记，形成JSP文件。用JSP开发的Web应用是跨平台的，可在多个操作系统上运行。
1.2 jsp三大指令
指令可以拥有很多属性，他们都以键值对的形式存在，并且以逗号隔开
|
属性 |
描述 |
|
buffer |
指定out对象使用缓冲区的大小 |
|
autoFlush |
控制out对象的 缓存区 |
|
contentType |
指定当前JSP页面的MIME类型和字符编码 |
|
errorPage |
指定当JSP页面发生异常时需要转向的错误处理页面 |
|
isErrorPage |
指定当前页面是否可以作为另一个JSP页面的错误处理页面 |
|
extends |
指定servlet从哪一个类继承 |
|
import |
导入要使用的Java类 |
|
info |
定义JSP页面的描述信息 |
|
isThreadSafe |
指定对JSP页面的访问是否为线程安全 |
|
language |
定义JSP页面所用的脚本语言，默认是Java |
|
session |
指定JSP页面是否使用session |
|
isELIgnored |
指定是否执行EL表达式 |
|
isScriptingEnabled |
确定脚本元素能否被使用 |
1.2.1Page指令
<%@page...%>定义网页依赖属性，比如脚本语言、error页面、缓存需求等等
1.2.2Include指令
1.2.3Taglib指令
language ： java 指定页面里面可以使用java语言，其实就是可以使用java代码
contentType : text/html;charset=utf-8 用于表示当前页面的内容类型以及使用的编码。 这个属性其实是告诉浏览器的。
pageEncoding ： 页面内容编码。
session ： 表示页面中是否可以直接使用 session 对象，其实对应背后的是 ，jsp翻译成java后，在代码里面时候会调用 getSession() . 创建内置session对象。 默认是true。表示会创建session对象
isELIgnored ： 表示 页面中是否忽略EL表达式， 通俗的说是： 页面能够识别jsp表达式。
errorPage ： 表示该界面假设有错误，那么会跳转到哪个页面去。 要求的值是一个页面地址。
isErroPage : 这个属性与上面的是分开的。 用于表示当前页面时错误页面。
第 6 章 JQuery的选择器
6.1 JQuery选择器.
JQuery的选择器类似于css选择器，用来选取两页中的元素. 实例:标签选择器 $(“h3”).css(“background”, ”red”);
- 1. 通过css 选择器选取元素: 基本选择器、层次选择器、属性选择器.
- 2. 通过过滤器选择元素: 基本过滤选择器、可见性过滤选择器.
3. 基本选择器又包括: 标签、类、ID、并集、全局选择器.
4. 层次选择器又包括: 后代选择器、子选择器、兄弟相邻选择器、同辈选择器.
5. 属性选择器又包括: 以......开头 符号是(“ ^ ”) 、以......结尾 符号是(“ $ ”) 、包含.....元素 符号是(“ * ”)、
6. 过滤选择器: 基本过滤选择器、可见性过滤选择器、内容过滤选择器、子元素过滤选择器、表单对象过滤选择器.
6.2 JQuery 各个选择器的实例.
1. 基本过滤选择器: :first 选取第一个元素.
实例: $(“ li:first ”)选取所有li中第一个.
:even 选取索引是偶数的所有元素.
实例: $(“ li:even ”)选取都是偶数的li元素. 索引都是从零开始的.
:odd 选取的索引是奇数的所有元素.
实例: $(“ li:odd ”)选取都是奇数的li元素. 索引都是从零开始的.
:not(selector) 选取去查处所有的与给定选择器匹配元素.
实例: $(“ li:not(three) ”)选取class不是three的元素.
:gt(index) 大于的(角标也是从零开始的)
$(“ :gt ”)
:lt(index) 小于的(角标从零开始)
$(“ :lt ”)
:focus 选取当前获得焦点的元素.
$(“ :focus ”)
:animated 选取所有动画.
$(“ :animated ”)
:header 选取所有标题元素.
实例: h1-h6. $(“ :header ”)
2. 可见性过滤选择器: :visible 选择所有可见的元素.
$(“ :visible ”).
:hidden 选择所有隐藏的元素.
$(“ :hidden ”)
实例: $(“ p:visible ”).hidden(); 将隐藏的显示.
$(“ p:hidden ”).show(); 将显示的隐藏.
第 7 章 JQuery中的事件与动画
7.1 jQuery中的事件
jQuery事件是对JavaScript事件的封装、常用事件分类.
7.2 基础事件
鼠标事件、键盘事件、window事件、表单事件.
7.3 复合事件
鼠标光标悬停事件、鼠标连续点击事件.
7.4 什么是鼠标事件
鼠标事件是当用户在文档上移动或点击鼠标的时候而产生的.
方法 描述 执行时机
触发或将函数绑定到指定元素
Click() 的click()事件. 单击鼠标时
Mouseover() 触发或将函数绑定到指定元素
的mouseover()事件. 鼠标指针移过时
Mouseseenter() 触发或将函数绑定到指定元素
的mouseseenter()事件. 鼠标指针进入时
MouseOut() 触发或将函数绑定到指定元素的
Mouseout()事件. 鼠标指针移出时
Mouseseleave() 触发或将函数绑定到指定元素的
Mouserseleave()事件. 鼠标指针离开时
7.5 什么是键盘事件
用户每次按下或者释放键盘上的键时都会产生事件，常用键盘事件.
方法 执行时机
Keydown() 按下键盘时
Keyup() 释放键盘时
keypress() 产生可打印的字符时 ( 与keydown()同时进行 )
7.6 绑定和移除事件
1. 绑定事件: bind(type,[data],fn); type是事件类型，主要包括click、mousseover、mouseout等基础事件，此外，还可以是自定义事件.
[ date ]是可选函数.
Fn : 处理函数.
注意: 绑定事件可以绑定多个事件.在绑定多个事件的时候是把 逗号” , ” 变成 “ : ”.
实例: 单个事件:
$(document).ready(function(){
$(“ on ”).bind (“ mouseover ”,function(){
$(“ topDown ”).show();
})
});
多个事件:
$(“ top-m.on ”).bind({
Mouseover:function(){
$(“topDown”).show();
},
Mouseout:function(){
$(“topDown”).show();
}
}),
2.移除事件
移除事件使用unbind()方法
Unbind([type],[fn]);
Type: 事件类型包括blur、focus、click、mouseout等基础事件，此外，还可以是自定义事件.
Fn: 处理函数.
注意 : 移除事件只可以是一个.
实例:
$(“ #h1 ”).click(function(){
$(“ #nav li:first ”).unbind(“ click ”, content)
});
7.7 复合事件
Hover()方法、toggle()方法.
toggle方法用于模拟鼠标连续click事件.
toggleClass() 可以对样式进行切换.
Hover实例: hover(enter,leave);
Toggle实例: toggle(fn1,fn2,.....fnN); toggle()方法不带参.
7.8 控制元素显示隐藏
Show()控制元素显示，hide()控制元素的 隐藏.
语法:
Show: $(selector).show([ speed ],[ callback ]);
Hide: $(selector).hide([ speed ],[ callback ]);
Speed: 可选，表示速度默认为零，可能值: 毫秒(如1000)、slow、normal、fast.
Hide: 可选，表示show函数执行完后，要执行的函数.
7.9 改变元素的透明度 fadeln
Fadeln()和fadeOut可以通过改变元素的透明度实现淡入淡出的效果.
语法:
Fadeln: $(selector).fadeln([speed],[callback]);
fadeOut: $(selector).fadeOut([ speed ],[ callback ]);
Speed: 可选。规定元素从隐藏到可见的速度。默认为 “normal”.
可能的值：
- 毫秒 (比如 1500)
- “slow”
- “normal”
- “fast”
在设置速度的情况下，元素从隐藏到可见的过程中，会逐渐地改变其透明度(这样会创造淡入效果).
Callback: 可选。fadeIn 函数执行完之后，要执行的函数。
如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。
除非设置了 speed 参数，否则不能设置该参数。
7.10 改变元素的高度
slideDown(): 可以使元素逐渐延伸的显示.
Slideup(): 可以让元素逐步缩短直至隐藏.
7.11 自定义动画
Animate: jQuery animate() 方法允许您创建自定义的动画。
语法: $(selector).animate({params},speed,callback);
Params: 必需的 params 参数定义形成动画的 CSS 属性。
Speed: 可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒.
Callback: 可选的 callback 参数是动画完成后所执行的函数名.
实例: $(“button”).click(function(){
$(div)animate({left:’250px’}).
});
解释: 就是利用animate函数，使这个 div 动起来 ，向左移动250px.
第8章 使用jQuery操作DoM
8.1 DoM的操作
Dom的操作大致可以分为三类:
DoM core、 css-DoM、 HTML-DoM.
8.2 html()和text()方法的区别
语法格式 参数说明 功能描述
Html() 无参 用于获取第一个匹配元素的Html内容或者文本内容.
Html(content) content为元素 用于设置所有匹配元素的HTML内容或者文本内容.
的HTML内容
Text() 无参数 用于获取所有匹配元素的文本内容.
Text(content) content为元素 用于设置所有匹配元素的文本内容.
的文本内容
8.3 属性值操作
Val() 可以获取活设置元素的value属性值.
语法:
$(this).val();或者是$(this).val(value);
Val: 获取元素的value属性值.
Value: 设置元素value的属性值.
8.4 创建节点元素
工厂函数: $( “” )用于获取或创建节点.
$(selector): 通过选择器来获取节点.
$( element ): 把DoM节点转换成jQuery节点.
$(html): 使用HTML字符串创建jQuery节点.
8.5 插入节点
元素内部插入节点.
语法 功能
Append(content) $(A).append(B)将b追加至a中
AppendTo(content) $(A).appendTo(B)表示把A追加至B中
Prepend(content) $(A).prepend(B)表示将B前置插入到A中
Prepend(content ) $(A).prependTo(B)表示将A前置插入到B中
8.6 B/S 和 C/S的区别
B/S架构 C/S架构
软件安装 浏览器 需要专门的客户端应用
升级维护 客户端零维护 客户端需要单独维护、升级
平台相关 与操作系统 对客户端一般操作系统一般
平台关系最小化 有限制
性能安全 在响应速度和安全性上 能充分发挥客户端处理能力
需要花费更多设计成本 客户端响应快
8.7 B/S的步骤
@1用户输入——>@2客户端的请求信息——>@3应用服务器—访问—>数据库服务器—返回—>应用服务器——>@4从服务器端检索到的信息——>@1用户输入
||
解释执行的HTML文件
||
URL的组成:
Http://locallhost:8080/news/index.html
|| || ||
协议部分 主机IP地址， 项目资源
端口号 地址
8.8 元素外部插入同辈节点
语法 解释 实例
After(content) $(A).after(B) 表示将B插到A之后
Insert After(content) $(A).insert After(B) 表示将A插入到B之后
Befoer(content) $(A).before(B) 表示将A插入到B之前
insertBefore(content) $(A).insertBefore(B) 表示将A插入到B之前
8.9 删除节点
语法 解释 实例
Remove(): 删除整个节点. $(selector).remove([url]);
Empty(): 清空节点内容,留下小框. $(selector).empty();
Detach(): 删除整个节点, 保留元素绑定事件、附加的数据.
8.10 替换节点
replaceWitch
两者关系相当于append() 和appendTo().
replaceAll
8.11 复制某个节点
Clone 复制某个节点.
$(selector).clone([include Events]);
Include Events:里面是参数true false，参数为true则进行复制，false则反之.
8.12 获取 与 设置 元素属性
Attr()用来获取和设置元素属性.
Attr 可以 获取 多个 或者 单个:
获取单个: $(selector).attr([name]). 获取单个
获取多个: $(selector).attr([name:value1].....[nameN:valueN]); 获取多个
8.13 删除元素属性
含义: removeAttr()删除元素属性.
语法: $(selector).removeAttr(name)
实例: $(selector).removeAttr(“aaa”)
8.14 节点遍历
遍历子元素: children()方法可以用来获取元素的所有子元素.
语法: $(selector).children[expr];
实例: var $(section = $(“section”).children();
Alert(section.length);
Section : 获取section的子元素。但不包括子元素的子元素.
8.15 遍历同辈元素
jQuery可以获取紧邻其前和位于该元素前与后的所有同辈元素.
语法 功能
Next([expr]) 用于获取紧邻匹配元素之后的元素.
$(“li:eq(1)”).next().addClass(“aa”);
Prev([expr]) 用于获取紧邻匹配元素之前的元素.
$(“li:eq(1)”).prev().addClass(“orange”);
Prev([expr]) 用于获取位于匹配元素前面和后面的所有同辈元素.
$(“li:eq(1)”).sibings().addclass(“orange”);
8.16 遍历前辈元素
jQuery中可以遍历前辈 元素.
Parent(): 获取元素的父级元素.
Parents(): 元素元素的祖先元素.
8.17 其他遍历元素
Each() : 规定为每个匹配元素规定的函数.
语法: $(selector).each(function(inedx,element));
Index: 选择器当前的位置.
Element: 当前元素.
End(): 结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前状态.