2017-03-19，周末整理

Posted 2020-09-05

　　上一周过的还是很快的，而且学的知识也比较重要，在有了前端网页知识和了解了JS的前提下，这一周学习的是：JS代码的简化-jQuery，下一代网页编写标准-html5，提供更加强大的样式选择-css3，如何在服务器上发布项目、接收客户端请求动态响应页面；网页、服务器、java、数据库四者联系的工具-servlet。

　　下面就将详细地整理每一项内容：

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