2017-03-19,周末整理
上一周过的还是很快的,而且学的知识也比较重要,在有了前端网页知识和了解了JS的前提下,这一周学习的是:JS代码的简化-jQuery,下一代网页编写标准-html5,提供更加强大的样式选择-css3,如何在服务器上发布项目、接收客户端请求动态响应页面;网页、服务器、java、数据库四者联系的工具-servlet。
下面就将详细地整理每一项内容:
- jQuery
- 特点
- 是一个快速的、简洁的javascript库,能够使html页保持代码和html内容分离,只需要定义id就行了。主要是拥有强大的选择器功能。
- 轻量级:代码文件仅有26KB,链式语法:$('#p.surprise').addclass('ohmy').show('slow');
- CSS1-3选择器:支持CSS选择器选定DOM对象。
- 简单、易扩展。
- 载入:$document.ready(function(){});简写:$(function(){});可以多次使用,按顺序执行。$(elements)-将DOM元素转化成jQuery对象,并且拿到它,再用[i]选取该对象数组中的元素就是DOM对象。
- 选择器:
- 基本选择器:class\elements\id 层级选择器:ancestor descendant\parent->child\prev+next
- 简单选择器:even, odd, eq[index], last, first... 内容选择器:contains[text], empty, parent...
- 属性选择器:[attribute=value], [attribute!=value].... 表单选择器:button, checkbox, file,hidden....
- .....还有很多,w3c-school上很全面。
- 对DOM操作的方法和属性:attr(), html(), addclass(), text(), val(), append(), appendTo(), prepend(), prependTo() ,after(),before(),insertAfter(), css(), bind(), hover(), click(), show(), hide(), 等等非常强大的效果函数。
- 特点
- HTML5
- 对在HTML4中基本上用的是<div></div>的模式,对于应用较多的盒子定义了新的标签<header></header>, <footer></footer>, <section></section>, <nav></nav>, <aside></aside>...
- 在<form></form>中增加了许多输入型控件,tel, email, url, search, range, 还有一些表单新特性和函数如required。
- CSS3
- CSS3完全向后兼容,不需要考虑改变现有的设计。
- 新增border-radius, box-shadow, border-image, 这些新的属性,对于不同的浏览器需要加上前缀。如Chrome:-webkit-。background-size, background-origin, @font-face{font-family:xxx;src:url('xxx')} div{font-family:xxx;}
- CSS2D转换,translate()方法,rotate()方法,matrix()方法,....
- 过渡效果,transition()方法。
- servlet
- web静态和动态模型,CGI公告网关接口,Servlet是在服务器端以多线程的方式处理客户端请求的JAVA小程序,JSP(javaserverpage)
- CGI只是一个标准,WEB怎么与应用程序产生动态内容,并没有和语言紧耦合在一起,一个请求一个进程:?username=zhangsan&password=123
- servlet只是一个JAVA类。servlet容器是web服务器或应用服务器的一部分,它们提供处理request并发送response的网络服务。servlet容器包含并管理着servlet对象的生命周期。
- servlet接口有init(), service(), destroy(), getServletConfig(), getServletInfo(),五个方法。一般实际继承HttpServlet类,只需重写doGet(), doPost(),方法。
- 提交数据到服务器的方法:url重写,form表单的提交。
- 客户端重定向:response.sendRedirect("url"), 服务器端重定向:request.getRequestDispather('direct_url').forward(request,response);
- 四大作用域:
- 请求作用域(request - HttpServletRequest):一次请求,数据是有效的
- 会话作用域(session - HttpSessioin):一次会话(浏览器不关闭),数据是有效的,用来保存用户的登录信息
- 全局作用域(application - ServletContext):只要服务器不关,数据是有效的