2017-03-19,周末整理

  上一周过的还是很快的,而且学的知识也比较重要,在有了前端网页知识和了解了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):只要服务器不关,数据是有效的

 

posted @ 2017-03-19 14:31  寻方  阅读(82)  评论(0编辑  收藏  举报