zoukankan      html  css  js  c++  java

  • jQuery练习

    jQuery 是一个 JavaScript 库。

    jQuery 极大地简化了 JavaScript 编程。

    jQuery 库可以通过一行简单的标记被添加到网页中。

    jQuery 库 - 特性

    jQuery 是一个 JavaScript 函数库。

    jQuery 库包含以下特性：

    • HTML 元素选取
    • HTML 元素操作
    • CSS 操作
    • HTML 事件函数
    • JavaScript 特效和动画
    • HTML DOM 遍历和修改
    • AJAX
    • Utilities

    如果不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。

    使用 Google 的 CDN

    <head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

    使用 Microsoft 的 CDN

    <head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>
    通过 jQuery，可以选取（查询，query） HTML 元素，并对它们执行“操作”（actions）。

    <html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
  $(this).hide();
});
});
</script>
</head>

<body>
<button type="button">Click me</button>
</body>

</html>
    <html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("#test").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p id="test">This is another paragraph.</p>
<button type="button">Click me</button>
</body>

</html>

    jQuery 语法

    jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。

    基础语法是：$(selector).action()

    • 美元符号定义 jQuery
    • 选择符（selector）“查询”和“查找” HTML 元素
    • jQuery 的 action() 执行对元素的操作

    示例

    $(this).hide() - 隐藏当前元素

    $("p").hide() - 隐藏所有段落

    $(".test").hide() - 隐藏所有 class="test" 的所有元素

    $("#test").hide() - 隐藏所有 id="test" 的元素

    提示：jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合

    文档就绪函数

    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中：

    $(document).ready(function(){

--- jQuery functions go here ----

});

    jQuery 元素选择器

    jQuery 使用 CSS 选择器来选取 HTML 元素。

    $("p") 选取 <p> 元素。

    $("p.intro") 选取所有 class="intro" 的 <p> 元素。

    $("p#demo") 选取所有 id="demo" 的 <p> 元素。

    jQuery 属性选择器

    jQuery 使用 XPath 表达式来选择带有给定属性的元素。

    $("[href]") 选取所有带有 href 属性的元素。

    $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

    $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

    $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

    jQuery CSS 选择器

    jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。

    下面的例子把所有 p 元素的背景颜色更改为红色：

    实例

    $("p").css("background-color","red");

    更多的选择器实例

    jQuery 事件函数

    jQuery 事件处理方法是 jQuery 中的核心函数。

    事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。

    通常会把 jQuery 代码放到 <head>部分的事件处理方法中：

    <html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
    //点击段落后，段落会消失
    
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>

    单独文件中的函数

    如果您的网站包含许多页面，并且您希望您的 jQuery 函数易于维护，那么请把您的 jQuery 函数放到独立的 .js 文件中。

    当我们在教程中演示 jQuery 时，会将函数直接添加到 <head> 部分中。不过，把它们放到一个单独的文件中会更好，就像这样（通过 src 属性来引用文件）：

    jQuery 名称冲突

    jQuery 使用 $ 符号作为 jQuery 的简介方式。

    某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。

    jQuery 使用名为 noConflict() 的方法来解决该问题。

    var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号

     

    jQuery hide() 和 show()

    通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素

    $(selector).hide(speed,callback);

$(selector).show(speed,callback);

    可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。

    可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

    下面的例子演示了带有 speed 参数的 hide() 方法：

    实例

    $("button").click(function(){
  $("p").hide(1000);
});

     <script src="/jquery/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("#hide").click(function(){
      $("p").hide();
      });
      $("#show").click(function(){
      $("p").show();
      });
    });
    </script>
    </head>
    <body>
    <p id="p1">如果点击“隐藏”按钮，我就会消失。</p>
    <button id="hide" type="button">隐藏</button>
    <button id="show" type="button">显示</button>

    jQuery toggle()

    通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

    显示被隐藏的元素，并隐藏已显示的元素：

    $("button").click(function(){
  $("p").toggle();
});
    $(selector).toggle(speed,callback);

    可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。

    可选的 callback 参数是 toggle() 方法完成后所执行的函数名称。

    jQuery Fading 方法

    通过 jQuery，您可以实现元素的淡入淡出效果。

    jQuery 拥有下面四种 fade 方法：

    • fadeIn()
    • fadeOut()
    • fadeToggle()
    • fadeTo()

    jQuery fadeIn() 方法

    jQuery fadeIn() 用于淡入已隐藏的元素。

    语法：

    $(selector).fadeIn(speed,callback);

    可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

    可选的 callback 参数是 fading 完成后所执行的函数名称。

    下面的例子演示了带有不同参数的 fadeIn() 方法：

    实例

    $("button").click(function(){
  $("#div1").fadeIn();
  $("#div2").fadeIn("slow");
  $("#div3").fadeIn(3000);
});

    jQuery fadeOut() 方法

    jQuery fadeOut() 方法用于淡出可见元素。

    语法：

    $(selector).fadeOut(speed,callback);

    可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

    可选的 callback 参数是 fading 完成后所执行的函数名称。

    下面的例子演示了带有不同参数的 fadeOut() 方法：

    实例

    $("button").click(function(){
  $("#div1").fadeOut();
  $("#div2").fadeOut("slow");
  $("#div3").fadeOut(3000);
});

    jQuery fadeToggle() 方法

    jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

    如果元素已淡出，则 fadeToggle() 会向元素添加淡入效果。

    如果元素已淡入，则 fadeToggle() 会向元素添加淡出效果。

    语法：

    $(selector).fadeToggle(speed,callback);

    可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

    可选的 callback 参数是 fading 完成后所执行的函数名称。

    下面的例子演示了带有不同参数的 fadeToggle() 方法：

    实例

    $("button").click(function(){
  $("#div1").fadeToggle();
  $("#div2").fadeToggle("slow");
  $("#div3").fadeToggle(3000);
});

    jQuery fadeTo() 方法

    jQuery fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）。

    语法：

    $(selector).fadeTo(speed,opacity,callback);

    必需的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

    fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。

    可选的 callback 参数是该函数完成后所执行的函数名称。

    下面的例子演示了带有不同参数的 fadeTo() 方法：

    实例

    $("button").click(function(){
  $("#div1").fadeTo("slow",0.15);
  $("#div2").fadeTo("slow",0.4);
  $("#div3").fadeTo("slow",0.7);
});

    jQuery 滑动方法

    通过 jQuery，您可以在元素上创建滑动效果。

    jQuery 拥有以下滑动方法：

    • slideDown()
    • slideUp()
    • slideToggle()

    jQuery slideDown() 方法

    jQuery slideDown() 方法用于向下滑动元素。

    语法：

    $(selector).slideDown(speed,callback);

    可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

    可选的 callback 参数是滑动完成后所执行的函数名称。

    下面的例子演示了 slideDown() 方法：

    <!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
  $(".flip").click(function(){
    $(".panel").slideDown("slow");
  });
});
</script>
 
<style type="text/css"> 
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}
</style>
</head>
 
<body>
 
<div class="panel">
<p>W3School - 领先的 Web 技术教程站点</p>
<p>在 W3School，你可以找到你所需要的所有网站建设教程。</p>
</div>
 
<p class="flip">请点击这里</p>
 
</body>
</html>

    jQuery slideUp() 方法

    jQuery slideUp() 方法用于向上滑动元素。

    语法：

    $(selector).slideUp(speed,callback);

    可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

    可选的 callback 参数是滑动完成后所执行的函数名称。

    下面的例子演示了 slideUp() 方法：

    <!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
  $(".flip").click(function(){
    $(".panel").slideUp("slow");
  });
});
</script>
 
<style type="text/css"> 
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
}
</style>
</head>
 
<body>
 
<div class="panel">
<p>W3School - 领先的 Web 技术教程站点</p>
<p>在 W3School，你可以找到你所需要的所有网站建设教程。</p>
</div>
 
<p class="flip">请点击这里</p>
 
</body>
</html>

    jQuery slideToggle() 方法

    jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。

    如果元素向下滑动，则 slideToggle() 可向上滑动它们。

    如果元素向上滑动，则 slideToggle() 可向下滑动它们。

    <!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".flip").click(function(){
    $(".panel").slideToggle("slow");
  });
});
</script>
 
<style type="text/css"> 
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}
</style>
</head>
 
<body>
 
<div class="panel">
<p>W3School - 领先的 Web 技术教程站点</p>
<p>在 W3School，你可以找到你所需要的所有网站建设教程。</p>
</div>
 
<p class="flip">请点击这里</p>
 
</body>
</html>

    jQuery 效果 - 动画

    jQuery 动画 - animate() 方法

    jQuery animate() 方法用于创建自定义动画。

    语法：

    $(selector).animate({params},speed,callback);

    必需的 params 参数定义形成动画的 CSS 属性。

    可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

    可选的 callback 参数是动画完成后所执行的函数名称。

    <!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script> 
$(document).ready(function(){
  $("button").click(function(){
    $("div").animate({left:'250px'});
  });
});
</script> 
</head>
 
<body>
<button>开始动画</button>
<p>默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。</p>
<div style="background:#98bf21;height:100px;100px;position:absolute;">
</div>

</body>
</html>

     同时使用多个属性

    <!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script> 
$(document).ready(function(){
  $("button").click(function(){
    $("div").animate({
      left:'250px',
      opacity:'0.5',
      height:'150px',
      '150px'
    });
  });
});
</script> 
</head>
 
<body>

<button>开始动画</button>
<p>默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。</p>
<div style="background:#98bf21;height:100px;100px;position:absolute;">
</div>

</body>
</html>

    jQuery animate() - 使用相对值

    也可以定义相对值（该值相对于元素的当前值）。需要在值的前面加上 += 或 -=：

    <!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script> 
$(document).ready(function(){
  $("button").click(function(){
    $("div").animate({
      left:'250px',
      height:'+=150px',
      '+=150px'
    });
  });
});
</script> 
</head>
 
<body>

<button>开始动画</button>
<p>默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。</p>
<div style="background:#98bf21;height:100px;100px;position:absolute;">
</div>

</body>
</html>

    jQuery animate() - 使用预定义的值

    您甚至可以把属性的动画值设置为 "show"、"hide" 或 "toggle"：

    实例

    $("button").click(function(){
  $("div").animate({
    height:'toggle'
  });
});

    jQuery animate() - 使用队列功能

    默认地，jQuery 提供针对动画的队列功能。

    这意味着如果您在彼此之后编写多个 animate() 调用，jQuery 会创建包含这些方法调用的“内部”队列。然后逐一运行这些 animate 调用。

    实例 1

    隐藏，如果您希望在彼此之后执行不同的动画，那么我们要利用队列功能：

    $("button").click(function(){
  var div=$("div");
  div.animate({height:'300px',opacity:'0.4'},"slow");
  div.animate({'300px',opacity:'0.8'},"slow");
  div.animate({height:'100px',opacity:'0.4'},"slow");
  div.animate({'100px',opacity:'0.8'},"slow");
});

    下面的例子把 <div> 元素移动到右边，然后增加文本的字号：

    $("button").click(function(){
  var div=$("div");
  div.animate({left:'100px'},"slow");
  div.animate({fontSize:'3em'},"slow");
});

    jQuery stop() 方法用于在动画或效果完成前对它们进行停止

    jQuery stop() 方法

    jQuery stop() 方法用于停止动画或效果，在它们完成之前。

    stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。

    语法

    $(selector).stop(stopAll,goToEnd);

    可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执行。

    可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。

    因此，默认地，stop() 会清除在被选元素上指定的当前动画。

    下面的例子演示 stop() 方法，不带参数：

    实例

    $("#stop").click(function(){
  $("#panel").stop();
});
    ---------------------------------------------------------
    <script src="/jquery/jquery-1.11.1.min.js"></script>
    <script> 
    $(document).ready(function(){
      $("#flip").click(function(){
        $("#panel").slideDown(5000);
      });
      $("#stop").click(function(){
        $("#panel").stop();
      });
    });
    </script>

    jQuery Callback 函数

    Callback 函数在当前动画 100% 完成之后执行。

    jQuery 动画的问题

    许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。

    例子：$("p").hide("slow")

    speed 或 duration 参数可以设置许多不同的值，比如 "slow", "fast", "normal" 或毫秒。

    实例

    $("button").click(function(){
$("p").hide(1000);
});

    由于 JavaScript 语句（指令）是逐一执行的 - 按照次序，动画之后的语句可能会产生错误或页面冲突，因为动画还没有完成。

    为了避免这个情况，您可以以参数的形式添加 Callback 函数。

    典型的语法：

    $(selector).hide(speed,callback)
    例
    $("p").hide(1000,function(){
alert("The paragraph is now hidden");
});
    

    

    通过 jQuery，您可以把动作/方法链接起来。
    

    Chaining 允许我们在一条语句中允许多个 jQuery 方法（在相同的元素上）。
    

    

    jQuery 方法链接
    

    直到现在，我们都是一次写一条 jQuery 语句（一条接着另一条）。
    

    不过，有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery 命令，一条接着另一条。
    

    提示：这样的话，浏览器就不必多次查找相同的元素。
    

    如需链接一个动作，只需简单地把该动作追加到之前的动作上。
    

    下面的例子把 css(), slideUp(), and slideDown() 链接在一起。"p1" 元素首先会变为红色，然后向上滑动，然后向下滑动：
    

    $("#p1").css("color","red").slideUp(2000).slideDown(2000);
    

     提示：当进行链接时，代码行会变得很差。不过，jQuery 在语法上不是很严格；您可以按照希望的格式来写，包含折行和缩进。
    

     $(document).ready(function(){
    $("button").click(function(){
    $("#p1").css("color","red").slideUp(1000)
    

    .slideDown(1000);
    });
    });
    

    jQuery - 获得内容和属性
    

    

    jQuery DOM 操作
    

    jQuery 中非常重要的部分，就是操作 DOM 的能力。
    

    jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。
    

    提示：DOM = Document Object Model（文档对象模型）
    

    DOM 定义访问 HTML 和 XML 文档的标准：
    

    “W3C 文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及样式。”
    

    获得内容 - text()、html() 以及 val()
    

    三个简单实用的用于 DOM 操作的 jQuery 方法：
    

      

    • text() - 设置或返回所选元素的文本内容
      • 

    • html() - 设置或返回所选元素的内容（包括 HTML 标记）
      • 

    • val() - 设置或返回表单字段的值
      • 


    

    下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容：
    

    

    <!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
alert("text:"+$("#test").text());
});
$("#btn2").click(function(){
alert("html:"+$("#test").html());
});
});
</script>
</head
<body>
<p id="test">这是段落中的<b>粗体</b>文本。</p>
<button id="btn1">显示文本</button>
<button id="btn2">显示 HTML</button>
</body>

</html>
    

    

    <script src="/jquery/jquery-1.11.1.min.js"></script>
    <script>

    $(document).ready(function(){
    $("button").click(function(){
    alert("value:"+$("#test").val());
    })
    });
    </script>
    


    

    获取属性 - attr()
    

    jQuery attr() 方法用于获取属性值。
    

    下面的例子演示如何获得链接中 href 属性的值：
    

    实例
    


    

    <!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert("地址:"+$("#w3s").attr("href"));
});
});
</script>
</head>

<body>
<p><a href="http://www.w3school.com.cn" id="w3s">W3School.com.cn</a></p>
<button>显示 href 值</button>
</body>
</html>
    

    

    jQuery - 设置内容和属性
    

    设置内容 - text()、html() 以及 val()
    

    我们将使用前一章中的三个相同的方法来设置内容：
    

      

    • text() - 设置或返回所选元素的文本内容
      • 

    • html() - 设置或返回所选元素的内容（包括 HTML 标记）
      • 

    • val() - 设置或返回表单字段的值
      • 

    

    下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容
    

    

    <!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#test1").text("hello!段落");
});
$("#btn2").click(function(){
$("#test2").html("设置html");
});
$("#btn3").click(function(){
$("#test3").val("设置值！");
});
});
</script>
</head>

<body>
<p id="test1">这是段落。</p>
<p id="test2">这是另一个段落。</p>
<p>Input field: <input type="text" id="test3" value="Mickey Mouse"></p>
<button id="btn1">设置文本</button>
<button id="btn2">设置 HTML</button>
<button id="btn3">设置值</button>
</body>
</html>
    

    

    text()、html() 以及 val() 的回调函数
    

    上面的三个 jQuery 方法：text()、html() 以及 val()，同样拥有回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。
    

    下面的例子演示带有回调函数的 text() 和 html()：
    

    

    <!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("#test1").text(function(i,origText){
      return "Old text: " + origText + " New text: Hello world! (index: " + i + ")";
    });
  });

  $("#btn2").click(function(){
    $("#test2").html(function(i,origText){
      return "Old html: " + origText + " New html: Hello <b>world!</b> (index: " + i + ")";
    });
  });

});
</script>
</head>
    

    

     $("button").click(function(){ $("#w3s").attr("href","http://www.w3school.com.cn/jquery"); });
    

    attr() 方法也允许您同时设置多个属性。
    

    下面的例子演示如何同时设置 href 和 title 属性：
    

    $("button").click(function(){
  $("#w3s").attr({
    "href" : "http://www.w3school.com.cn/jquery",
    "title" : "W3School jQuery Tutorial"
  });
});

    

    attr() 的回调函数
    

    jQuery 方法 attr()，也提供回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。
    

    下面的例子演示带有回调函数的 attr() 方法：
    

    $("button").click(function(){
  $("#w3s").attr("href", function(i,origValue){
    return origValue + "/jquery";
  });
});

    

    











































    


    


    

    
    
                
    
                
              
    • 
              
    
              
  • 

                相关阅读:
    
                
                  VUE 脚手架模板搭建
                    
    defineProperty
                    
    理解JS中的call、apply、bind方法
                    
    Two-phase Termination模式
                    
    打印样式设计
                    
    浏览器内部工作原理
                    
    Immutable Object模式
                    
    怎么跳出MySQL的10个大坑
                    
    控制台console
                    
    整理的Java资源
                    
                        
              
    • 
              
    
              
  • 
                原文地址：https://www.cnblogs.com/JohnsonZilch/p/6612847.html
              
    • 

            

          



          
          

            

            

          

        

      

      



      

      

        

          Copyright © 2011-2022 走看看