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):只要服務器不關，數據是有效的