极客学院－Html5个人笔记总结

元素：

元素也被称为块元素，其主要的组合HTML元素的容器。
元素：元素是内联元素，可作为文本的容器。

18,HTML布局
①div布局
②table元素布局

19，表单用于获取不同类型的用户输入

20，常用表单标签

表单

输入域

文本域 
   </div> 
   <div style="background-color:inherit">
      <label> 控制标签 
   </div> 
   <div style="background-color:inherit">
      <fieldset> 定义域 
   </div> 
   <div style="background-color:inherit">
      <legend>  域的标题 
   </div> 
   <div style="background-color:inherit">
      <select>  选择列表 
   </div> 
   <div style="background-color:inherit">
      <optgroup> 选项组 
   </div> 
   <div style="background-color:inherit">
      <option>  下拉列表选项 
   </div> 
   <div style="background-color:inherit">
      <button>  按钮 
   </div> 
   <div style="background-color:inherit"> 
    <br style="background-color:inherit"> 
   </div> 
   <div style="background-color:inherit">
     21，PHP环境搭建 
   </div> 
   <div style="background-color:inherit">
     网站： www.apachefriends.org 下载安装XAMPP 
   </div> 
   <div style="background-color:inherit">
     其中，运行 xx.hph的目录：/xampp/htdocs 
   </div> 
   <div style="background-color:inherit"> 
    <br style="background-color:inherit"> 
   </div> 
   <div style="background-color:inherit">
     打开eclipse--help-->install new  software 
   </div> 
   <div style="background-color:inherit">
     输入： http://download.eclipse.org/releases 
   </div> 
   <div style="background-color:inherit">
     找到：Programming Languages-->PHP Development Tools (PDT) 
   </div> 
   <div style="background-color:inherit">
     安装后重起，open perspective-->PHP 
   </div> 
   <div style="background-color:inherit">
     新建工程-->（将工作空间变化到 /xampp/htdocs） 
   </div> 
   <div style="background-color:inherit">
     或在拷贝xx.php 到/xampp/htdocs中 
   </div> 
   <div style="background-color:inherit">
     运行：在浏览器中输入：localhost/xx.php 
   </div> 
   <div style="background-color:inherit"> 
    <br style="background-color:inherit"> 
   </div> 
   <div style="background-color:inherit">
     22，表单提交数据和PHP交互 
   </div> 
   <div style="background-color:inherit">
     在PHP服务端：//$_GET:指的是用get方式提交; $_POST:post方式 
   </div> 
   <div style="background-color:inherit">
     echo "用户名".$_POST['name']."<br>密码".$_POST['password']; 
   </div> 
   <div style="background-color:inherit"> 
    <br style="background-color:inherit"> 
   </div> 
   <div style="background-color:inherit">
     在IDEA端：  
   </div> <form action=" http://localhost/MyService/Service.php" method="post"> 
   <div style="background-color:inherit"> 
    <br style="background-color:inherit"> 
   </div> 用户名：<input type="text" name="name"><br> 
   <div style="background-color:inherit"> 
    <br style="background-color:inherit"> 
   </div> 密 码：<input type="password" name="password"> 
   <div style="background-color:inherit"> 
    <br style="background-color:inherit"> 
   </div> <br> 
   <div style="background-color:inherit"> 
    <br style="background-color:inherit"> 
   </div> <input type="submit" value="提交"> 
   <div style="background-color:inherit"> 
    <br style="background-color:inherit"> 
   </div> </form> 
   <div style="background-color:inherit"> 
    <br style="background-color:inherit"> 
   </div> 
   <div style="background-color:inherit">
     23，HTML框架 
   </div> 
   <div style="background-color:inherit">
     框架标签（frame） 
   </div> 
   <div style="background-color:inherit">
     框架集标签（<frameset>） 
   </div> 
   <div style="background-color:inherit">
     常用标签：noresize:固定框架大小；cols:列；rows:行； 
   </div> 
   <div style="background-color:inherit">
     内联框架：iframe 
   </div> 
   <div style="background-color:inherit"> 
    <br style="background-color:inherit"> 
   </div> 
   <div style="background-color:inherit">
     24，HTML5背景 
   </div> 
   <div style="background-color:inherit">
     背景标签：background--图片背景 
   </div> 
   <div style="background-color:inherit">
     背景颜色：Bgcolor--颜色背景 
   </div> 
   <div style="background-color:inherit">
     颜色：是由一个十六进制符号来定义的。这些符号由红色，绿色和蓝色的值组成（RGB） 
   </div> 
   <div style="background-color:inherit">
     颜色值最小值：0（#00） 
   </div> 
   <div style="background-color:inherit">
     颜色值最大值：255（#FF） 
   </div> 
   <div style="background-color:inherit">
     红色：#FF0000 
   </div> 
   <div style="background-color:inherit">
     绿色：#00FF00 
   </div> 
   <div style="background-color:inherit">
     蓝色：#0000FF 
   </div> 
   <div style="background-color:inherit"> 
    <br style="background-color:inherit"> 
   </div> 
   <div style="background-color:inherit">
     25，HTML实体 
   </div> 
   <div style="background-color:inherit">
     HTML中预留字符串必须被替换成字符实体。 
   </div> 
   <div style="background-color:inherit">
     如：<  , >  ,  %  例：<html> 写成： <html> 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" width="382" style="font-size:12px; border-collapse:collapse; margin-top:10px; margin-bottom:10px; color:rgb(0,0,0); font-family:arial,宋体,sans-serif"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <th style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:23px; background-color:rgb(249,249,249)"> 
        <div style="color:rgb(51,51,51); background-color:inherit">
          显示结果 
        </div> </th> 
       <th style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:23px; background-color:rgb(249,249,249)"> 
        <div style="color:rgb(51,51,51); background-color:inherit">
          描述 
        </div> </th> 
       <th style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:23px; background-color:rgb(249,249,249)"> 
        <div style="color:rgb(51,51,51); background-color:inherit">
          实体名称 
        </div> </th> 
       <th style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:23px; background-color:rgb(249,249,249)"> 
        <div style="color:rgb(51,51,51); background-color:inherit">
          实体编号 
        </div> </th> 
      </tr> 
      <tr style="background-color:inherit"> 
       <td valign="center" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:22px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit"> 
         <br style="background-color:inherit"> 
        </div> </td> 
       <td valign="center" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:22px; background-color:inherit"> 
        <div style="min-width:2px; color:rgb(51,51,51); background-color:inherit">
          空格 
        </div> </td> 
       <td valign="center" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:22px; background-color:inherit"> 
        <div style="min-width:2px; color:rgb(51,51,51); background-color:inherit">
            
        </div> </td> 
       <td valign="center" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:22px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit"> 
         <br style="background-color:inherit"> 
        </div> </td> 
      </tr> 
      <tr style="background-color:inherit"> 
       <td valign="center" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:22px; background-color:inherit"> 
        <div style="min-width:2px; color:rgb(51,51,51); background-color:inherit">
          < 
        </div> </td> 
       <td valign="center" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:22px; background-color:inherit"> 
        <div style="min-width:2px; color:rgb(51,51,51); background-color:inherit">
          小于号 
        </div> </td> 
       <td valign="center" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:22px; background-color:inherit"> 
        <div style="min-width:2px; color:rgb(51,51,51); background-color:inherit">
          < 
        </div> </td> 
       <td valign="center" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:22px; background-color:inherit"> 
        <div style="min-width:2px; color:rgb(51,51,51); background-color:inherit">
          << p=""> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
           <a href="#" id="btn">提交</a> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     5，sortable（排序） 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
          $("#sortable").sortable();//可拖动排序 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit"> 
    <span style="background-color:inherit">二，Widgets（小部件）</span> 
   </div> 
   <div style="background-color:inherit">
     1，Accordion（折叠；手风琴效果） 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:27px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
           $("#accordion").accordion();//可折叠，手风琴效果 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     2，Autocomplete（自动填充） 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
            /*承载提示内容*/ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              var  autoTags=["iwen","ime","html","css","javascript","java","android", "ios"]; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              $("#tags").autocomplete({ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  source:autoTags//指定其资源 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              }); 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     3，Datepicker（时间选择器） 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
          $("#datepicker").datepicker();//事件选择器 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     4，Dialog( 对话框) 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
           $("#btn_dialog").button().on("click",function(){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  $("#div2").dialog();//弹出对话框 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              }); 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     5，ProgressBar( 进度条) 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
              pb =$("#pb"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          //  pb.progressbar({value:50}); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              pb.progressbar({max:100}); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              setInterval(changePb,100);//设置定时器 
        </div> 
        <div style="min-width:2px; background-color:inherit"> 
         <br style="background-color:inherit"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              /*设置改变pb进度条*/ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          function changePb(){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              current++; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              if(current>=100){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  current=0; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              } 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              pb.progressbar("option","value",current);//设置增加的数值： 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          } 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     6，Menu（菜单） 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
           $("#menu").menu({position:{at:"left bottom"}});//设置显示位置：左下方 
        </div> 
        <div style="min-width:2px; background-color:inherit"> 
         <br style="background-color:inherit"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
            .ui-menu:after{ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      content: "."; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      display: block; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      /*在左右两侧均不允许浮动元素。*/ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      clear: both; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      visibility: hidden; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      line-height: 0; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      height: 0; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  } 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  .ui-menu .ui-menu-item{ //条目的属性 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      display: inline-block; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      float: left; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      margin: 0; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      padding: 10; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      width: auto; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  } 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     7，Slider（滑动按钮） 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
            var slider=$("#slider"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          // slider.slider(); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
             var valueSpan= $("#span"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
             slider.slider({ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          //        change:function(e,ui){//传递两个参数，拖动后显示拖动值。 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          //            valueSpan.text(slider.slider("option","value")); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          //        } 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  slide:function(e,ui){//拖动过程中，不断变化着。 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      valueSpan.text(slider.slider("option","value")); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  } 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              }); 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     8，spinner( 下拉列表) 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
            /*下拉列表*/ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
             var sp=$("#input"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
             sp.spinner(); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
             sp.spinner("value","10"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
             $("#btn3").click(function(){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                 alert(sp.spinner("value"))//获取spinner的值 
        </div> 
        <div style="min-width:2px; background-color:inherit">
             }); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              /*Tags标签*/ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              $(function(){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  $("#tag").tabs(); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              }); 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit"> 
    <br style="background-color:inherit"> 
   </div> 
   <div style="background-color:inherit"> 
    <span style="background-color:inherit">三，Effects（效果）</span> 
   </div> 
   <div style="background-color:inherit">
     1，AddClass,Bind 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
           /*Addclass:改变的class，执行时间，动画效果，完成监听 
        </div> 
        <div style="min-width:2px; background-color:inherit">
               */ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              $(".div5").on("click",function(){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  $(this).addClass("changeddiv",1000,"easeInCirc",function(){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      alert("动画完成"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  }); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              }); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              $(document).click(function(){//点击执行百叶窗的效果：方向 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  $("#toggle").toggle("blind",{direction:"down"}); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              }); 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     2，Color Animation, hide, removeClass 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
             /*Animtion 修改背景*/ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              $("#btn_toggle").click(function(){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  $("#elem").animate({color:"green", 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  backgroundColor:"rgb(99,99,99)", 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  borderColor:"rgb(199,199,199)"}); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  /*向左逐渐隐藏，执行三秒*/ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  $("#toggle").hide("drop",{dirction:"left"},3000); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  /*RemoveClass:移除class*/ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  $(".div5").removeClass("changeddiv",1000,"easeInCirc",function(){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      alert("动画完成"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  }); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              }); 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     3，show,toggleClass 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
           /*逐渐显示*/ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  $("#toggle").show("drop",2000); 
        </div> 
        <div style="min-width:2px; background-color:inherit"> 
         <br style="background-color:inherit"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
               $(this).toggleClass("changeddiv",2000,"easeOutSine");//将添加和移出class集中一体 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <br style="background-color:inherit"> 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; background-color:inherit"> 
   <strong><span style="font-size:24px"><br style="background-color:inherit"> </span></strong> 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; background-color:inherit"> 
   <span style="background-color:inherit"><span style="background-color:inherit"><strong><span style="font-size:24px">第八部分，jQuery Mobile基础</span></strong></span></span> 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit"> 
   <span style="background-color:inherit"><br> </span> 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit"> 
   <span style="background-color:inherit">一，了解JQuery Mobile</span> 
   <div style="background-color:inherit">
     1，JQuery Mobile：是jQuery在手机上和平板设备上的版本，jQuery Mobile给主流移动平台带来jQuery核心库，与jQuery核心库一样，你不需要安装任何东西，只需将. js和. css文件直接包含到你的web页面中即可，这样，jQuery Mobile 的功能就好像被放到你的指尖，供你随时使用 
   </div> 
   <div style="background-color:inherit">
     2，jQuery Mobile事件：是针对移动端浏览器的事件。 
   </div> 
   <div style="background-color:inherit">
      触摸事件：当用户触摸屏幕是触发 
   </div> 
   <div style="background-color:inherit">
      滑动事件：当用户上下滑动时触发 
   </div> 
   <div style="background-color:inherit">
      定位事件：当设备水平或者垂直翻转时触发 
   </div> 
   <div style="background-color:inherit">
      页面事件：当页面显示，隐藏，创建，加载或未加载时触发 
   </div> 
   <div style="background-color:inherit">
     3，下载： http://jquerymobile.com/ 
   </div> 
   <div style="background-color:inherit">
     4，使用jQueryMobile 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
               
        </div> 
        <div style="min-width:2px; background-color:inherit">
              <meta name="viewport" content="width=device-width,initial-scale=1.0"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              <title>JQuery Mobile</title> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
               
        </div> 
        <div style="min-width:2px; background-color:inherit">
              <script src="js/jquery-2.1.3.min.js"></script> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              <script src="js/jquery.mobile-1.4.5.min.js"></script> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              <link href="css/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css"> 
        </div> 
        <div style="min-width:2px; background-color:inherit"> 
         <br style="background-color:inherit"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
            
        </div> 
        <div style="min-width:2px; background-color:inherit">
               
        </div> 
        <div style="min-width:2px; background-color:inherit">
              <div data-role="page"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                   
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  <div data-role="header" data-position="fixed"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <h1>这是头部</h1> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                   
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  <div role="main"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <p>Hello</p> <p>Hello</p> <p>Hello</p> <p>Hello</p> <p>Hello</p> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                   
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  <div data-role="footer" data-position="fixed"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <h1>这是脚部</h1> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  
        </div> 
        <div style="min-width:2px; background-color:inherit">
              </div> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit"> 
    <span style="background-color:inherit">二，Mobile Widgets</span> 
   </div> 
   <div style="background-color:inherit">
     1，page 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
           <a href="#pagetwo" data-transition="slide">跳转到第二个页面</a> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
           <a href="#pagetwo" data-rel="dialog">打开一个dialog</a> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     2，button 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
               <button>按钮</button> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <input type="button" value="按钮"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <a href="#" class="ui-btn ui-shadow">按钮</a> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                       
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <a href="#" class="ui-btn ui-icon-delete ui-btn-icon-notext ui-corner-all" >按钮</a> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                       
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <a href="#" class="ui-btn ui-btn-inline" >按钮1</a> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <a href="#" class="ui-btn ui-btn-inline" >按钮2</a> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                       
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <div data-role="controlgroup" data-type="horizontal"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <a href="#" class="ui-btn ui-shadow ui-btn-inline">按钮1</a> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <a href="#" class="ui-btn ui-shadow ui-btn-inline">按钮2</a> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <a href="#" class="ui-btn ui-shadow ui-btn-inline">按钮3</a> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                       
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <a href="#" class="ui-btn ui-btn-a ">主题1</a> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <a href="#" class="ui-btn ui-btn-b ">主题2</a> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     3，checkbox，radio，collapsible 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
                
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <label> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <input type="checkbox">苹果 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </label> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                       
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <fieldset data-role="controlgroup" data-type="horizontal"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <label> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <input type="checkbox">苹果 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          </label> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <label> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <input type="checkbox">苹果 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          </label> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <label> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <input type="checkbox">苹果 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          </label> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </fieldset> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                       
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <label> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <input type="radio" name="rl" id="man">男 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </label> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <fieldset data-role="controlgroup" > 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <label> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <input type="radio" name="rl" id="man">男 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          </label> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <label> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <input type="radio" name="rl" id="woman">女 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          </label> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </fieldset> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                       
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <div data-role="collapsible" data-collapsed="false"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <h4>Heading</h4> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <p>这是展开的内容</p> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <div data-role="collapsible" data-content-theme="false"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <h4>Heading</h4> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <p>这是展开的内容</p> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                       
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <div data-role="collapsible" data-content-theme="false"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <h1>系列</h1> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <ul data-role="listview"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <li><a href="#">item1</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <li><a href="#">item2</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <li><a href="#">item3</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          </ul> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </div> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     4，gird，listview 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:1469px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
            
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <div class="ui-grid-b"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <div class="ui-block-a"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <div class="ui-bar ui-bar-a">Hello A</div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <div class="ui-block-b"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <div class="ui-bar ui-bar-a">Hello B</div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <div class="ui-block-c"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <div class="ui-bar ui-bar-a">Hello C</div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                       
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <div class="ui-grid-b"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <div class="ui-block-a"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              Hello A 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <input type="button" data-theme="a" value="按钮"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <input type="button" data-theme="b" value="按钮"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <input type="button" data-theme="a" value="按钮"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <div class="ui-block-b"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                             Hello B 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <input type="button" data-theme="a" value="按钮"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <input type="button" data-theme="a" value="按钮"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <div class="ui-block-c"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <div class="ui-bar ui-bar-a">Hello C</div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <input type="button" data-theme="a" value="按钮"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <input type="button" data-theme="a" value="按钮"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <input type="button" data-theme="a" value="按钮"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                       
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <div class="ui-grid-solo"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <div class="ui-block-a"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <input type="button" value="按钮"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                       
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <ul data-role="listview" data-filter="true" data-inset="true"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">A</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">B</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">C</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </ul> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <form class="ui-filterable"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <input id="autoinput" data-type="search"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </form> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                       
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <ul data-role="listview" data-filter="true" data-filter-reveal="true" data-input="#autoinput" data-inset="true"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">A</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">B</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">C</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">B</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">D</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">A</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">E</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </ul> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                       
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <ul data-role="listview" data-autodividers="true" data-filter="true" data-inset="true"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">A</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">A</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">addd</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">B</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">Big ddd </a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">bbb </a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">C</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">Code</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">D</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <li><a href="#">E</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </ul> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     5，navbar, popup 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
              
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <div data-role="navbar"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <ul> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <li><a href="#" class="ui-btn-active">A</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <li><a href="#">B</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <li><a href="#">C</a></li> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          </ul> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                       
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <a href="#pp" data-rel="popup" class="ui-btn">弹出窗口</a> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <div data-role="popup" id="pp"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <p>这是一个弹出窗口</p> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </div> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                       
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <a href="#pop" data-rel="popup" data-position-to="window" data-transition ="fade"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <img src="images/logo11.png" class="pupphoto" style="width: 20%"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </a> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <div data-role="popup" id="pop"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                           
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <a href="#" data-rel="back" class="ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-notext ui-btn-right"></a> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <img src="images/logo11.png" class="popphoto" style="height: 500px"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </div> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     6,select，theme 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
          data-theme="b"//a或b主题 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              
        </div> 
        <div style="min-width:2px; background-color:inherit">
           
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      <div class="ui-field-contain"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          <select name="select-native-1" id="select-native-1" data-iconpos="left"> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <option value="1">这是第1个</option> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                               
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <option value="2" disabled="disabled">这是第2个</option> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <option value="3">这是第3个</option> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              <option value="4">这是第4个</option> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          </select> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      </div> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit"> 
    <strong>三，Mobile 事件</strong> 
   </div> 
   <div style="background-color:inherit">
     1，pageinit: 页面加载完成之后触发 
   </div> 
   <div style="background-color:inherit">
     2，tap: 触摸事件 
   </div> 
   <div style="background-color:inherit">
     3，taphold : 长按事件 
   </div> 
   <div style="background-color:inherit">
     4，swipe：滑动是处理 
   </div> 
   <div style="background-color:inherit">
     5，swileft：向左滑动 
   </div> 
   <div style="background-color:inherit">
     6，scrollstart：开始滚动时 
   </div> 
   <div style="background-color:inherit">
     7，scrollstop：停止滚动时 
   </div> 
   <div style="background-color:inherit">
     8，orientationchange:设备方向改变是触发 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
           <script> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  $(document).on("pageinit",function(){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          //            alert("hello"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          $(".p").on("tap",function(){//点击隐藏 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              $(this).hide(); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          }); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          $(".btn").on("taphold",function(){//长按隐藏 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              $(this).hide(); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          }); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          $(".p1").on("swipe",function(){//滑动隐藏 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              $(this).hide(); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          }); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          $(".btn1").on("swiperight",function(){//右滑动隐藏 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              $(this).hide(); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          }); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          $(document).on("scrollstop",function(){//长按隐藏 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                              alert("停止滑动了"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          }); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  }); 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; background-color:inherit"> 
   <strong><span style="font-size:24px"><br style="background-color:inherit"> </span></strong> 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; background-color:inherit"> 
   <span style="background-color:inherit"><span style="background-color:inherit"><strong><span style="font-size:24px">九部分  CreateJS基础</span></strong></span></span> 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit"> 
   <span style="background-color:inherit"><br> </span> 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit"> 
   <div style="background-color:inherit"> 
    <span style="background-color:inherit">一，Create JS介绍</span> 
   </div> 
   <div style="background-color:inherit">
     1，EaseJS 
   </div> 
   <div style="background-color:inherit">
     ①Create JS:  
   </div> 
   <div style="background-color:inherit">
     是一款HTML5游戏开发的引擎。是一套可以构建丰富交互体验的HTML5游戏的开源工具包，旨在降低HTML5项目的开发难度和成本，让开发者以熟悉的方式打造更具现代感的网络交互体验。 
   </div> 
   <div style="background-color:inherit">
     ②四款工具： 
   </div> 
   <div style="background-color:inherit">
     EaselJS: 用来处理HTML5的canvas。 
   </div> 
   <div style="background-color:inherit">
     TweenJS: 用来处理HTML5的动画调整和Javascript属性。 
   </div> 
   <div style="background-color:inherit">
     SoundJS: 用来帮助简化处理音频相关API 
   </div> 
   <div style="background-color:inherit">
     2，下载： http://createjs.com/ 
   </div> 
   <div style="background-color:inherit"> 
    <br style="background-color:inherit"> 
   </div> 
   <div style="background-color:inherit"> 
    <span style="background-color:inherit">二，Create JS基础</span> 
   </div> 
   <div style="background-color:inherit">
     1，容器 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
              /*创建舞台，文本，图形*/ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          var stage=new createjs.Stage("gameView"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          var gameView=new createjs.Container();//创建容器 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          stage.addChild(gameView); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          var text=new createjs.Text("Hello easeljs","26px Arial","#777"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          //stage.alpha=0.5;//半透明 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          //stage.x=100;//移动舞台里的内容 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          //stage.y=100; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          //stage.scaleX=2;//缩放舞台里内容 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          //stage.scaleY=0.5; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          var Rect=new createjs.Shape();//创建图形 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          Rect.graphics.beginFill("#FF0000");//设置颜色 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          Rect.graphics.drawRect(50,50,50,50);//参数1：x,参数2：y,参数3：宽度，参数4：高度。 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          gameView.addChild(text);//添加到容器中 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          gameView.addChild(Rect); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          /*引入js,添加container*/ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          var c =new ChildContainer(); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          c.x=200;//移动 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          c.y=200; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          gameView.addChild(c); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          stage.update();//刷新 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     2，绘图 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit"> 
         <span style="font-size:undefined; background-color:inherit">/*对圆的封装*/</span> 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          function Cricle(){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              createjs.Shape.call(this);//。调用不加（） 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              this.setCircleType=function(type){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  this._cricleType=type; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  switch (type){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      case Cricle.TYPE_RED: 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          this.setColor("#ff0000"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          break; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                      case Cricle.TYPE_GREEN: 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          this.setColor("#00ff00"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                          break; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  } 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              }; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              this.setColor=function (color){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  this.graphics.beginFill(color); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  this.graphics.drawCircle(0,0,50); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  this.graphics.endFill(); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              } 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              this.setCircleType(Cricle.TYPE_RED);//设置默认颜色 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          } 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          Cricle.prototype=new createjs.Shape();//设置图形的入口 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          Cricle.TYPE_RED=1;//设置常量 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          Cricl 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     3，事件 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
          Rect.addEventListener("click",function(e){//点击获取位置 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              alert("X=:"+ e.localX+", Y=:"+ e.localY); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          }); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          Ellipse.addEventListener("dblclick",function(){//点击获取位置 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              alert("双击了事件"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          }); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          /*Ticker:类似计时器，实时更新舞台*/ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          createjs.Ticker.setFPS(20);//设置 帧数/s 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          createjs.Ticker.addEventListener("tick",handlerTick); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          var speedX=10; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          function handlerTick(){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              /*通过限制增加的范围实现，左右不断移动*/ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              if(Rect.x<=0){//左边 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  speedX=Math.abs(speedX); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              } 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              if(Rect.x>=350){//右边-方块宽 
        </div> 
        <div style="min-width:2px; background-color:inherit">
                  speedX=-Math.abs(speedX); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              } 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              Rect.x+=speedX; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              stage.update(); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          } 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit"> 
    <span style="background-color:inherit">三，Create JS控件</span> 
   </div> 
   <div style="background-color:inherit">
     1，Text 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
          /*1,创建文本*/ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          var text=new createjs.Text("Hello easeljs","26px Arial","#777"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          text.x=50; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          text.y=50; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          text.rotation=10; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          var  rect=new createjs.Shape(); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          rect.x=text.x; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          rect.y=text.y; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          rect.rotation=text.rotation; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          stage.addChildAt(rect,0);//添加带有子元素的 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          createjs.Ticker.setFPS(10); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          createjs.Ticker.addEventListener("tick",handlerTicker); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          function handlerTicker(e){ 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              count++; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              text.text="Hello easeljs"+count+"!" 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              //每次text增加宽度，重绘rect 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              rect.graphics.clear().beginFill("#F00").drawRect(-10,-10,text.getMeasuredWidth()+10,50); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
              stage.update(e); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          } 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit">
     2，Bitmap 
   </div> 
   <div style="background-color:inherit"> 
    <table border="1" style="font-size:undefined; border-collapse:collapse; margin-top:10px; margin-bottom:10px; background-color:inherit"> 
     <tbody style="background-color:inherit"> 
      <tr style="background-color:inherit"> 
       <td valign="top" style="word-break:break-all; border:1px solid rgb(153,153,153); padding:5px 10px; min-height:25px; min-width:25px; height:25px; width:579px; background-color:inherit"> 
        <div style="min-width:2px; background-color:inherit">
          var bitmap=new createjs.Bitmap("images/e1.png"); 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          bitmap.x=300; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          bitmap.y=300; 
        </div> 
        <div style="min-width:2px; background-color:inherit">
          gameView.addChild(bitmap); 
        </div> </td> 
      </tr> 
     </tbody> 
    </table> 
   </div> 
   <div style="background-color:inherit"> 
    <span style="background-color:inherit">四，CreateJS之TweenJS</span> 
   </div> 
   <div style="background-color:inherit"> 
    <br style="background-color:inherit"> 
   </div> 
   <div style="background-color:inherit"> 
    <span style="background-color:inherit">五，CreateJS 与flash生成js文件交互</span> 
   </div> 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; background-color:inherit"> 
   <strong><span style="font-size:24px"><br style="background-color:inherit"> </span></strong> 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; background-color:inherit"> 
   <span style="background-color:inherit"><span style="background-color:inherit"><strong><span style="font-size:24px">第十部分，TypeScript基础</span></strong></span></span> 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit"> 
   <br style="background-color:inherit"> 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; background-color:inherit"> 
   <span style="background-color:inherit"><span style="background-color:inherit"><strong><span style="font-size:24px">第十一部分，实战开发</span></strong></span></span> 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; background-color:inherit"> 
   <span style="background-color:inherit"><span style="background-color:inherit"><strong><span style="font-size:24px"><br> </span></strong></span></span> 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    1，围住神经猫 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    2，看你有多色 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    3，冰桶挑战 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    4，打企鹅 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    5，语音识别 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    6，极客学院页面-用户中心 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    7，极客学院页面-播放视频 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    8，极客学院页面-路径图 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    9，标签切换效果 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    10，回到顶部功能 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    11，导航栏 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    12，Tooltip 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    13，幽灵按钮 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    14，列表切换 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    15，侧边栏固定 
  </div> 
  <div style="widows:auto; font-family:"Microsoft YaHei",STXihei; font-size:14px; background-color:inherit">
    16，照片墙 
  </div> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    
                    <div id="SOHUCS" sid="1275269905897242624"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js"></script>
                    
                    <div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
                </div>
                <div class="col-md-3">
                    <div class="row" id="ad">
                        
                        <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_1"> </div>
                        </div>
                        
                        <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_2"></div>
                        </div>
                        
                        <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(极客学院－Html5个人笔记总结)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1835514462770130944.htm"
                           title="斤斤计较的婚姻到底有多难？" target="_blank">斤斤计较的婚姻到底有多难？</a>
                        <span class="text-muted">白心之岂必有为</span>

<div>很多人私聊我会问到在哪个人群当中斤斤计较的人最多？我都会回答他，一般婚姻出现问题的斤斤计较的人士会非常多，以我多年经验，在婚姻落的一塌糊涂的人当中，斤斤计较的人数占比在20～30%以上，也就是说10个婚姻出现问题的斤斤计较的人有2-3个有多不减。在婚姻出问题当中，有大量的心理不平衡的、尖酸刻薄的怨妇。在婚姻中仅斤斤计较有两种类型：第一种是物质上的，另一种是精神上的。在物质与精神上抠门已经严重的影响</div>
                    </li>
                    <li><a href="/article/1835513568917811200.htm"
                           title="随笔 | 仙一般的灵气" target="_blank">随笔 | 仙一般的灵气</a>
                        <span class="text-muted">海思沧海</span>

<div>仙岛今天，我看了你全部，似乎已经进入你的世界我不知道，这是否是梦幻，还是你仙一般的灵气吸引了我也许每一个人都要有一份属于自己的追求，这样才能够符合人生的梦想，生活才能够充满着阳光与快乐我不知道，我为什么会这样的感叹，是在感叹自己的人生，还是感叹自己一直没有孜孜不倦的追求只感觉虚度了光阴，每天活在自己的梦中，活在一个不真实的世界是在逃避自己，还是在逃避周围的一切有时候我嘲笑自己，嘲笑自己如此的虚无，</div>
                    </li>
                    <li><a href="/article/1835512809883004928.htm"
                           title="10月|愿你的青春不负梦想-读书笔记-01" target="_blank">10月|愿你的青春不负梦想-读书笔记-01</a>
                        <span class="text-muted">Tracy的小书斋</span>

<div>本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便</div>
                    </li>
                    <li><a href="/article/1835511163450912768.htm"
                           title="2021年12月19日，春蕾教育集团团建活动感受——黄晓丹" target="_blank">2021年12月19日，春蕾教育集团团建活动感受——黄晓丹</a>
                        <span class="text-muted">黄错错加油</span>

<div>感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼，也增长了不少知识。2.游戏过程中，我们贡献的是个人力量，展现的是团队的力量。它磨合的往往不止是工作的熟悉，更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上，每个人摆正自己的位置、各司其职充分发挥才能，并团结一致劲往一处使，才能实现最大的成功。新知:1.团队精神需要不断地创新。过去，人们把创新看作是冒风险，现在人们</div>
                    </li>
                    <li><a href="/article/1835507995350495232.htm"
                           title="三大师传" target="_blank">三大师传</a>
                        <span class="text-muted">beca酱</span>

<div>巴尔扎克的作品被誉为“法国社会的一面镜子”。文学大师维克多·雨果对巴尔扎克的评价是：“在最伟大的人物中间，巴尔扎克是名列前茅者；在最优秀的人物中间，巴尔扎克是佼佼者之一。”一个原本寂寂无名的小人物，从地中海的某个海岛上，只身一人来到巴黎，没有朋友，也没有名望。作为一个一文不名的外乡人，凭着赤手空拳赢得了巴黎，征服了整个法兰西，并且赢得了世界。这个人就是十九世纪法国伟大的军事家、政治家，法兰西第一帝</div>
                    </li>
                    <li><a href="/article/1835507612548952064.htm"
                           title="我的烦恼" target="_blank">我的烦恼</a>
                        <span class="text-muted">余建梅</span>

<div>我的烦恼。女儿问我：“你给学生布置什么作文题目？”“《我的烦恼》。”“他们都这么大了，你觉得他们还有烦恼吗？”“有啊！每个人都会有自己烦恼。”“我不相信，大人是没有烦恼的，如果说一定有的话，你的烦恼和我写作业有关，而且是小烦恼。不像我，天天被你说，有这样的妈妈，烦恼是没完没了。”女儿愤愤不平。每个人都会有自己的烦恼，处在上有老下有小的年纪，烦恼多的数不完。想干好工作带好孩子，想孝顺父母又想经营好自</div>
                    </li>
                    <li><a href="/article/1835504564879585280.htm"
                           title="直抒《紫罗兰永恒花园外传》" target="_blank">直抒《紫罗兰永恒花园外传》</a>
                        <span class="text-muted">雷姆的黑色童话</span>

<div>没看过《紫罗兰永恒花园》的我莫名的看完了《紫罗兰永恒花园外传》，又莫名的被故事中的姐妹之情狠狠地感动了的一把。感动何在：困苦中相依为命的姐妹二人被迫分离，用一个人的自由换取另一个人的幸福。之后，虽相隔不知几许依旧心心念念彼此牵挂。这种深深的姐妹情谊就是令我为之动容的所在。贝拉和泰勒分别影片开始，海天之间一个孩童凭栏眺望，手中拿着折旧的信纸。镜头一转，挑灯伏案的薇尔莉特正在打字机前奋笔疾书。这些片段</div>
                    </li>
                    <li><a href="/article/1835502536786800640.htm"
                           title="我的黑历史" target="_blank">我的黑历史</a>
                        <span class="text-muted">袖手围观有来有去</span>

<div>孩子同学与我们一起共进晚餐，俩孩子加我三个人。小同学是一个大方率性礼貌的小孩，我们也都非常喜欢。好了，回到正题上来让我把这个故事讲完。俩孩子都喜欢吃鱼，所以就发生了小孩子之间常会发生的事。我狠狠的盯了我家孩子，孩子表情有些狼狈。和孩子单独一起的时候，见她尚未释怀，并谴责我不该狠盯她，让她没面子。也许是她触动了我的童年往事吧。由此，一狠心，给她讲了一段埋藏心里极深的黑历史：我奶奶有四个儿子，四个儿子</div>
                    </li>
                    <li><a href="/article/1835501383751659520.htm"
                           title="《中华小厨师》单行VS爱藏：姜是老的辣，书是新的好" target="_blank">《中华小厨师》单行VS爱藏：姜是老的辣，书是新的好</a>
                        <span class="text-muted">cicoky</span>

<div>《汉书·郦食其传》有曰：“王者以民为天，而民以食为天。”自古以来，吃饱饭是每一个人的基本要求，而吃好饭却是每一个人的最终追求。于是，厨师这一职业孕育而生，其渊源之久，甚至可追溯到4000年前的奴隶时代。职业本身无贵贱，但职业能力却有高低之分。所以一家餐馆生意好不好，厨师的水平决定一切，而站在所有厨师顶端的就被称之为“特级厨师”。今天要说的就是一个关于“特级厨师刘昴星”的故事。连载历程1995年第4</div>
                    </li>
                    <li><a href="/article/1835500750684385280.htm"
                           title="拥有断舍离的心态，过精简生活--《断舍离》读书笔记" target="_blank">拥有断舍离的心态，过精简生活--《断舍离》读书笔记</a>
                        <span class="text-muted">爱吃丸子的小樱桃</span>

<div>不知不觉间房间里的东西越来越多，虽然摆放整齐，但也时常会觉得空间逼仄，令人心生烦闷。抱着断舍离的态度，我开始阅读《断舍离》这本书，希望从书中能找到一些有效的方法，帮助我实现空间、物品上的断舍离。《断舍离》是日本作家山下英子通过自己的经历、思考和实践总结而成的，整体内涵也从刚开始的私人生活哲学的“断舍离”升华成了“人生实践哲学”，接着又成为每个人都能实行的“改变人生的断舍离”，从“哲学”逐渐升华成“</div>
                    </li>
                    <li><a href="/article/1835498925755297792.htm"
                           title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a>
                        <span class="text-muted">STU学生网页设计</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a>
                        <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div>
                    </li>
                    <li><a href="/article/1835498547785592832.htm"
                           title="【华为OD机试真题2023B卷 JAVA&JS】We Are A Team" target="_blank">【华为OD机试真题2023B卷 JAVA&JS】We Are A Team</a>
                        <span class="text-muted">若博豆</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>华为OD2023（B卷）机试题库全覆盖，刷题指南点这里WeAreATeam时间限制：1秒|内存限制：32768K|语言限制：不限题目描述：总共有n个人在机房，每个人有一个标号（1<=标号<=n），他们分成了多个团队，需要你根据收到的m条消息判定指定的两个人是否在一个团队中，具体的：1、消息构成为：abc，整数a、b分别代</div>
                    </li>
                    <li><a href="/article/1835498347960561664.htm"
                           title="万物难度不度己" target="_blank">万物难度不度己</a>
                        <span class="text-muted">边度512</span>

<div>你好，陌生人！你是否有过迷茫，在别人的面前自己却不曾展示！你是否自己承担着所有的痛苦，却又笑对人生！你是否在很多时候想找人诉说，翻开手机却发现，手机里面空无一人！你是否有很多事情想做，最后却因你自己拖延，最后发现自己什么都做不了！对没有错，我的名字就叫你是否！不要怀疑！不要悲伤！我们的生活可是还有很到要继续的呢！还有很多那个人，很多地方我们都没有去过！所以我们已经没有退路了！那就继续向前吧！加油！</div>
                    </li>
                    <li><a href="/article/1835496439728402432.htm"
                           title="2019-08-08" target="_blank">2019-08-08</a>
                        <span class="text-muted">65454</span>

<div>东莞家庭聚会出行旅游去哪里玩住？想起来有很久没有和家里人聚会啦，这次组织家人来到威廉古堡别墅轰趴，一大家子27个人，在别墅订了一天办，玩的非常的开心，小孩子玩游戏机，也很放心不会丢，我们就在唱歌、打麻将、打桌球一系列的活动，还准备小次等小孩生日在别墅举办，还可以给孩子做一个生日的策划</div>
                    </li>
                    <li><a href="/article/1835496441078968320.htm"
                           title="2.0践行没有你的参与就不完美" target="_blank">2.0践行没有你的参与就不完美</a>
                        <span class="text-muted">x秀丽x</span>

<div>亲爱的伙伴们早上好，今天早上我们开了一次班委竞选的会议，全程只有20多个人参与，宫班本着对大家负责任的态度告诉我们，此次竞选作废，原因是这没有达到2.0的100%参会要求，如果没有大家的参与那么这个班委选出来还有什么意义，这说明选出来的人也是不一定是我们大家心目中认可的那个人，所以为了让大家的这个90天能够更好的激发出自己的的“做”的能力，那么要从第一次竞选班委的会议开始做到100%出席会议，竞选</div>
                    </li>
                    <li><a href="/article/1835496149843275776.htm"
                           title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a>
                        <span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a>
                        <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div>
                    </li>
                    <li><a href="/article/1835496148601761792.htm"
                           title="HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动</a>
                        <span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div>
                    </li>
                    <li><a href="/article/1835493650692403200.htm"
                           title="其二" target="_blank">其二</a>
                        <span class="text-muted">十八尾喵</span>

<div>你知道吗？图片发自App我今天知道了你有喜欢的人，不是我。心空空的，整个人都不是我的了。可，怎么办？还是要好好的活着，毕竟你喜欢的人，我不能杀，可是我可以杀其他喜欢你的人呀！也罢，此生无缘，来世再见。鱼干</div>
                    </li>
                    <li><a href="/article/1835493135753506816.htm"
                           title="人怎么才能认识自己？" target="_blank">人怎么才能认识自己？</a>
                        <span class="text-muted">阿尚青子自由写作人</span>

<div>人怎么才能认识自己？（原问题）我从不愿意上纲上线地确定偌大的话题，就直接说吧。纵使你能认识世界上的万事万物，你很难做到真实地认识自己。因为即使就这个世界，基本上每个人也很难做到客观、公正、科学地认识。对你好的人就是好吗？一件事情是否能够保持永远原来的样子？借不到钱的男友，女友想离开他就理直气壮？父母对子女有几分慷慨，又有几分是无私？工作的意义究竟是什么？是工作需要你，还是你需要工作呢？诸如此类的问</div>
                    </li>
                    <li><a href="/article/1835492880198758400.htm"
                           title="2022-11-17" target="_blank">2022-11-17</a>
                        <span class="text-muted">无奇君</span>

<div>又去了一次社康，这次是急性支气管炎……太难了。半夜就猛咳，天天咳醒，还好他戴海绵耳塞睡吵不到他，要不然对他来说也是种煎熬。一累也会猛咳，希望这次是最后一次吃药，吃完就好。又想把头发剪短了，顺便染个色。可是刚刚去看人家还没开门，不是休息日老板好佛系。理发店是个夫妻店，一年多前刚搬来的时候老板还没对象呢，当时聊天老板就说希望能找个对象一起两个人守着店都比上班强。不久后再去他已经有对象了，而且在店里帮忙</div>
                    </li>
                    <li><a href="/article/1835492243260141568.htm"
                           title="如何成为段子手" target="_blank">如何成为段子手</a>
                        <span class="text-muted">欣雅阅读</span>

<div>我是一个尬聊大师，与朋友聊天经常把话题聊死，留我一个人在群里，望着自己打下的最后一句话无语凝噎。看到风趣幽默的朋友与人聊天，很是艳羡，觉得自己何时才能成为这样的段子手呢？一、段子是什么？“段子”一词在百度百科上的解释：本是相声中的一个艺术术语，指的是相声作品中一节或一段艺术内容。我的理解：段子就是一些搞笑的故事或者笑话。二、为什么要会说段子？不知道大家有没有这样的朋友，本来很无趣的聚会，只要有他参</div>
                    </li>
                    <li><a href="/article/1835490974911000576.htm"
                           title="python os 环境变量" target="_blank">python os 环境变量</a>
                        <span class="text-muted">CV矿工</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/numpy/1.htm">numpy</a>
                        <div>环境变量：环境变量是程序和操作系统之间的通信方式。有些字符不宜明文写进代码里，比如数据库密码，个人账户密码，如果写进自己本机的环境变量里，程序用的时候通过os.environ.get（）取出来就行了。os.environ是一个环境变量的字典。环境变量的相关操作importos"""设置/修改环境变量：os.environ[‘环境变量名称’]=‘环境变量值’#其中key和value均为string类</div>
                    </li>
                    <li><a href="/article/1835490966987960320.htm"
                           title="闲鱼鱼小铺怎么开通？鱼小铺开通需要哪些流程？" target="_blank">闲鱼鱼小铺怎么开通？鱼小铺开通需要哪些流程？</a>
                        <span class="text-muted">高省APP大九</span>

<div>闲鱼鱼小铺是平台推出的一个专业程度的店铺，与普通店铺相比会有更多的权益，比如说发布的商品数量从50增加到500；拥有专业的店铺数据看板与分析的功能，这对于专门在闲鱼做生意的用户来说是非常有帮助的，那么鱼小铺每个人都能开通吗？大家好，我是高省APP联合创始人蓓蓓导师，高省APP是2021年推出的电商导购平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个可省钱佣金高，能</div>
                    </li>
                    <li><a href="/article/1835490712716668928.htm"
                           title="第六集如何安装CentOS7.0，3分钟学会centos7安装教程" target="_blank">第六集如何安装CentOS7.0，3分钟学会centos7安装教程</a>
                        <span class="text-muted">date分享</span>

<div>从光盘引导系统按回车键继续进入引导程序安装界面，选择语言这里选择简体中文版点击继续选择桌面安装下面给系统分区选择磁盘，点击完成选择基本分区，点击加号swap分区,大小填内存的两倍在选择根分区，使用所有可用的磁盘空间选择文件系统ext4点击完成，点击开始安装设置root密码，点击完成设置普通用户和密码，点击完成整个过程持续八分钟左右根据个人配置不同，时间长短不同好，现在点击重启系统进入重启状态点击本</div>
                    </li>
                    <li><a href="/article/1835490327234965504.htm"
                           title="心有蓝天白云，爱情便会晴空万里，然后有花香有鸟鸣有美好的未来" target="_blank">心有蓝天白云，爱情便会晴空万里，然后有花香有鸟鸣有美好的未来</a>
                        <span class="text-muted">曹十二吖</span>

<div>丁南的婚姻，来自于一场她对生命的对比。她曾经说过，当她最爱的母亲用生命去逼迫她结婚的时候，她曾一度不理解到愤怒，甚至于想过用轻生来对抗母亲的不理智。庆幸的是，丁南是一个自我调节能力非常强的人，她想如果我连死亡都不怕，还怕不能经营好一段婚姻吗？抱着这样的念头，24年没有谈过恋爱的她，用短短三个月的时间，完成了少女到女人的蜕变。她曾经说过：“我要把自己最珍贵的东西留给自己命中注定的那个人。”闺蜜几人中</div>
                    </li>
                    <li><a href="/article/1835490218409553920.htm"
                           title="01-Git初识" target="_blank">01-Git初识</a>
                        <span class="text-muted">Meereen</span>
<a class="tag" taget="_blank" href="/search/Git/1.htm">Git</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a>
                        <div>01-Git初识概念：一个免费开源，分布式的代码版本控制系统，帮助开发团队维护代码作用：记录代码内容。切换代码版本，多人开发时高效合并代码内容如何学：个人本机使用：Git基础命令和概念多人共享使用：团队开发同一个项目的代码版本管理Git配置用户信息配置：用户名和邮箱，应用在每次提交代码版本时表明自己的身份命令：查看git版本号git-v配置用户名gitconfig--globaluser.name</div>
                    </li>
                    <li><a href="/article/1835487791912415232.htm"
                           title="似乎老是忘记什么东西" target="_blank">似乎老是忘记什么东西</a>
                        <span class="text-muted">灰台</span>

<div>S带上了耳机，眼前的一切都与她隔绝开来。虽是初春的好天气，花都开的正鲜艳，行人也都驻足欣赏，还有不少怀着好心情的年轻人在花树下打闹。不过S似乎并不在意这些，连耳机传来的rap也没有调动起她的兴致。一瞬间，心脏好像变成了黑洞，“啊，我身边还有几个人呢，似乎没有了吧”。阳光的温度覆盖到了脖子上，S抬头看了看开满花的树，“我妈好像还挺喜欢花的”，S随手拍了一张照片，微信发到自己一家三口的群里。过了一会，</div>
                    </li>
                    <li><a href="/article/1835486010964799488.htm"
                           title="一个历史事件和查理一世走上断头台有很大关系，这个事件是什么？" target="_blank">一个历史事件和查理一世走上断头台有很大关系，这个事件是什么？</a>
                        <span class="text-muted">王老师聊围棋</span>

<div>今天我要讲的历史事件，查理一世被处死的始末。其实查理一世给被处死的时候，与一个事件有很大的联系。这个事件是“普莱德清洗”。提到这个事件，我们不得不提到一个人，这个人就是克伦威尔。可以说，查理一世能够走上断头台，克伦威尔有很大的功劳。为什么这么说呢。那我们就成英国内战的终结说起吧。我们都知道英国的内战是有保王党挑起来。在保王党军队一路凯歌进攻的同时。就在1645年6月14日，在纳西比荒原上进行最后的</div>
                    </li>
                    <li><a href="/article/1835485121088679936.htm"
                           title="《大兴安岭猎人传说》今年最好看的东北鬼怪故事，很优秀" target="_blank">《大兴安岭猎人传说》今年最好看的东北鬼怪故事，很优秀</a>
                        <span class="text-muted">一部电影</span>

<div>《大兴安岭猎人传说》是最新上映于愚人节的网剧，别看是网剧却远超出我的个人预料。该片由民俗故事改编，这点就很吸引人，因为民俗故事口口相传，比那些编造而成的鬼故事更具有了真实性，网大做的电影还不错哦，如果可以我打四星好评。大兴安岭的故事我们经常听老人提起，那里有原始大森林，物产丰富，更流传着精灵怪物的传说。什么红黄白柳灰，出马仙、人参娃娃的故事层出不穷，以大兴安岭为背景的故事真不少。可很多鬼片看到最后</div>
                    </li>
                    <li><a href="/article/1835482583782223872.htm"
                           title="读《人间鲁迅》有感" target="_blank">读《人间鲁迅》有感</a>
                        <span class="text-muted">琳语读书</span>

<div>上周读完《闻一多传》后，我对中国近代知识分子产生了兴趣，这周继续读了《人间鲁迅》。厚厚的两本书，记录了一个人的一生，苦痛，彷徨和挣扎，虽然只读了一小部分，却也心潮澎湃。闻一多和鲁迅是完全不同的。鲁迅是沉郁的，现实的，寂寞的，抗争的。除了天生性格的不同外，环境的塑造也是非常之大。鲁迅少年经历了家庭的变故，看尽了人间冷暖，世态炎凉。这种经历促使他很早就观察思考人生，立志用文学来改变中国国民的劣根。闻一</div>
                    </li>
                                <li><a href="/article/60.htm"
                                       title="Dom" target="_blank">Dom</a>
                                    <span class="text-muted">周华华</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                                    <div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml&q</div>
                                </li>
                                <li><a href="/article/187.htm"
                                       title="【Spark九十六】RDD API之combineByKey" target="_blank">【Spark九十六】RDD API之combineByKey</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a>
                                    <div>1. combineByKey函数的运行机制 
  
RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一 
  
首先看一下combineByKey的方法说明：</div>
                                </li>
                                <li><a href="/article/314.htm"
                                       title="msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解" target="_blank">msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E7%BD%AE%E5%AF%86%E7%A0%81/1.htm">设置密码</a>
                                    <div>MySql给用户设置权限同时指定访问密码时，会提示如下错误： 
ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number； 
  
问题原因：你输入的密码是明文。不允许这么输入。 
  
解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 
然后</div>
                                </li>
                                <li><a href="/article/441.htm"
                                       title="路漫漫其修远兮 吾将上下而求索" target="_blank">路漫漫其修远兮 吾将上下而求索</a>
                                    <span class="text-muted">周凡杨</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0+%E6%80%9D%E7%B4%A2/1.htm">学习 思索</a>
                                    <div>王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注</div>
                                </li>
                                <li><a href="/article/568.htm"
                                       title="Hadoop(二)对话单的操作" target="_blank">Hadoop(二)对话单的操作</a>
                                    <span class="text-muted">朱辉辉33</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a>
                                    <div>Debug： 
 
1、 
 
A = LOAD '/user/hue/task.txt' USING PigStorage(' ') 
AS (col1,col2,col3); 
DUMP A; 
 
//输出结果前几行示例： 
(>ggsnPDPRecord(21),,) 
(-->recordType(0),,) 
(-->networkInitiation(1),,) 
</div>
                                </li>
                                <li><a href="/article/695.htm"
                                       title="web报表工具FineReport常用函数的用法总结（日期和时间函数）" target="_blank">web报表工具FineReport常用函数的用法总结（日期和时间函数）</a>
                                    <span class="text-muted">老A不折腾</span>
<a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E8%A1%A8%E5%B7%A5%E5%85%B7/1.htm">报表工具</a><a class="tag" taget="_blank" href="/search/web%E5%BC%80%E5%8F%91/1.htm">web开发</a>
                                    <div>web报表工具FineReport常用函数的用法总结（日期和时间函数） 
  
说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。 
  
DATE 
DATE(year,month,day):返回一个表示某一特定日期的系列数。 
Year:代表年，可为一到四位数。 
Month:代表月份。</div>
                                </li>
                                <li><a href="/article/822.htm"
                                       title="c++ 宏定义中的##操作符" target="_blank">c++ 宏定义中的##操作符</a>
                                    <span class="text-muted">墙头上一根草</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a>
                                    <div>#与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs</div>
                                </li>
                                <li><a href="/article/949.htm"
                                       title="分析Spring源代码之，DI的实现" target="_blank">分析Spring源代码之，DI的实现</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/DI/1.htm">DI</a><a class="tag" taget="_blank" href="/search/%E7%8E%B0/1.htm">现</a><a class="tag" taget="_blank" href="/search/%E6%BA%90%E4%BB%A3%E7%A0%81/1.htm">源代码</a>
                                    <div>(转) 
   
分析Spring源代码之，DI的实现  
2012/1/3 by tony 
                接着上次的讲，以下这个sample    
[java]  
view plain 
copy 
print 
</div>
                                </li>
                                <li><a href="/article/1076.htm"
                                       title="for循环的进化" target="_blank">for循环的进化</a>
                                    <span class="text-muted">alxw4616</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
                                    <div>// for循环的进化
// 菜鸟
for (var i = 0; i < Things.length ; i++) {
	// Things[i]
}

// 老鸟
for (var i = 0, len = Things.length; i < len; i++) {
	// Things[i]
}

// 大师
for (var i = Things.le</div>
                                </li>
                                <li><a href="/article/1203.htm"
                                       title="网络编程Socket和ServerSocket简单的使用" target="_blank">网络编程Socket和ServerSocket简单的使用</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E7%BC%96%E7%A8%8B%E5%9F%BA%E7%A1%80/1.htm">网络编程基础</a><a class="tag" taget="_blank" href="/search/IP%E5%9C%B0%E5%9D%80%E7%AB%AF%E5%8F%A3/1.htm">IP地址端口</a>
                                    <div>  
网络编程;TCP/IP协议 
  
网络:实现计算机之间的信息共享,数据资源的交换 
  
协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去 
  
端口:用于计算机之间的通信 
     每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 
0~65535 
  
查看被使用的</div>
                                </li>
                                <li><a href="/article/1330.htm"
                                       title="JDK1.5 生产消费者" target="_blank">JDK1.5 生产消费者</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E4%BA%A7%E6%B6%88%E8%B4%B9%E8%80%85/1.htm">生产消费者</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a>
                                    <div>ArrayBlockingQueue： 
       一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 
ArrayBlockingQueue的常用方法： 
</div>
                                </li>
                                <li><a href="/article/1457.htm"
                                       title="JAVA版身份证获取性别、出生日期及年龄" target="_blank">JAVA版身份证获取性别、出生日期及年龄</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E5%88%AB/1.htm">性别</a><a class="tag" taget="_blank" href="/search/%E5%87%BA%E7%94%9F%E6%97%A5%E6%9C%9F/1.htm">出生日期</a><a class="tag" taget="_blank" href="/search/%E5%B9%B4%E9%BE%84/1.htm">年龄</a>
                                    <div>        工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 
CertificateNo.java 
package com.bijian.study;

import java.util.Calendar;
import </div>
                                </li>
                                <li><a href="/article/1584.htm"
                                       title="【Java范型六】范型与枚举" target="_blank">【Java范型六】范型与枚举</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的 
  
public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数
    OK, ERROR;
    public <T> T get(T type) {
        return null;
    </div>
                                </li>
                                <li><a href="/article/1711.htm"
                                       title="【Nginx五】Nginx常用日志格式含义" target="_blank">【Nginx五】Nginx常用日志格式含义</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a>
                                    <div>1. log_format 
1.1 log_format指令用于指定日志的格式，格式： 
  
log_format name(格式名称) type(格式样式) 
  
1.2 如下是一个常用的Nginx日志格式： 
  
log_format      main    '[$time_local]|$request_time|$status|$body_bytes</div>
                                </li>
                                <li><a href="/article/1838.htm"
                                       title="Lua 语言 15 分钟快速入门" target="_blank">Lua 语言 15 分钟快速入门</a>
                                    <span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/lua+%E5%9F%BA%E7%A1%80/1.htm">lua 基础</a>
                                    <div>-
- 
单行注释   
-
-
[[   
    
[多行注释]   
-
-
]]       
-
-
-
-
-
-
-
-
-
-   
- 
1. 
变量 & 控制流   
-
-
-
-
-
-
-
-
-
-   
num 
= 
23 
-
- 
数字都是双精度   
str 
= 
'aspythonstring' 
</div>
                                </li>
                                <li><a href="/article/1965.htm"
                                       title="java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 )" target="_blank">java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 )</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>the idea is from: 
http://blog.csdn.net/zhanxinhang/article/details/6731134

public class MaxSubMatrix {

/**see http://blog.csdn.net/zhanxinhang/article/details/6731134
	 * Q35
求一个矩阵中最大的二维</div>
                                </li>
                                <li><a href="/article/2092.htm"
                                       title="mongoDB文档型数据库特点" target="_blank">mongoDB文档型数据库特点</a>
                                    <span class="text-muted">开窍的石头</span>
<a class="tag" taget="_blank" href="/search/mongoDB%E6%96%87%E6%A1%A3%E5%9E%8B%E6%95%B0%E6%8D%AE%E5%BA%93%E7%89%B9%E7%82%B9/1.htm">mongoDB文档型数据库特点</a>
                                    <div>MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 
 
特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 
 
mongoDB传统型数据库对比 
   传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的 
   文档型数据库：不用定好数据结构，</div>
                                </li>
                                <li><a href="/article/2219.htm"
                                       title="[毕业季节]欢迎广大毕业生加入JAVA程序员的行列" target="_blank">[毕业季节]欢迎广大毕业生加入JAVA程序员的行列</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div> 
    一年一度的毕业季来临了。。。。。。。。 
 
     正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。 
 
     软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的</div>
                                </li>
                                <li><a href="/article/2346.htm"
                                       title="PHP操作Excel – PHPExcel 基本用法详解" target="_blank">PHP操作Excel – PHPExcel 基本用法详解</a>
                                    <span class="text-muted">cuiyadll</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/Excel/1.htm">Excel</a>
                                    <div>导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties</div>
                                </li>
                                <li><a href="/article/2473.htm"
                                       title="IBM Webshpere MQ Client User Issue (MCAUSER)" target="_blank">IBM Webshpere MQ Client User Issue (MCAUSER)</a>
                                    <span class="text-muted">darrenzhu</span>
<a class="tag" taget="_blank" href="/search/IBM/1.htm">IBM</a><a class="tag" taget="_blank" href="/search/jms/1.htm">jms</a><a class="tag" taget="_blank" href="/search/user/1.htm">user</a><a class="tag" taget="_blank" href="/search/MQ/1.htm">MQ</a><a class="tag" taget="_blank" href="/search/MCAUSER/1.htm">MCAUSER</a>
                                    <div>IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 
答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 
 
 
http://stackoverflow.com/questions/20209429/how-mca-user-i</div>
                                </li>
                                <li><a href="/article/2600.htm"
                                       title="网线的接法" target="_blank">网线的接法</a>
                                    <span class="text-muted">dcj3sjt126com</span>

<div>一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb</div>
                                </li>
                                <li><a href="/article/2727.htm"
                                       title="Vimium插件让键盘党像操作Vim一样操作Chrome" target="_blank">Vimium插件让键盘党像操作Vim一样操作Chrome</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a>
                                    <div>什么是键盘党？ 
 
 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 
 在chrome里安装 vimium 插件 
</div>
                                </li>
                                <li><a href="/article/2854.htm"
                                       title="MongoDB查询（2）——数组查询[六]" target="_blank">MongoDB查询（2）——数组查询[六]</a>
                                    <span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/MongoDB%E6%9F%A5%E8%AF%A2%E6%95%B0%E7%BB%84/1.htm">MongoDB查询数组</a>
                                    <div>MongoDB查询数组 
转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述 
 MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： 
> db.food.find()
{ "_id" : "001", "fruits" : [ "苹</div>
                                </li>
                                <li><a href="/article/2981.htm"
                                       title="cordova读写文件（1）" target="_blank">cordova读写文件（1）</a>
                                    <span class="text-muted">gundumw100</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Cordova/1.htm">Cordova</a>
                                    <div>使用cordova可以很方便的在手机sdcard中读写文件。 
 
首先需要安装cordova插件：file 
命令为： 
 
cordova plugin add org.apache.cordova.file 
 
然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为：

var datas=null;//datas need write
var directory=&</div>
                                </li>
                                <li><a href="/article/3108.htm"
                                       title="HTML5 FormData 进行文件jquery ajax 上传 到又拍云" target="_blank">HTML5 FormData 进行文件jquery ajax 上传 到又拍云</a>
                                    <span class="text-muted">ileson</span>
<a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/FormData/1.htm">FormData</a>
                                    <div>html5 新东西：FormData  可以提交二进制数据。 
 
 
页面test.html

<!DOCTYPE>
<html>
<head>
<title> formdata file jquery ajax upload</title>
</head>

<body>
<</div>
                                </li>
                                <li><a href="/article/3235.htm"
                                       title="swift appearanceWhenContainedIn:(version1.2 xcode6.4)" target="_blank">swift appearanceWhenContainedIn:(version1.2 xcode6.4)</a>
                                    <span class="text-muted">啸笑天</span>
<a class="tag" taget="_blank" href="/search/version/1.htm">version</a>
                                    <div>  
swift1.2中没有oc中对应的方法： 
+ (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION; 
 解决方法： 
在swift项目中新建oc类如下： 
#import &</div>
                                </li>
                                <li><a href="/article/3362.htm"
                                       title="java实现SMTP邮件服务器" target="_blank">java实现SMTP邮件服务器</a>
                                    <span class="text-muted">macroli</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a>
                                    <div>电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 
　　◆ SMTP 协议 
　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的</div>
                                </li>
                                <li><a href="/article/3489.htm"
                                       title="mongodb group by having where 查询sql" target="_blank">mongodb group by having where 查询sql</a>
                                    <span class="text-muted">qiaolevip</span>
<a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/mongo/1.htm">mongo</a><a class="tag" taget="_blank" href="/search/%E7%BA%B5%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">纵观千象</a>
                                    <div>SELECT cust_id,
       SUM(price) as total
FROM orders
WHERE status = 'A'
GROUP BY cust_id
HAVING total > 250

db.orders.aggregate( [
   { $match: { status: 'A' } },
   {
     $group: {
</div>
                                </li>
                                <li><a href="/article/3616.htm"
                                       title="Struts2 Pojo（六）" target="_blank">Struts2 Pojo（六）</a>
                                    <span class="text-muted">Luob.</span>
<a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/strust2/1.htm">strust2</a>
                                    <div>注意：附件中有完整案例 
1.采用POJO对象的方法进行赋值和传值 
2.web配置

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
	xmlns="http://java.sun.com/xml/ns/javaee&q</div>
                                </li>
                                <li><a href="/article/3743.htm"
                                       title="struts2步骤" target="_blank">struts2步骤</a>
                                    <span class="text-muted">wuai</span>
<a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a>
                                    <div>1、添加jar包 
2、在web.xml中配置过滤器 
 <filter> 
       <filter-name>struts2</filter-name> 
       <filter-class>org.apache.st</div>
                                </li>
                </ul>
            </div>
        </div>
    </div>

<div>
    <div class="container">
        <div class="indexes">
            <strong>按字母分类：</strong>
            <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
                href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
                href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
                href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
                href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
                href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
                href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
                href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
                href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
        </div>
    </div>
</div>
<footer id="footer" class="mb30 mt30">
    <div class="container">
        <div class="footBglm">
            <a target="_blank" href="/">首页</a> -
            <a target="_blank" href="/custom/about.htm">关于我们</a> -
            <a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
            <a target="_blank" href="/sitemap.txt">Sitemap</a> -
            <a target="_blank" href="/custom/delete.htm">侵权投诉</a>
        </div>
        <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.

        </div>
    </div>
</footer>

<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>

</body>

</html>