weixin_30915951

jQuery 基础学习笔记总结（一）

原文链接： http://www.cnblogs.com/lytwajue/p/6791291.html

Jquery 学习笔记总结

感想：

此前在做站点时用到过jquery相关，特别是Ajax相关技术。但是并没有系统的进行学习和了解Jquery的强大的功能，趁这几天跟着资料基本的了解下Jquery的特性和插件，感觉原来好多前端设计中感觉非常麻烦的东西。通过Jquery的函数和插件都非常easy的实现了而且效果极佳。这里仅仅是简单的介绍下Jquery有哪些知识点。

1.基础选择器

（1）. $("button").attr("disabled","true"); --使按钮变灰，不可用状态

（2）. $("*"); --它的功能是获取页面中的所有元素

（3）. $("form *").attr("disabled", "true"); --将

元素包括下的所有表单型元素都设为不可用。

（4）. $("ance desc");层次选择器，ance參数（ancestor祖先的简写）表示父元素。desc參数（descendant后代的简写）表示后代元素，即包含子元素、孙元素等等。

两个參数都能够通过选择器来获取。

（5）. $(“parent > child”); child參数获取的元素都是parent选择器的子元素，它们之间通过“>”符号来表示一种层次关系。

（6）. $(“prev + next”);当中參数prev为不论什么有效的选择器。參数“next”为另外一个有效选择器，它们之间的“+”表示一种上下的层次关系，也就是说。“prev”元素最紧邻的下一个元素由“next”选择器返回的而且仅仅返回唯的一个元素。

（7）.$(“prev ~ siblings”);当中參数prev与siblings两者之间通过“~”符号形成一种层次相邻的关系，表明siblings选择器获取的元素都是prev元素之后的同辈元素。(获取prev 元素后面所有相邻的元素)

2.过滤选择器

（1）. :first过滤选择器 --:first过滤选择器的功能是获取第一个元素，经常与其他选择器一起使用，获取指定的一组元素中的第一个元素。
:last过滤选择器是获得最后一个元素
（2）. :eq(index);--从一组标签元素数组中，灵活选择随意的一个标签元素,当中參数index表示索引號（即：一个整数），它从0開始。假设index的值为3，表示选择的是第4个元素。
（3）. :contains(text)选择器;功能是选择包括指定字符串的所有元素，它通常与其它元素结合使用。获取包括“text”字符串内容的所有元素对象。

当中參数text表示页面中的文字。

（4）. :has(selector)过滤选择器;--功能是获取选择器中包括指定元素名称的所有元素。当中selector參数就是包括的元素名称，是被包括元素。

（5）. :hidden过滤选择器的功能是获取所有不可见的元素。这些不可见的元素中包含type属性值为hidden的元素。

（6）. :visible过滤选择器获取的是所有可见的元素，也就是说。仅仅要不将元素的display属性值设置为“none”，那么，都能够通过该选择器获取。

（7）. [attribute=value]属性选择器的功能是获取与属性名和属性值全然同样的所有元素，当中[]是专用于属性选择器的括号符，參数attribute表示属性名称，value參数表示属性值。

（8）. [attribute*=value]。它能够获取属性值中包括指定内容的所有元素。当中[]是专用于属性选择器的括号符，參数attribute表示属性名称。value參数表示相应的属性值。

（9）. :first-child子元素过滤选择器则能够获取每一个父元素中返回的首个子元素，它是一个集合，经常使用多个集合数据的选择处理。

:last-child 子元素过滤选择器则能够获取每一个父元素中返回的最后一个子元素，它是一个集合

3.表单选择器

（1）. :input表单选择器 :input;--功能是返回所有的表单元素。不仅包含所有标记的表单元素，并且还包含

、<select> 和 <button>标记的表单元素，因此，它选择的表单元素是最广的。 
 （2）. :text表单文本选择器 --能够获取表单中所有单行的文本输入框元素。单行的文本输入框就像一个不换行的字条工具，使用很广泛。 （3）. :password选择器，它的功能是获取表单中所有的密码输入文本框元素。 
 （4）. :radio单选button选择器 （5）. :checkbox复选框选择器 （6）. :submit提交button选择器 （7）. :image图像域选择器 （8）. :button表单按钮选择器 （9）. :checked选中状态选择器 （10）.  :selected选中状态选择器 
 <h3>4.jQuery 操作DOM元素</h3> 
 (1). appendTo()方法也能够向指定的元素内插入内容，它的使用格式是：$(content).appendTo(selector)參数content表示须要插入的内容，參数selector表示被选的元素，即把content内容插入selector元素内。默认是在尾部。 
 
 
 
 (2). 调用clone()方法能够生成一个被选元素的副本。即复制了一个被选元素，包括它的节点、文本和属性，它的调用格式为：$(selector).clone() 当中參数selector能够是一个元素或HTML内容。 
 (3). replaceWith()和replaceAll()方法都能够用于替换元素或元素中的内容，但它们调用时。内容和被替换元素所在的位置不同，分别为例如以下所看到的：$(selector).replaceWith(content)和$(content).replaceAll(selector) 參数selector为被替换的元素，content为替换的内容。 
 (4). wrap()和wrapInner()方法都能够进行元素的包裹，但前者用于包裹元素本身，后者则用于包裹元素中的内容，它们的调用格式分别为： $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper)參数selector为被包裹的元素。wrapper參数为包裹元素的格式。 (5). 使用each()方法能够遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号，它的调用格式为：$(selector).each(function(index))參数function为遍历时的回调函数，index为遍历元素的序列号，它从0開始。 
 (6). remove()方法删除所选元素本身和子元素。该方法能够通过加入过滤參数指定须要删除的某些元素，而empty()方法则仅仅删除所选元素的子元素。 
 
 <h3>5. jQuery 事件与应用</h3> 
 (1). ready()事件类似于onLoad()事件，但前者仅仅要页面的DOM结构载入后便触发，而后者必须在页面所有元素载入成功才触发。ready()能够写多个，按顺序运行。 
 此外。下列写法是相等的： $(document).ready(function(){})等价于$(function(){}); (2). $(selector).bind(event,[data] function) --參数event为事件名称，多个事件名称用空格隔开，function为事件运行的函数。 (3). 使用hover()方法切换事件,hover()方法的功能是当鼠标移到所选元素上时，运行方法中的第一个函数。鼠标移出时。运行方法中的第二个函数，实现事件的切实效果，调用格式例如以下：$(selector).hover(over，out); over參数为移到所选元素上触发的函数。out參数为移出元素时触发的函数。 (4). 使用toggle()方法绑定多个函数,toggle()方法能够在元素的click事件中绑定两个或两个以上的函数。同一时候，它还能够实现元素的隐藏与显示的切换，绑定多个函数的调用格式例如以下：$(selector).toggle(fun1(),fun2(),funN(),...);当中。fun1，fun2就是多个函数的名称. (5). 使用unbind()方法移除元素绑定的事件,unbind()方法能够移除元素已绑定的事件，它的调用格式例如以下：$(selector).unbind(event,fun);当中參数event表示须要移除的事件名称。多个事件名用空格隔开，fun參数为事件运行时调用的函数名称。 (6). 使用unbind()方法移除元素绑定的事件,unbind()方法能够移除元素已绑定的事件，它的调用格式例如以下：$(selector).unbind(event,fun);当中參数event表示须要移除的事件名称。多个事件名用空格隔开，fun參数为事件运行时调用的函数名称。 
 假设没有规定參数，unbind() 方法会删除指定元素的全部事件处理程序。 (7). 使用one()方法绑定元素的一次性事件,one()方法能够绑定元素不论什么有效的事件，但这样的方法绑定的事件仅仅会触发一次，它的调用格式例如以下：$(selector).one(event,[data],fun);參数event为事件名称，data为触发事件时携带的数据。fun为触发该事件时运行的函数。 (8). 调用trigger()方法手动触发指定的事件,trigger()方法能够直接手动触发元素指定的事件，这些事件能够是元素自带事件。也能够是自己定义的事件。总之，该事件必须能运行，它的调用格式为：$(selector).trigger(event);当中event參数为须要手动触发的事件名称。 
 (9).文本框的focus和blur事件,focus事件在元素获取焦点时触发，如点击文本框时，触发该事件。而blur事件则在元素丢失焦点时触发，如点击除文本框的不论什么元素，都会触发该事件。 (10). 下拉列表框的change事件,当一个元素的值发生变化时，将会触发change事件，比如在选择下拉列表框中的选项时，就会触change事件。 (11). 调用live()方法绑定元素的事件,与bind()方法同样。live()方法与能够绑定元素的可运行事件。除此同样功能之外。live()方法还能够绑定动态元素(比方：动态加入的元素)。即使用代码加入的元素事件，格式例如以下：$(selector).live(event,[data],fun);參数event为事件名称。data为触发事件时携带的数据。fun为触发该事件时运行的函数。(注意：从 jQuery 1.7 開始，不再建议使用 .live() 方法。1.9不支持.live()) (12). 绑定事件方法，on方法，语法：$(selector).on(event,childSelector,data,function,map) --vent 必需。规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值。必须是有效的事件。 --childSelector 可选。 
 规定仅仅能加入到指定的子元素上的事件处理程序（且不是选择器本身，比方已废弃的 delegate() 方法）。 
 --data 可选。规定传递到函数的额外数据。 --function 可选。规定当事件发生时执行的函数。 
 --map 规定事件映射 ({event:function, event:function, ...})。包括要加入到元素的一个或多个事件，以及当事件发生时执行的函数。 --假设你须要移除on()所绑定的方法，能够使用off()方法处理。 
 <h3>6.jQuery 动画特效</h3> 
 (1). 调用show()和hide()方法显示和隐藏元素 --show()和hide()方法用于显示或隐藏页面中的元素，它的调用格式分别为：$(selector).hide(speed,[callback])和$(selector).show(speed,[callback]);參数speed设置隐藏或显示时的速度值，可为“slow”、“fast”或毫秒数值，可选项參数callback为隐藏或显示动作运行完毕后调用的函数名 
 
 
 
 (2). 调用toggle()方法就能够非常easy做到，即假设元素处于显示状态。调用该方法则隐藏该元素，反之。则显示该元素，它的调用格式是：$(selector).toggle(speed,[callback]);当中speed參数为动画效果时的速度值，能够为数字，单位为毫秒，也但是“fast”、“slow”字符，可选项參数callback为方法运行成功后回调的函数名称。 
 
 
 
 (3). 使用slideUp()和slideDown()方法的滑动效果--能够使用slideUp()和slideDown()方法在页面中滑动元素。前者用于向上滑动元素。后者用于向下滑动元素，它们的调用方法分别为：$(selector).slideUp(speed,[callback])和$(selector).slideDown(speed,[callback]);当中speed參数为滑动时的速度。单位是毫秒。可选项參数callback为滑动成功后运行的回调函数名。 
 (要注意的是：slideDown()仅适用于被隐藏的元素；slideup()则相反。 
 ) (4). 使用slideToggle()方法实现图片“变脸”效果--使用slideToggle()方法能够切换slideUp()和slideDown()，即调用该方法时，假设元素已向上滑动，则元素自己主动向下滑动，反之。则元素自己主动向上滑动，格式为：$(selector).slideToggle(speed,[callback]);当中speed參数为动画效果时的速度值，能够为数字，单位为毫秒，也但是“fast”、“slow”字符。可选项參数callback为方法运行成功后回调的函数名称。 (5). 使用fadeIn()与fadeOut()方法实现淡入淡出效果--fadeIn()和fadeOut()方法能够实现元素的淡入淡出效果，前者淡入隐藏的元素。后者能够淡出可见的元素，它们的调用格式分别为：$(selector).fadeIn(speed,[callback])和$(selector).fadeOut(speed,[callback]);当中參数speed为淡入淡出的速度。callback參数为完毕后运行的回调函数名。 (6). 使用fadeTo()方法设置淡入淡出效果的不透明度--调用fadeTo()方法。能够将所选择元素的不透明度以淡入淡出的效果调整为指定的值，该方法的调用格式为：$(selector).fadeTo(speed,opacity,[callback]);当中speed參数为效果的速度。opacity參数为指定的不透明值。它的取值范围是0.0~1.0，可选项參数callback为效果完毕后。回调的函数名。 (7). 调用animate()方法制作简单的动画效果--调用animate()方法能够创建自己定义动画效果。它的调用格式为：$(selector).animate({params},speed,[callback])当中，params參数为制作动画效果的CSS属性名与值。speed參数为动画的效果的速度，单位为毫秒，可选项callback參数为动画完毕时运行的回调函数名。 (8). 调用stop()方法停止当前全部动画效果--stop()方法的功能是在动画完毕之前，停止当前正在运行的动画效果，这些效果包含滑动、淡入淡出和自己定义的动画。它的调用格式为：$(selector).stop([clearQueue],[goToEnd]);当中，两个可选项參数clearQueue和goToEnd都是布尔类型值。前者表示是否停止正在运行的动画，后者表示是否完毕正在运行的动画，默觉得false。 (9). 调用delay()方法延时运行动画效果 --delay()方法的功能是设置一个延时值来推迟动画效果的运行，它的调用格式为：$(selector).delay(duration);当中參数duration为延时值，它的单位是毫秒。当超过延时值时，动画继续运行。 
 <h3>7. jQuery 实现Ajax应用</h3> 
 
 
 (1). 使用load()方法异步请求数据--使用load()方法通过Ajax请求载入server中的数据，并把返回的数据放置到指定的元素中，它的调用格式为：load(url,[data],[callback])參数url为载入server地址。可选项data參数为请求时发送的数据，callback參数为数据请求成功后，运行的回调函数。 
 (2).使用getJSON()方法异步载入JSON格式数据--使用getJSON()方法能够通过Ajax异步请求的方式，获取server中的数组。并对获取的数据进行解析，显示在页面中，它的调用格式为：jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]);当中，url參数为请求载入json格式文件的server地址。可选项data參数为请求时发送的数据，callback參数为数据请求成功后。运行的回调函数。 
 (3).使用getScript()方法异步载入并运行js文件--使用getScript()方法异步请求并运行server中的JavaScript格式的文件，它的调用格式例如以下所看到的：jQuery.getScript(url,[callback])或$.getScript(url,[callback]);參数url为server请求地址，可选项callback參数为请求成功后运行的回调函数。 (4). 使用get()方法以GET方式从server获取数据--使用get()方法时，採用GET方式向server请求数据，并通过方法中回调函数的參数返回请求的数据，它的调用格式例如以下：$.get(url,[callback]);參数url为server请求地址。可选项callback參数为请求成功后运行的回调函数。 (5). 使用post()方法以POST方式从server发送数据--与get()方法相比，post()方法多用于以POST方式向server发送数据。server接收到数据之后，进行处理，并将处理结果返回页面。调用格式例如以下：$.post(url,[data],[callback]);參数url为server请求地址，可选项data为向server请求时发送的数据。可选项callback參数为请求成功后运行的回调函数。 (6). 使用serialize()方法序列化表单元素值--使用serialize()方法能够将表单中有name属性的元素值进行序列化。生成标准URL编码文本字符串。直接可用于ajax请求。它的调用格式例如以下：$(selector).serialize();当中selector參数是一个或多个表单中的元素或表单元素本身。 
 (调用表单元素本身的serialize()方法，将表单中元素所有序列化，生成标准URL编码，各元素间通过&号相联。) (7). 使用ajax()方法载入server数据 --使用ajax()方法是最底层、功能最强大的请求server数据的方法，它不仅能够获取server返回的数据。还能向server发送请求并传递数值，它的调用格式例如以下：jQuery.ajax([settings])或$.ajax([settings]);当中參数settings为发送ajax请求时的配置对象，在该对象中，url表示server请求的路径，data为请求时传递的数据。dataType为server返回的数据类型。success为请求成功的运行的回调函数。type为发送数据请求的方式。默觉得get。 
 (8). 使用ajaxSetup()方法设置全局Ajax默认选项--使用ajaxSetup()方法能够设置Ajax请求的一些全局性选项值，设置完毕后，后面的Ajax请求将不须要再加入这些选项值。它的调用格式为：jQuery.ajaxSetup([options])或$.ajaxSetup([options]);可选项options參数为一个对象。通过该对象设置Ajax请求时的全局选项值。 样例：（使用ajaxSetup()方法设置了Ajax请求时的一些全局性的配置选项后，在两次调用ajax请求servertxt文件时，仅仅须要设置url地址就可以。）   <script type="text/javascript">    $(function () { $.ajaxSetup( { dataType:"text", success:function(data){     $("ul").append("<li>你输入的  "    + $("#txtNumber").val() + " 是 "    + data + " </li>");    } }); $("#btnShow_1").bind("click", function () {    $.ajax({ data: { num: $("#txtNumber").val() }, url: "http://www.imooc.com/data/check.php"    }); }) $("#btnShow_2").bind("click", function () {    $.ajax({ data: { num: $("#txtNumber").val() }, url: "http://www.imooc.com/data/check_f.php"    }); })    }); </script> (9). 使用ajaxStart()和ajaxStop()方法--ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数。ajaxStop()方法用于在Ajax请求完毕后触发函数。它们的调用格式为：$(selector).ajaxStart(function())和$(selector).ajaxStop(function())；当中，两个方法中括号都是绑定的函数。当发送Ajax请求前运行ajaxStart()方法绑定的函数，请求成功后，运行ajaxStop ()方法绑定的函数。 
 样例： $(function () { $("#divload").ajaxStart( function(){    $(this).html("正在请求数据..."); }); $("#divload").ajaxStop(function(){    $(this).html("数据请求完毕！ 
 "); }); 
 <h3>8. jQuery 经常使用插件</h3> 
 (1). 表单验证插件——validate 该插件自带包括必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还同意自己定义验证规则，插件调用方法例如以下：$(form).validate({options});当中form參数表示表单元素名称，options參数表示调用方法时的配置对象。全部的验证规则和异常信息显示的位置都在该对象中进行设置。 
 
 Jquery Validate 验证规则 
 
 (1)required:true 必输字段 
 
 (2)remote:”check.php” 使用ajax方法调用check.php验证输入值 
 
 (3)email:true 必须输入正确格式的电子邮件 
 
 (4)url:true 必须输入正确格式的网址 
 
 (5)date:true 必须输入正确格式的日期 
 
 (6)dateISO:true 必须输入正确格式的日期(ISO)。比如：2009-06-23。1998/01/22 仅仅验证格式，不验证有效性 
 
 (7)number:true 必须输入合法的数字(负数，小数) 
 
 (8)digits:true 必须输入整数 
 
 (9)creditcard: 必须输入合法的信用卡号 
 
 (10)equalTo:”#field” 输入值必须和#field同样 
 
 (11)accept: 输入拥有合法后缀名的字符串（上传文件的后缀） 
 
 (12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符) 
 
 (13)minlength:10 输入长度最小是10的字符串(汉字算一个字符) 
 
 (14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串”)(汉字算一个字符) 
 
 (15)range:[5,10] 输入值必须介于 5 和 10 之间 
 
 (16)max:5 输入值不能大于5 
 
 (17)min:10 输入值不能小于10 
 
 样例： 
 
 <script type="text/javascript"> 
             $(function () { 
                 $("#frmV").validate( 
                   { 
                       /*自己定义验证规则*/ 
                       rules: { 
                             email:{ 
                              required:true, //是否同意为空 
                              email:true  //正确的电子邮箱格式 
                             //digits:true  //整数 
                             } 
                       }, 
                       /*错误提示位置*/ 
                       errorPlacement: function (error, element) { 
                          error.appendTo(element.parent()); 
                          // error.appendTo(".tip"); 
                       } 
                   } 
                 ); 
             }); 
         </script> 
 
 具体站点：http://blog.csdn.net/u013147600/article/details/46816021 
 
 
 
 (2). 表单插件——form --通过表单form插件，调用ajaxForm()方法，实现ajax方式向server提交表单数据，并通过方法中的options对象获取server返回数据，调用格式例如以下：$(form). ajaxForm ({options})；当中form參数表示表单元素名称；options是一个配置对象，用于在发送ajax请求过程，设置发送时的数据和參数。 
 
 
 
 样例： 
 
 <script type="text/javascript"> 
 
    $(function () { 
 
 var options = { 
 
    url: "http://blog.csdn.net/u013147600",  
 
    target: ".tip" 
 
 } 
 
 $("#frmV").ajaxForm(options); 
 
    }); 
 
 </script> 
 
 具体站点：http://blog.csdn.net/zzq58157383/article/details/7718956 
 
  http://www.cnblogs.com/linzheng/archive/2010/11/17/1880288.html 
 
 
 
 (3). 图片灯箱插件——lightBox --该插件能够用圆角的方式展示选择中的图片，使用button查看上下张图片，在载入图片时自带进度条，还能以自己主动播放的方式浏览图片。调用格式例如以下：$(linkimage).lightBox({options});当中linkimage參数为包括图片的<a>元素名称。options为插件方法的配置对象。 
 
 样例： 
 
 <script type="text/javascript"> 
             $(function () { 
                 $(".divPics a").lightBox({ 
                     overlayBgColor: "#666", //图片浏览时的背景色 
                     overlayOpacity: 0.5, //背景色的透明度 
                     containerResizeSpeed: 600 //图片切换时的速度 
                 }) 
             }); 
         </script> 
 
 
 
 具体站点：http://www.cnblogs.com/lhb25/archive/2011/04/11/2005330.html 
 
 http://www.jquerylightbox.com/ 
 
 
 
 (4). 图片放大镜插件——jqzoom  --在调用jqzoom图片放大镜插件时。须要准备一大一小两张一样的图片，在页面中显示小图片，当鼠标在小图片中移动时。调用该插件的jqzoom()方法，显示与小图片同样的大图片区域，从而实现放大镜的效果，调用格式例如以下：$(linkimage).jqzoom({options});当中linkimage參数为包括图片的<a>元素名称，options为插件方法的配置对象。 
 样例： <script type="text/javascript">    $(function () { $(".content a").jqzoom({ //绑定图片放大插件jqzoom    zoomWidth: 123, //小图片所选区域的宽    zoomHeight: 123, //小图片所选区域的高    zoomType: 'reverse' //设置放大镜的类型 });    }); </script> 具体站点：http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819887.html http://www.oschina.net/p/jqzoom/ (5). cookie插件——cookie --使用cookie插件后，能够非常方便地通过cookie对象保存、读取、删除用户的信息。还能通过cookie插件保存用户的浏览记录，它的调用格式为：保存：$.cookie(key。value)；读取：$.cookie(key)，删除：$.cookie(key。null);当中參数key为保存cookie对象的名称，value为名称相应的cookie值。 样例： <script type="text/javascript">    $(function () { if ($.cookie("email")) {    $("#email").val($.cookie("email")); } $("#btnSet").bind("click", function () {    if ($("#chksave").is(":checked")) { $.cookie("email",$("#email").val, {    path: "/", expires: 7 })    }    else { $.cookie("email",null, {    path: "/" })    } });    }); </script> 具体站点：http://www.cnblogs.com/kissdodog/archive/2012/12/14/2818827.html http://blog.csdn.net/zzq58157383/article/details/7722106 (6). 搜索插件——autocomplete --搜索插件的功能是通过插件的autocomplete()方法与文本框相绑定。当文本框输入字符时。绑定后的插件将返回与字符相近的字符串提示选择，调用格式例如以下：$(textbox).autocomplete(urlData,[options]);当中，textbox參数为文本框元素名称，urlData为插件返回的相近字符串数据。可选项參数options为调用插件方法时的配置对象。 
 (当文本框与搜索插件相绑定后，输入随意字符时。都将返回与之相匹配的字符串，提示用户选择，文本框在空白双击时，显示所有提示信息。) 样例： <script type="text/javascript">    $(function () { var arrUserName = ["王五", "刘明", "李小四", "刘促明", "李渊", "张小三", "王小明"]; $("#txtSearch").autocomplete(arrUserName,{    minChars: 0, //双击空白文本框时显示所有提示数据    formatItem: function (data, i, total) { return "" + data[0] + ""; //改变匹配数据显示的格式    },    formatMatch: function (data, i, total) { return data[0];    },    formatResult: function (data) { return data[0];    } }).result(SearchCallback);  function SearchCallback(event, data, formatted) {    $(".tip").show().html("您的选择是：" + (!data ? "空" : formatted)); }    }); </script> 具体站点：http://www.cnblogs.com/hyl8218/archive/2010/03/19/1688828.html http://blog.csdn.net/daicj88/article/details/6822410 --參数解释 (7). 右键菜单插件——contextmenu --右键菜单插件能够绑定页面中的随意元素。绑定后。选中元素。点击右键，便通过该插件弹出一个快捷菜单，点击菜单各项名称运行对应操作。调用代码例如以下：$(selector).contextMenu(menuId,{options});Selector參数为绑定插件的元素。meunId为快捷菜单元素，options为配置对象。 
 样例： <script type="text/javascript">    $(function () { $("#btnSubmit").contextMenu("sysMenu",  { bindings:     { 'Li3': function (Item) {     $(".tip").show().html("您点击了“保存”项"); }, 'Li4': function (Item) {     $(".tip").show().html("您点击了“退出”项"); }     }  });    });      </script> 具体站点：http://www.blogjava.net/supercrsky/articles/250091.html http://shadowlin.iteye.com/blog/939938 http://www.open-open.com/ajax/ajax20080504120558.htm (8).自己定义对象级插件——lifocuscolor插件 --自己定义的lifocuscolor插件能够在<ul>元素中，鼠标在表项<li>元素移动时。自己定义其获取焦点时的背景色，即定义<li>元素选中时的背景色，调用格式为：$(Id).focusColor(color) ;当中。參数Id表示<ul>元素的Id号。color表示<li>元素选中时的背景色。 
 样例： <script type="text/javascript">    $(function () { $("ul").focusColor("red")//调用自己定义的插件    }) </script> 具体站点：http://www.imooc.com/code/428 (9). 自己定义类级别插件—— twoaddresult --通过调用自己定义插件twoaddresult中的不同方法，能够实现对两个数值进行相加和相减的运算。导入插件后。调用格式分别为：$.addNum(p1,p2) 和 $.subNum(p1,p2);上述调用格式分别为计算两数值相加和相减的结果，p1和p2为随意数值。 具体站点：http://www.imooc.com/code/429 
 <h3>9.jQuery UI型插件</h3> (1). 拖曳插件——draggable 
 
 拖曳插件draggable的功能是拖动被绑定的元素，当这个jQuery UI插件与元素绑定后。能够通过调用draggable()方法。实现各种拖曳元素的效果，调用格式例如以下： 
 
 $(selector). draggable({options});options參数为方法调用时的配置对象，依据该对象能够设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向。 
 具体站点：http://www.cnblogs.com/luluping/archive/2009/08/27/1555329.html http://www.cnblogs.com/ganqiyin/archive/2013/12/12/3471622.html http://www.jb51.net/article/21786.htm (2). 放置插件——droppable 除使用draggable插件拖曳随意元素外。还能够调用droppable UI插件将拖曳后的随意元素放置在指定区域中。类似购物车效果，调用格式例如以下： $(selector).droppable({options}) selector參数为接收拖曳元素，options为方法的配置对象。在对象中，drop函数表示当被接收的拖曳元素全然进入接收元素的容器时，触发该函数的调用。 
 样例：    <script type="text/javascript">    var intsum=0;             $(function () {                 $(".drag").draggable();                 $(".cart").droppable({                     drop: function () {                            intsum++;                            alert(intsum);                             $(this) .addClass("focus") .find("#tip").html("");                                                $(".title span").html(intsum);                     }                                         })             });         </script> 具体站点：http://blog.csdn.net/fushou/article/details/8061521 http://blog.sina.com.cn/s/blog_6d0dc2a90100qaln.html (3). 拖曳排序插件——sortable 拖曳排序插件的功能是将序列元素（比如<option>、<li>）按任何位置进行拖曳从而形成一个新的元素序列，实现拖曳排序的功能，它的调用格式为： $(selector).sortable({options}); selector參数为进行拖曳排序的元素。options为调用方法时的配置对象。 样例： <script type="text/javascript">             $(function () {                 $("ul").sortable({                     delay:2,//延时2秒，防止与点击事件冲突                     opacity:0.35//设置透明度                 })             });         </script> 具体站点：http://hb-keepmoving.iteye.com/blog/1154618 http://www.jb51.net/article/38761.htm (4). 面板折叠插件——accordion 面板折叠插件能够实现页面中指定区域类似“手风琴”的折叠效果。即点击标题时展开内容，再点还有一标题时，关闭已展开的内容，调用格式例如以下： $(selector).accordion({options}); 当中，參数selector为整个面板元素，options參数为方法相应的配置对象。 样例： <body> <div id="divtest">    <div id="accordion"> <h3>    <a href="#">白富美</a></h3> 咱们结婚吧! <h3>    <a href="#">土豪族</a></h3> 咱们交个朋友吧!    </div> </div> <script type="text/javascript">    $(function () { $("#accordion").accordion();    }); </script> </body> 具体站点：http://www.cnblogs.com/sunfishlu/archive/2009/09/25/1573678.html http://www.jeasyui.net/plugins/161.html demo：http://www.open-open.com/ajax/Accordion.htm (5). 选项卡插件——tabs 使用选项卡插件能够将<ul>中的<li>选项定义为选项标题，在标题中，再使用<a>元素的“href”属性设置选项标题相应的内容，它的调用格式例如以下： $(selector).tabs({options}); selector參数为选项卡总体外围元素，该元素包括选项卡标题与内容，options參数为tabs()方法的配置对象，通过该对象还能以ajax方式载入选项卡的内容。 样例：  <body> <div id="divtest">    <div id="tabs"> <ul>    <li><a href="#tabs-1">最爱吃的水果</a></li>    <li><a href="#tabs-2">最喜欢的运动</a></li> </ul> <div id="tabs-1">    橘子    香蕉    葡萄 </div> <div id="tabs-2">    足球    散步    篮球 </div>    </div> </div> <script type="text/javascript">    $(function () {       $("#tabs").tabs ({    //设置各选项卡在切换时的动画效果    fx: { opacity: "toggle", height: "toggle" },    event: "mousemove" //通过移动鼠标事件切换选项卡 })    }); </script>    </body> 具体站点：http://www.cnblogs.com/bestfc/archive/2009/06/08/1498737.html http://www.jeasyui.com/documentation/tabs.php (6). 对话框插件——dialog 对话框插件能够用动画的效果弹出多种类型的对话框，实现JavaScript代码中alert()和confirm()函数的功能，它的调用格式为： $(selector).dialog({options}); selector參数为显示弹出对话框的元素，通常为<div>，options參数为方法的配置对象，在对象中能够设置对话框类型、“确定”、“取消”button运行的代码等。 样例： <body>         <div id="divtest">             <div class="content">                 张三                 <input id="btnDelete" type="button" value="删除"  class="fr"/>             </div>             <div id='dialog-modal'></div>         </div>                  <script type="text/javascript">             $(function () {                 $("#btnDelete").bind("click", function () { //询问button事件                     if ($("#spnName").html() != null) { //假设对象不为空                         sys_Confirm("您真的要删除该条记录吗？");                         return false;                     }                 });             });             function sys_Confirm(content) { //弹出询问信息窗体                 $("#dialog-modal").dialog({                     height: 140,                     modal: true,                     title: '系统提示',                     hide: 'slide',                     buttons: {                         '确定': function () {                             $("#spnName").remove();                             $(this).dialog("close");                         },                         '取消': function () {                             $(this).dialog("close");                         }                     },                     open: function (event, ui) {                         $(this).html("");                         $(this).append("" + content + "");                     }                 });             }         </script>     </body>     具体站点：http://www.cnblogs.com/haogj/archive/2011/02/16/1956523.html (7). 菜单工具插件——menu 菜单工具插件能够通过<ul>创建多级内联或弹出式菜单，支持通过键盘方向键控制菜单滑动，同意为菜单的各个选项加入图标，调用格式例如以下： $(selector).menu({options}); selector參数为菜单列表中最外层<ul>元素，options为menu()方法的配置对象。 样例： <body> <ul id="menu">    <li><a href="#">小明一中</a> <ul>    <li><a href="#">高中部</a> <ul>    <li><a href="#">高一(1)班</a></li>    <li><a href="#">高一(2)班</a></li>    <li><a href="#">高一(3)班</a> <ul>    <li><a href="#">小胡</a></li>    <li><a href="#">小李</a></li>    <li><a href="#">小陈</a></li> </ul>    </li> </ul>    </li>    <li><a href="#">初中部</a> <ul>    <li><a href="#">初一(1)班</a></li>    <li><a href="#">初一(2)班</a></li>    <li><a href="#">初一(3)班</a></li> </ul>    </li>    <li><a href="#">教研部</a></li> </ul>    </li>    <li class="ui-state-disabled"><a href="#">大明二中</a></li>     </ul>                  <script type="text/javascript">             $(function () {                 $("#menu").menu();             });         </script>     </body>     具体站点： Demo: http://www.cnblogs.com/xiaoyao2011/archive/2011/10/19/jqueryMenu.html http://sc.chinaz.com/jiaoben/caidanhaohang.html http://www.jsfoot.com/jquery/menu/ smartMenu右键自己定义上下文： http://www.zhangxinxu.com/wordpress/?p=1667 jQuery-menu-aim: http://www.cnblogs.com/naonaoye/archive/2013/03/08/2949504.html http://www.juheweb.com/js/dh/56.html jQuery 导航菜单: http://www.neoease.com/wordpress-menubar-6/ (8). 微调button插件——spinner 微调button插件不仅能在文本框中直接输入数值，还能够通过点击输入框右側的上下button改动输入框的值。还支持键盘的上下方向键改变输入值，调用格式例如以下： $(selector).spinner({options}); selector參数为文本输入框元素，可选项options參数为spinner()方法的配置对象。在该对象中，能够设置输入的最大、最小值，获取改变值和设置相应事件。 样例： <body> <div id="divtest">    <div class="title"> 选择颜色值</div>    <div class="content">    <input />    </div> </div> <script type="text/javascript">    $(function () { //定义变量 var intR = 0, intG = 0, intB = 0, strColor; $("input").spinner({    //初始化插件    max: 10,    min: 0,    //设置微调button递增/递减事件    spin: function (event, ui) { if (ui.value == 8)    spnPrev.style.backgroundColor = "red"; else    spnPrev.style.backgroundColor = "green";    },    //设置微调button值改变事件    change: function (event, ui) { var intTmp = $(this).spinner("value"); if (intTmp < 0) $(this).spinner("value", 0); if (intTmp > 10) $(this).spinner("value", 10); if (intTmp == 8)    spnPrev.style.backgroundColor = "red"; else    spnPrev.style.backgroundColor = "green";    } });    }); </script>    </body> 来源站点： http://www.css88.com/jquery-ui-api/spinner/ http://www.cnblogs.com/Philoo/archive/2011/10/20/jeasyui_api_spinner.html (9). 工具提示插件——tooltip 工具提示插件能够定制元素的提示外观，提示内容支持变量、Ajax远程获取，还能够自己定义提示内容显示的位置，它的调用格式例如以下： $(selector).tooltip({options}); 当中selector为须要显示提示信息的元素。可选项參数options为tooltip()方法的配置对象。在该对象中，能够设置提示信息的弹出、隐藏时的效果和所在位置。 
 样例： <body> <div id="divtest">    <div class="title"> 工具提示插件</div>    <div class="content"> <div>    <label for="name"> 姓名</label>    <input id="name" name="name" title="我是土豪。欢迎与我做朋友" /> </div>    </div> </div> <script type="text/javascript">    $(function () { $("input").tooltip({    show: { effect: "slideDown", delay: 350    },    hide: { effect: "explode", delay: 350    },    position: { my: "left top", at: "left bottom"    } });    }); </script>    </body>    具体站点： http://www.jb51.net/article/19368.htm http://www.cnblogs.com/QLeelulu/archive/2008/03/09/1097368.html 
 <h3> 10.  jQuery 工具类函数</h3> 
 (1).获取浏览器的名称与版本号信息 
 
 在jQuery中。通过$.browser对象能够获取浏览器的名称和版本号信息，如$.browser.chrome为true。表示当前为Chrome浏览器，$.browser.mozilla为true。表示当前为火狐浏览器。还能够通过$.browser.version方式获取浏览器版本号信息。 
 
 (2). 检測浏览器是否属于W3C盒子模型 
 
 浏览器的盒子模型分为两类，一类为标准的w3c盒子模型，还有一类为IE盒子模型，两者差别为在Width和Height这两个属性值中是否包括padding和border的值，w3c盒子模型不包括，IE盒子模型则包括，而在jQuery 中，能够通过$.support.boxModel对象返回的值。检測浏览器是否属于标准的w3c盒子模型。 
 (3). 检測对象是否为空 在jQuery中。能够调用名为$.isEmptyObject的工具函数。检測一个对象的内容是否为空，假设为空。则该函数返回true，否则。返回false值，调用格式例如以下： $.isEmptyObject(obj);当中。參数obj表示须要检測的对象名称。 
 (4). 检測对象是否为原始对象 调用名为$.isPlainObject的工具函数，能检測对象是否为通过{}或new Object()keyword创建的原始对象，假设是，返回true。否则，返回false值。调用格式为： $.isPlainObject (obj); 当中，參数obj表示须要检測的对象名称。 (5). 检測两个节点的包括关系 调用名为$.contains的工具函数。能检測在一个DOM节点中是否包括另外一个DOM节点，假设包括。返回true。否则，返回false值。调用格式为： $.contains (container, contained); 參数container表示一个DOM对象节点元素，用于包括其它节点的容器，contained是还有一个DOM对象节点元素，用于被其它容器所包括。 (6). 字符串操作函数 调用名为$.trim的工具函数。能删除字符串中左右两边的空格符，但该函数不能删除字符串中间的空格，调用格式为： $.trim (str); 參数str表示须要删除左右两边空格符的字符串。 (7). URL操作函数 调用名为$. param的工具函数。能使对象或数组依照key/value格式进行序列化编码，该编码后的值经常使用于向服务端发送URL请求，调用格式为： $. param (obj); 參数obj表示须要进行序列化的对象，该对象也能够是一个数组。整个函数返回一个经过序列化编码后的字符串。 (8). 使用$.extend()扩展工具函数 调用名为$. extend的工具函数，能够对原有的工具函数进行扩展，自己定义类级别的jQuery插件，调用格式为： $. extend ({options}); 參数options表示自己定义插件的函数内容。 (9). 使用$.extend()扩展Object对象 除使用$.extend扩展工具函数外，还能够扩展原有的Object对象。在扩展对象时，两个对象将进行合并。当存在同样属性名时，后者将覆盖前者，调用格式为： 
 $. extend (obj1,obj2,…objN); 參数obj1至objN表示须要合并的各个原有对象。 
 
 主要參考站点：慕课站点学习：http://www.imooc.com/learn/11 
 </div> 
 </div> 
 转载于:https://www.cnblogs.com/lytwajue/p/6791291.html 
 </div> 
</div>
 </div>
 </div>
 </div>
 
 <div id="SOHUCS" sid="1187336832208183296"></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">你可能感兴趣的:(jQuery 基础学习笔记总结（一）)</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>
 白心之岂必有为

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

<div>今天是家庭关系规划师的第二阶最后一天，慧萍老师帮我做了个案，帮我处理了埋在心底好多年的一份恐惧，并给了我深深的力量！这几天出来学习，爸妈过来婆家帮我带小孩，妈妈出于爱帮我收拾东西，并跟我先生和婆婆产生矛盾，妈妈觉得他们没有照顾好我…。今晚回家见到妈妈，我很欣赏她并赞扬她，妈妈说今晚要跟我睡我说好，当我们俩躺在床上准备睡觉的时候，我握着妈妈的手对她说:妈妈这几天辛苦你了，你看你多利害把我们的家收拾得</div>
 </li>
 <li><a href="/article/1835514335561084928.htm"
 title="芦花鞋一四" target="_blank">芦花鞋一四</a>
 许叶晗

<div>又是在一个寒冷的夏日里，青铜和葵花决定今天一起去卖芦花鞋，奶奶亲手给他们做了一碗热乎乎的粥对他们说:“就靠你们两挣生活费了这碗粥赶紧趁热喝了吧！”于是青铜和葵花喝完了奶奶给她们做的粥，就准备去镇上卖卢花鞋，这回青铜和葵花穿着新的芦花鞋来到了镇上。青铜这回看到了很多人都在卖，用手势表达对葵花说:“这回有好多人在抢我们生意呢！我们必须得吆喝起来。”葵花点了点头。可是谁知他们也大声的叫，卖芦花喽！卖芦花</div>
 </li>
 <li><a href="/article/1835514307744460800.htm"
 title="QQ群采集助手，精准引流必备神器" target="_blank">QQ群采集助手，精准引流必备神器</a>
 2401_87347160
<a class="tag" taget="_blank" href="/search/%E5%85%B6%E4%BB%96/1.htm">其他</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a>
 <div>功能概述微信群查找与筛选工具是一款专为微信用户设计的辅助工具，它通过关键词搜索功能，帮助用户快速找到相关的微信群，并提供筛选是否需要验证的群组的功能。主要功能关键词搜索：用户可以输入关键词，工具将自动查找包含该关键词的微信群。筛选功能：工具提供筛选机制，用户可以选择是否只显示需要验证或不需要验证的群组。精准引流：通过上述功能，用户可以更精准地找到目标群组，进行有效的引流操作。3.设备需求该工具可以</div>
 </li>
 <li><a href="/article/1835513803861749760.htm"
 title="机器学习与深度学习间关系与区别" target="_blank">机器学习与深度学习间关系与区别</a>
 ℒℴѵℯ心·动ꦿ໊ོ꫞
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
 <div>一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入</div>
 </li>
 <li><a href="/article/1835513701143244800.htm"
 title="铭刻于星（四十二）" target="_blank">铭刻于星（四十二）</a>
 随风至

<div>69夜晚，绍敏同学做完功课后，看了眼房外，没听到动静才敢从书包的夹层里拿出那个心形纸团。折痕压得很深，都有些旧了，想来是已经写好很久了。绍敏同学慢慢地、轻轻地捏开折叠处，待到全部拆开后，又反复抚平纸张，然后仔细地一字字默看。只是开头的三个字是第一次看到，让她心漏跳了几拍。“亲爱的绍敏：从四年级的时候，我就喜欢你了，但是我一直不敢说，怕影响你学习。六年级的时候听说有人跟你表白，你接受了，我很难过，但</div>
 </li>
 <li><a href="/article/1835513570171908096.htm"
 title="底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说" target="_blank">底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说</a>
 造命者说

<div>底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说我叫吴起，生于公元前440年的战国初期，正是群雄并起、天下纷争不断的时候。后人说我是军事家、政治家、改革家，是兵家代表人物。评价我一生历仕鲁、魏、楚三国，通晓兵家、法家、儒家三家思想，在内政军事上都有极高的成就。周安王二十一年（公元前381年），因变法得罪守旧贵族，被人乱箭射死。我出生在卫国一个“家累万金”的富有家庭，从年轻时候起就不甘平凡</div>
 </li>
 <li><a href="/article/1835513571501502464.htm"
 title="2020-01-25" target="_blank">2020-01-25</a>
 晴岚85

<div>郑海燕坚持分享590天2020.1.24在生活中只存在两个问题。一个问题是：你知道想要达成的目标是什么，但却不知道如何才能达成；另一个问题是：你不知道你的目标是什么。前一个是行动的问题，后一个是结果的问题。通过制定具体的下一步行动，可以解决不知道如何开始行动的问题。而通过去想象结果，对结果做预估，可以解决找不着目标的问题。对于所有吸引我们注意力，想要完成的任务，你可以先想象一下，预期的结果究竟是什</div>
 </li>
 <li><a href="/article/1835513568917811200.htm"
 title="随笔 | 仙一般的灵气" target="_blank">随笔 | 仙一般的灵气</a>
 海思沧海

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

<div>也许不同于大家对家乡的思念，我对家乡甚至是疯狂的不舍。还未踏出车站就感觉到幸福，我享受这里的夕阳、这里的浓烈柴火味、这里每一口家常菜。我是宅女，我贪恋家的安逸。刚刚踏出大学校门，初出茅庐，无法适应每年只能国庆和春节回家。我焦虑、失眠、无端发脾气，是无法适应工作的节奏，是无法接受我将一步步离开家乡的事实。我不想承认自己胸无大志，选择再次踏上征程。图片发自App</div>
 </li>
 <li><a href="/article/1835513551624695808.htm"
 title="【iOS】MVC设计模式" target="_blank">【iOS】MVC设计模式</a>
 Magnetic_h
<a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/objective-c/1.htm">objective-c</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a>
 <div>MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod</div>
 </li>
 <li><a href="/article/1835513551142350848.htm"
 title="OC语言多界面传值五大方式" target="_blank">OC语言多界面传值五大方式</a>
 Magnetic_h
<a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/objective-c/1.htm">objective-c</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
 <div>前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt</div>
 </li>
 <li><a href="/article/1835513440525971456.htm"
 title="一百九十四章. 自相矛盾" target="_blank">一百九十四章. 自相矛盾</a>
 巨木擎天

<div>唉！就这么一夜，林子感觉就像过了很多天似的，先是回了阳间家里，遇到了那么多不可思议的事情儿。特别是小伙伴们，第二次与自己见面时，僵硬的表情和恐怖的气氛，让自己如坐针毡，打从心眼里难受！还有东子，他现在还好吗？有没有被人欺负？护城河里的小鱼小虾们，还都在吗？水不会真的干枯了吧？那对相亲相爱漂亮的太平鸟儿，还好吧！春天了，到了做窝、下蛋、喂养小鸟宝宝的时候了，希望它们都能够平安啊！虽然没有看见家人，也</div>
 </li>
 <li><a href="/article/1835513424734416896.htm"
 title="UI学习——cell的复用和自定义cell" target="_blank">UI学习——cell的复用和自定义cell</a>
 Magnetic_h
<a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
 <div>目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添</div>
 </li>
 <li><a href="/article/1835512920797179904.htm"
 title="element实现动态路由+面包屑" target="_blank">element实现动态路由+面包屑</a>
 软件技术NINI
<a class="tag" taget="_blank" href="/search/vue%E6%A1%88%E4%BE%8B/1.htm">vue案例</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
 <div>el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi</div>
 </li>
 <li><a href="/article/1835512809883004928.htm"
 title="10月|愿你的青春不负梦想-读书笔记-01" target="_blank">10月|愿你的青春不负梦想-读书笔记-01</a>
 Tracy的小书斋

<div>本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便</div>
 </li>
 <li><a href="/article/1835512542735200256.htm"
 title="C语言宏函数" target="_blank">C语言宏函数</a>
 南林yan
<a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a>
 <div>一、什么是宏函数？通过宏定义的函数是宏函数。如下，编译器在预处理阶段会将Add(x,y)替换为((x)*(y))#defineAdd(x,y)((x)*(y))#defineAdd(x,y)((x)*(y))intmain(){inta=10;intb=20;intd=10;intc=Add(a+d,b)*2;cout<<c<<endl;//800return0;}二、为什么要使用宏函数使用宏函数</div>
 </li>
 <li><a href="/article/1835512305320816640.htm"
 title="地推话术，如何应对地推过程中家长的拒绝" target="_blank">地推话术，如何应对地推过程中家长的拒绝</a>
 校师学

<div>相信校长们在做地推的时候经常遇到这种情况：市场专员反馈家长不接单，咨询师反馈难以邀约这些家长上门，校区地推疲软，招生难。为什么？仅从地推层面分析，一方面因为家长受到的信息轰炸越来越多，对信息越来越“免疫”；而另一方面地推人员的专业能力和营销话术没有提高，无法应对家长的拒绝，对有意向的家长也不知如何跟进，眼睁睁看着家长走远；对于家长的疑问，更不知道如何有技巧地回答，机会白白流失。由于回答没技巧和专业</div>
 </li>
 <li><a href="/article/1835512178023690240.htm"
 title="谢谢你们，爱你们！" target="_blank">谢谢你们，爱你们！</a>
 鹿游儿

<div>昨天家人去泡温泉，二个孩子也带着去，出发前一晚，匆匆下班，赶回家和孩子一起收拾。饭后，我拿出笔和本子（上次去澳门时做手帐的本子）写下了1\2\3\4\5\6\7\8\9,让后让小壹去思考，带什么出发去旅游呢？她在对应的数字旁边画上了，泳衣、泳圈、肖恩、内衣内裤、tapuy、拖鞋……画完后，就让她自己对着这个本子，将要带的，一一带上，没想到这次带的书还是这本《便便工厂》(晚上姑婆发照片过来，妹妹累得</div>
 </li>
 <li><a href="/article/1835511911769272320.htm"
 title="C语言如何定义宏函数？" target="_blank">C语言如何定义宏函数？</a>
 小九格物
<a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a>
 <div>在C语言中，宏函数是通过预处理器定义的，它在编译之前替换代码中的宏调用。宏函数可以模拟函数的行为，但它们不是真正的函数，因为它们在编译时不会进行类型检查，也不会分配存储空间。宏函数的定义通常使用#define指令，后面跟着宏的名称和参数列表，以及宏展开后的代码。宏函数的定义方式：1.基本宏函数：这是最简单的宏函数形式，它直接定义一个表达式。#defineSQUARE(x)((x)*(x))2.带参</div>
 </li>
 <li><a href="/article/1835511912843014144.htm"
 title="理解Gunicorn：Python WSGI服务器的基石" target="_blank">理解Gunicorn：Python WSGI服务器的基石</a>
 范范0825
<a class="tag" taget="_blank" href="/search/ipython/1.htm">ipython</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
 <div>理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico</div>
 </li>
 <li><a href="/article/1835511669476913152.htm"
 title="小丽成长记（四十三）" target="_blank">小丽成长记（四十三）</a>
 玲玲54321

<div>小丽发现，即使她好不容易调整好自己的心态下一秒总会有不确定的伤脑筋的事出现，一个接一个的问题，人生就没有停下的时候，小问题不断出现。不过她今天看的书，她接受了人生就是不确定的，厉害的人就是不断创造确定性，在Ta的领域比别人多的确定性就能让自己脱颖而出，显示价值从而获得的比别人多的利益。正是这样的原因，因为从前修炼自己太少，使得她现在在人生道路上打怪起来困难重重，她似乎永远摆脱不了那种无力感，有种习</div>
 </li>
 <li><a href="/article/1835511542284644352.htm"
 title="学点心理知识，呵护孩子健康" target="_blank">学点心理知识，呵护孩子健康</a>
 静候花开_7090

<div>昨天听了华中师范大学教育管理学系副教授张玲老师的《哪里才是学生心理健康的最后庇护所，超越教育与技术的思考》的讲座。今天又重新学习了一遍，收获匪浅。张玲博士也注意到了当今社会上的孩子由于心理问题导致的自残、自杀及伤害他人等恶性事件。她向我们普及了一个重要的命题，她说心理健康的一些基本命题，我们与我们通常的一些教育命题是不同的，她还举了几个例子，让我们明白我们原来以为的健康并非心理学上的健康。比如如果</div>
 </li>
 <li><a href="/article/1835511163450912768.htm"
 title="2021年12月19日，春蕾教育集团团建活动感受——黄晓丹" target="_blank">2021年12月19日，春蕾教育集团团建活动感受——黄晓丹</a>
 黄错错加油

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

<div>结核病是艾滋病合并其他疾病中导致患者死亡的主要原因。其中结核病由结核分枝杆菌（Mycobacteriumtuberculosis,Mtb）感染引起，获得性免疫缺陷综合症（艾滋病）由人免疫缺陷病毒（Humanimmunodeficiencyvirustype1,HIV-1）感染引起。国家感染性疾病临床医学研究中心/深圳市第三人民医院张国良团队携手深圳华大生命科学研究院吴靓团队，共同研究得出单细胞测序</div>
 </li>
 <li><a href="/article/1835510909070569472.htm"
 title="瑶池防线" target="_blank">瑶池防线</a>
 谜影梦蝶

<div>冥华虽然逃过了影梦的军队，但他是一个忠臣，他选择上报战况。败给影梦后成逃兵，高层亡尔还活着，七重天失守......随便一条，即可处死冥华。冥华自然是知道以仙界高层的习性此信一发自己必死无疑，但他还选择上报实情，因为责任。同样此信送到仙宫后，知道此事的人，大多数人都认定冥华要完了，所以上到仙界高层，下到扫大街的，包括冥华自己，全都准备好迎接冥华之死。如果仙界现在还属于两方之争的话，冥华必死无疑。然而</div>
 </li>
 <li><a href="/article/1835510656011431936.htm"
 title="爬山后遗症" target="_blank">爬山后遗症</a>
 璃绛

<div>爬山，攀登，一步一步走向制高点，是一种挑战。成功抵达是一种无法言语的快乐，在山顶吹吹风，看看风景，这是从未有过的体验。然而，爬山一时爽，下山腿打颤，颠簸的路，一路向下走，腿部力量不够，走起来抖到不行，停不下来了！第二天必定腿疼，浑身酸痛，坐立难安！</div>
 </li>
 <li><a href="/article/1835510025561403392.htm"
 title="《投行人生》读书笔记" target="_blank">《投行人生》读书笔记</a>
 小蘑菇的树洞

<div>《投行人生》----作者詹姆斯-A-朗德摩根斯坦利副主席40年的职业洞见-很短小精悍的篇幅，比较适合初入职场的新人。第一部分成功的职业生涯需要规划1.情商归为适应能力分享与协作同理心适应能力，更多的是自我意识，你有能力识别自己的情并分辨这些情绪如何影响你的思想和行为。2.对于初入职场的人的建议，细节，截止日期和数据很重要截止日期，一种有效的方法是请老板为你所有的任务进行优先级排序。和老板喝咖啡的好</div>
 </li>
 <li><a href="/article/1835509898507546624.htm"
 title="《策划经理回忆录之二》" target="_blank">《策划经理回忆录之二》</a>
 路基雅虎

<div>话说三年变六年，飘了，飘了……眨眼，2013年5月，老吴回到了他的家乡——油城从新开启他的工作幻想症生涯。很庆幸，这是一家很有追求，同时敢于尝试的，且实力不容低调的新星房企——金源置业(前身泰源置业)更值得庆幸的是第一个盘就是油城十路的标杆之一:金源盛世。2013年5月，到2015年11月，两年的陪伴，迎来了一场大爆发。2000个筹，5万/筹，直接回笼1个亿！！！这……让我开始认真审视这座看似五线</div>
 </li>
 <li><a href="/article/1835509897106649088.htm"
 title="Long类型前后端数据不一致" target="_blank">Long类型前后端数据不一致</a>
 igotyback
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
 <div>响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问</div>
 </li>
 <li><a href="/article/41.htm"
 title="html页面js获取参数值" target="_blank">html页面js获取参数值</a>
 0624chenhong
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
 <div>1.js获取参数值js 
function GetQueryString(name) 
 { 
      var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
      var r = windo</div>
 </li>
 <li><a href="/article/168.htm"
 title="MongoDB 在多线程高并发下的问题" target="_blank">MongoDB 在多线程高并发下的问题</a>
 BigCat2013
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/DB/1.htm">DB</a><a class="tag" taget="_blank" href="/search/%E9%AB%98%E5%B9%B6%E5%8F%91/1.htm">高并发</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E5%A4%8D%E6%95%B0%E6%8D%AE/1.htm">重复数据</a>
 <div>最近项目用到 MongoDB , 主要是一些读取数据及改状态位的操作. 因为是结合了最近流行的 Storm进行大数据的分析处理，并将分析结果插入Vertica数据库，所以在多线程高并发的情境下, 会发现 Vertica 数据库中有部分重复的数据. 这到底是什么原因导致的呢？笔者开始也是一筹莫 展，重复去看 MongoDB 的 API , 终于有了新发现 ： 
com.mongodb.DB 这个类有</div>
 </li>
 <li><a href="/article/295.htm"
 title="c++ 用类模版实现链表(c++语言程序设计第四版示例代码)" target="_blank">c++ 用类模版实现链表(c++语言程序设计第四版示例代码)</a>
 CrazyMizzz
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a>
 <div>#include<iostream>
#include<cassert>
using namespace std;
template<class T>
class Node
{
private:
	Node<T> * next;
public:
	T data; </div>
 </li>
 <li><a href="/article/422.htm"
 title="最近情况" target="_blank">最近情况</a>
 麦田的设计者
<a class="tag" taget="_blank" href="/search/%E6%84%9F%E6%85%A8/1.htm">感慨</a><a class="tag" taget="_blank" href="/search/%E8%80%83%E8%AF%95/1.htm">考试</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a>
 <div>   在五月黄梅天的岁月里，一年两次的软考又要开始了。到目前为止，我已经考了多达三次的软考，最后的结果就是通过了初级考试（程序员）。人啊，就是不满足，考了初级就希望考中级，于是，这学期我就报考了中级，明天就要考试。感觉机会不大，期待奇迹发生吧。这个学期忙于练车，写项目，反正最后是一团糟。后天还要考试科目二。这个星期真的是很艰难的一周，希望能快点度过。 
  </div>
 </li>
 <li><a href="/article/549.htm"
 title="linux系统中用pkill踢出在线登录用户" target="_blank">linux系统中用pkill踢出在线登录用户</a>
 被触发
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
 <div>由于linux服务器允许多用户登录，公司很多人知道密码，工作造成一定的障碍所以需要有时踢出指定的用户 
1/#who   查出当前有那些终端登录（用 w 命令更详细） 
# who 
root     pts/0        2010-10-28 09:36 (192</div>
 </li>
 <li><a href="/article/676.htm"
 title="仿QQ聊天第二版" target="_blank">仿QQ聊天第二版</a>
 肆无忌惮_
<a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a>
 <div>在第一版之上的改进内容: 
 第一版链接: 
http://479001499.iteye.com/admin/blogs/2100893 
  
用map存起来号码对应的聊天窗口对象,解决私聊的时候所有消息发到一个窗口的问题. 
增加ViewInfo类,这个是信息预览的窗口,如果是自己的信息,则可以进行编辑. 
  
信息修改后上传至服务器再告诉所有用户,自己的窗口</div>
 </li>
 <li><a href="/article/803.htm"
 title="java读取配置文件" target="_blank">java读取配置文件</a>
 知了ing

<div>1，java读取.properties配置文件 
 
InputStream in;
		try {
			in = test.class.getClassLoader().getResourceAsStream("config/ipnetOracle.properties");//配置文件的路径
		 Properties p = new Properties()</div>
 </li>
 <li><a href="/article/930.htm"
 title="__attribute__ 你知多少？" target="_blank">__attribute__ 你知多少？</a>
 矮蛋蛋
<a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/gcc/1.htm">gcc</a>
 <div>原文地址: 
http://www.cnblogs.com/astwish/p/3460618.html 
GNU C 的一大特色就是__attribute__ 机制。__attribute__ 可以设置函数属性（Function Attribute ）、变量属性（Variable Attribute ）和类型属性（Type Attribute ）。 
 
__attribute__ 书写特征是：</div>
 </li>
 <li><a href="/article/1057.htm"
 title="jsoup使用笔记" target="_blank">jsoup使用笔记</a>
 alleni123
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/JSoup/1.htm">JSoup</a>
 <div><dependency>
	<groupId>org.jsoup</groupId>
	<artifactId>jsoup</artifactId>
	<version>1.7.3</version>
</dependency>
 
 
 
 
 
2014/08/28 
今天遇到这种形式， </div>
 </li>
 <li><a href="/article/1184.htm"
 title="JAVA中的集合 Collectio 和Map的简单使用及方法" target="_blank">JAVA中的集合 Collectio 和Map的简单使用及方法</a>
 百合不是茶
<a class="tag" taget="_blank" href="/search/list/1.htm">list</a><a class="tag" taget="_blank" href="/search/map/1.htm">map</a><a class="tag" taget="_blank" href="/search/set/1.htm">set</a>
 <div>         List ,set ,map的使用方法和区别 
java容器类类库的用途是保存对象，并将其分为两个概念： 
    Collection集合：一个独立的序列，这些序列都服从一条或多条规则;List必须按顺序保存元素  ，set不能重复元素；Queue按照排队规则来确定对象产生的顺序（通常与他们被插入的</div>
 </li>
 <li><a href="/article/1311.htm"
 title="杀LINUX的JOB进程" target="_blank">杀LINUX的JOB进程</a>
 bijian1013
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a>
 <div>今天发现数据库一个JOB一直在执行，都执行了好几个小时还在执行，所以想办法给删除掉 
  
系统环境： 
   ORACLE 10G 
   Linux操作系统 
  
操作步骤如下： 
第一步.查询出来那个job在运行，找个对应的SID字段 
select * from dba_jobs_running--找到job对应的sid 
&n</div>
 </li>
 <li><a href="/article/1438.htm"
 title="Spring AOP详解" target="_blank">Spring AOP详解</a>
 bijian1013
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/AOP/1.htm">AOP</a>
 <div>        最近项目中遇到了以下几点需求，仔细思考之后，觉得采用AOP来解决。一方面是为了以更加灵活的方式来解决问题，另一方面是借此机会深入学习Spring AOP相关的内容。例如，以下需求不用AOP肯定也能解决，至于是否牵强附会，仁者见仁智者见智。 
1.对部分函数的调用进行日志记录，用于观察特定问题在运行过程中的函数调用</div>
 </li>
 <li><a href="/article/1565.htm"
 title="[Gson六]Gson类型适配器(TypeAdapter)" target="_blank">[Gson六]Gson类型适配器(TypeAdapter)</a>
 bit1129
<a class="tag" taget="_blank" href="/search/Adapter/1.htm">Adapter</a>
 <div>TypeAdapter的使用动机 
 Gson在序列化和反序列化时，默认情况下，是按照POJO类的字段属性名和JSON串键进行一一映射匹配，然后把JSON串的键对应的值转换成POJO相同字段对应的值，反之亦然，在这个过程中有一个JSON串Key对应的Value和对象之间如何转换(序列化/反序列化)的问题。 
  
以Date为例，在序列化和反序列化时，Gson默认使用java.</div>
 </li>
 <li><a href="/article/1692.htm"
 title="【spark八十七】给定Driver Program， 如何判断哪些代码在Driver运行，哪些代码在Worker上执行" target="_blank">【spark八十七】给定Driver Program， 如何判断哪些代码在Driver运行，哪些代码在Worker上执行</a>
 bit1129
<a class="tag" taget="_blank" href="/search/driver/1.htm">driver</a>
 <div>Driver Program是用户编写的提交给Spark集群执行的application，它包含两部分 
 
 作为驱动： Driver与Master、Worker协作完成application进程的启动、DAG划分、计算任务封装、计算任务分发到各个计算节点(Worker)、计算资源的分配等。 
 计算逻辑本身，当计算任务在Worker执行时，执行计算逻辑完成application的计算任务 
 </div>
 </li>
 <li><a href="/article/1819.htm"
 title="nginx 经验总结" target="_blank">nginx 经验总结</a>
 ronin47
<a class="tag" taget="_blank" href="/search/nginx+%E6%80%BB%E7%BB%93/1.htm">nginx 总结</a>
 <div>　　　深感nginx的强大，只学了皮毛，把学下的记录。 
　　　获取Header 信息，一般是以$http_XX（ＸＸ是小写） 
           获取body,通过接口，再展开，根据Ｋ取Ｖ 
　　　获取uri,以$arg_XX 
     &n</div>
 </li>
 <li><a href="/article/1946.htm"
 title="轩辕互动-1.求三个整数中第二大的数2.整型数组的平衡点" target="_blank">轩辕互动-1.求三个整数中第二大的数2.整型数组的平衡点</a>
 bylijinnan
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%BB%84/1.htm">数组</a>
 <div>
import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;

public class ExoWeb {

public static void main(String[] args) {
		ExoWeb ew=new ExoWeb();
		
		System.out.pri</div>
 </li>
 <li><a href="/article/2073.htm"
 title="Netty源码学习-Java-NIO-Reactor" target="_blank">Netty源码学习-Java-NIO-Reactor</a>
 bylijinnan
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a>
 <div>Netty里面采用了NIO-based Reactor Pattern 
了解这个模式对学习Netty非常有帮助 
 
参考以下两篇文章： 
 
http://jeewanthad.blogspot.com/2013/02/reactor-pattern-explained-part-1.html 
 
http://gee.cs.oswego.edu/dl/cpjslides/nio.pdf 
</div>
 </li>
 <li><a href="/article/2200.htm"
 title="AOP通俗理解" target="_blank">AOP通俗理解</a>
 cngolon
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/AOP/1.htm">AOP</a>
 <div>1.我所知道的aop     初看aop,上来就是一大堆术语，而且还有个拉风的名字，面向切面编程，都说是OOP的一种有益补充等等。一下子让你不知所措，心想着：怪不得很多人都和 我说aop多难多难。当我看进去以后，我才发现：它就是一些java基础上的朴实无华的应用，包括ioc，包括许许多多这样的名词，都是万变不离其宗而 已。 2.为什么用aop&nb</div>
 </li>
 <li><a href="/article/2327.htm"
 title="cursor variable 实例" target="_blank">cursor variable 实例</a>
 ctrain
<a class="tag" taget="_blank" href="/search/variable/1.htm">variable</a>
 <div>
create or replace procedure proc_test01
as 
type emp_row is record(
empno emp.empno%type,
ename emp.ename%type,
job emp.job%type,
mgr emp.mgr%type,
hiberdate emp.hiredate%type,
sal emp.sal%t</div>
 </li>
 <li><a href="/article/2454.htm"
 title="shell报bash: service: command not found解决方法" target="_blank">shell报bash: service: command not found解决方法</a>
 daizj
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/service/1.htm">service</a><a class="tag" taget="_blank" href="/search/jps/1.htm">jps</a>
 <div>今天在执行一个脚本时，本来是想在脚本中启动hdfs和hive等程序，可以在执行到service hive-server start等启动服务的命令时会报错，最终解决方法记录一下： 
  
脚本报错如下： 
./olap_quick_intall.sh: line 57: service: command not found 
./olap_quick_intall.sh: line 59</div>
 </li>
 <li><a href="/article/2581.htm"
 title="40个迹象表明你还是PHP菜鸟" target="_blank">40个迹象表明你还是PHP菜鸟</a>
 dcj3sjt126com
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/oop/1.htm">oop</a>
 <div>你是PHP菜鸟，如果你：1. 不会利用如phpDoc 这样的工具来恰当地注释你的代码2. 对优秀的集成开发环境如Zend Studio 或Eclipse PDT 视而不见3. 从未用过任何形式的版本控制系统，如Subclipse4. 不采用某种编码与命名标准 ，以及通用约定，不能在项目开发周期里贯彻落实5. 不使用统一开发方式6. 不转换（或）也不验证某些输入或SQL查询串（译注：参考PHP相关函</div>
 </li>
 <li><a href="/article/2708.htm"
 title="Android逐帧动画的实现" target="_blank">Android逐帧动画的实现</a>
 dcj3sjt126com
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
 <div>一、代码实现： 
private ImageView iv;
	private AnimationDrawable ad;
	
	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout</div>
 </li>
 <li><a href="/article/2835.htm"
 title="java远程调用linux的命令或者脚本" target="_blank">java远程调用linux的命令或者脚本</a>
 eksliang
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/ganymed-ssh2/1.htm">ganymed-ssh2</a>
 <div>转载请出自出处：
http://eksliang.iteye.com/blog/2105862 
    
   Java通过SSH2协议执行远程Shell脚本(ganymed-ssh2-build210.jar)  
 使用步骤如下： 
1.导包 
官网下载: 
http://www.ganymed.ethz.ch/ssh2/ 
ma</div>
 </li>
 <li><a href="/article/2962.htm"
 title="adb端口被占用问题" target="_blank">adb端口被占用问题</a>
 gqdy365
<a class="tag" taget="_blank" href="/search/adb/1.htm">adb</a>
 <div>最近重新安装的电脑，配置了新环境，老是出现：

adb server is out of date. killing... 
 ADB server didn't ACK 
 * failed to start daemon * 
 
百度了一下，说是端口被占用，我开个eclipse，然后打开cmd，就提示这个，很烦人。 
 
一个比较彻底的解决办法就是修改</div>
 </li>
 <li><a href="/article/3089.htm"
 title="ASP.NET使用FileUpload上传文件" target="_blank">ASP.NET使用FileUpload上传文件</a>
 hvt
<a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/webform/1.htm">webform</a>
 <div>前台代码： 
<asp:FileUpload ID="fuKeleyi" runat="server" />
<asp:Button ID="BtnUp" runat="server" onclick="BtnUp_Click" Text="上 传" /></div>
 </li>
 <li><a href="/article/3216.htm"
 title="代码之谜（四）- 浮点数（从惊讶到思考）" target="_blank">代码之谜（四）- 浮点数（从惊讶到思考）</a>
 justjavac
<a class="tag" taget="_blank" href="/search/%E6%B5%AE%E7%82%B9%E6%95%B0/1.htm">浮点数</a><a class="tag" taget="_blank" href="/search/%E7%B2%BE%E5%BA%A6/1.htm">精度</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81%E4%B9%8B%E8%B0%9C/1.htm">代码之谜</a><a class="tag" taget="_blank" href="/search/IEEE/1.htm">IEEE</a>
 <div>在『代码之谜』系列的前几篇文章中，很多次出现了浮点数。 浮点数在很多编程语言中被称为简单数据类型，其实，浮点数比起那些复杂数据类型（比如字符串）来说， 一点都不简单。 
单单是说明 IEEE浮点数 就可以写一本书了，我将用几篇博文来简单的说说我所理解的浮点数，算是抛砖引玉吧。 一次面试 
记得多年前我招聘 Java 程序员时的一次关于浮点数、二分法、编码的面试， 多年以后，他已经称为了一名很出色的</div>
 </li>
 <li><a href="/article/3343.htm"
 title="数据结构随记_1" target="_blank">数据结构随记_1</a>
 lx.asymmetric
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
 <div>第一章 
  1.数据结构包括数据的
逻辑结构、数据的物理/存储结构和数据的逻辑关系这三个方面的内容。 2.数据的存储结构可用四种基本的存储方法表示，它们分别是
顺序存储、链式存储 、索引存储 和 散列存储。 3.数据运算最常用的有五种，分别是
 查找/检索、排序、插入、删除、修改。 4.算法主要有以下五个特性： 
输入、输出、可行性、确定性和有穷性。 5.算法分析的</div>
 </li>
 <li><a href="/article/3470.htm"
 title="linux的会话和进程组" target="_blank">linux的会话和进程组</a>
 网络接口
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
 <div>会话： 一个或多个进程组。起于用户登录，终止于用户退出。此期间所有进程都属于这个会话期。会话首进程：调用setsid创建会话的进程1.规定组长进程不能调用setsid，因为调用setsid后，调用进程会成为新的进程组的组长进程.如何保证？ 先调用fork，然后终止父进程，此时由于子进程的进程组ID为父进程的进程组ID，而子进程的ID是重新分配的，所以保证子进程不会是进程组长，从而子进程可以调用se</div>
 </li>
 <li><a href="/article/3597.htm"
 title="二维数组 元素的连续求解" target="_blank">二维数组 元素的连续求解</a>
 1140566087
<a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a><a class="tag" taget="_blank" href="/search/ACM/1.htm">ACM</a>
 <div>import java.util.HashMap;

public class Title {
	public static void main(String[] args){
		f();
	}

// 二位数组的应用
	//12、二维数组中，哪一行或哪一列的连续存放的0的个数最多，是几个0。注意，是“连续”。
	public static void f(){
</div>
 </li>
 <li><a href="/article/3724.htm"
 title="也谈什么时候Java比C++快" target="_blank">也谈什么时候Java比C++快</a>
 windshome
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a>
 <div>  
刚打开iteye就看到这个标题“Java什么时候比C++快”，觉得很好笑。 
  
你要比，就比同等水平的基础上的相比，笨蛋写得C代码和C++代码，去和高手写的Java代码比效率，有什么意义呢？ 
  
我是写密码算法的，深刻知道算法C和C++实现和Java实现之间的效率差，甚至也比对过C代码和汇编代码的效率差，计算机是个死的东西，再怎么优化，Java也就是和C</div>
 </li>
 </ul>
 </div>
 </div>
 </div>

<div>
 <div class="container">
 <div class="indexes">
 按字母分类：
 <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>