github源代码地址 最近在升级松哥的vhr这个使用SpringBoot+Vue开发的前后端分离的微人事项目时，发现增加邮件发送模块以及RabbitMQ消息中间件，但是在VMware Workstation...Pro15虚拟机中的CentOS7系统下部署安装RabbitMQ后，在application.properties配置文件中将RabbitMQ的配置改成对应虚拟机中的配置，如下： spring.rabbitmq.username...spring.rabbitmq.password=123456 spring.rabbitmq.host=http://192.168.131.125 spring.rabbitmq.port=5672 导致在SpringBoot...中运行新版的vhr项目时出现如下的错误： java.lang.IllegalArgumentException: Address http://120.79.211.26:15672/#/:5672 seems...然后再在SpringBoot中启动vhr项目就OK了。
上一篇讲到jQuery中的事件，深入学习了加载DOM和事件绑定的相关知识，这篇主要深入讨论jQuery事件中的合成事件、事件冒泡和事件移除等内容。 ...每次单击元素，依次触发指定的相应的函数，直到最后一个。随后的每次单击都重复对这几个函数的轮番调用。 ...那么在单击子元素A的时候，会依次触发三个click事件；单击元素B的时候，会依次触发两个click事件。 ... 上面代码中，当单击element元素时，事件对象就被创建了。...这个事件对象只有事件处理函数才能访问到。事件处理函数执行完毕后，事件对象就被销毁。 停止事件冒泡：停止事件冒泡可以阻止事件中其他对象的事件处理函数被执行。
上一篇讲到jQuery中的事件，深入学习了加载DOM和事件绑定的相关知识，这篇主要深入讨论jQuery事件中的合成事件、事件冒泡和事件移除等内容。 ...每次单击元素，依次触发指定的相应的函数，直到最后一个。随后的每次单击都重复对这几个函数的轮番调用。 ...那么在单击子元素A的时候，会依次触发三个click事件；单击元素B的时候，会依次触发两个click事件。 ...}) 上面代码中，当单击element元素时，事件对象就被创建了。...这个事件对象只有事件处理函数才能访问到。事件处理函数执行完毕后，事件对象就被销毁。 2、停止事件冒泡：停止事件冒泡可以阻止事件中其他对象的事件处理函数被执行。
1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对 象（集合对象），不能直接调用dom...，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。...与$(fn)等价 （3）toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素， 则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。...随后的每次点击都重复对这两个函数的轮番调用。 //每次点击时轮换添加和删除名为selected的class。...把一个数组中的项目(处理转换后) 保存到到另一个新数组中，并返回生成的新数组。
二、使用方法 在需要使用JQuery的页面中引入JQuery的js文件即可。...元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。...与$(fn)等价 （3）toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。...随后的每次点击都重复对这两个函数的轮番调用。 //每次点击时轮换添加和删除名为selected的class。...把一个数组中的项目(处理转换后)保存到到另一个新数组中，并返回生成的新数组。
在每个页面中可以 有很多个函数被加载执行，按照fn的顺序来执行。 bind(type, [data], fn) 为每一个匹配元素的特定事件（像click）绑定一个或多个事件处理器函数。...slideDown(speed, [callback]) 通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选 地触发一个回调函数。...slideUp(speed, [callback]) 通过高度变化（向上减小）来动态地隐藏所有匹配的元素，在隐藏完成后可选地 触发一个回调函数。...expr，用于实现多个条件筛选 filter(fn) 利用一个特殊的函数来作为筛选条件移除集合中不匹配的元素。...随后的每次点击都重复对这两个函数的轮番调用。 //每次点击时轮换添加和删除名为selected的class。
jQuery中的ready()事件则可以很好的处理这个问题，每次给ready()事件绑定函数都会进行追加，而不是覆盖，例如下面的代码。 ...jQuery在遵循W3C规范的情况下，对event对象做了进一步封装，使得该对象在各大浏览器下都可以正常运行。...在jQuery中，事件对象通常作为匿名函数的参数使用，语法如下所示： jQuery对象 ....添加过两个商品后，表格中一共有3行数据，第1行是原本存在的，后两行是动态创建并添加到表格上的。现在单击表格中的行，我们会发现只有第1行的背景色可以改变，后两行的背景色没有改变。...把bind换成live后，表格中的任何一行在单击时都可以改变背景色，包括动态创建的行。
jQuery中的ready()事件则可以很好的处理这个问题，每次给ready()事件绑定函数都会进行追加，而不是覆盖，例如下面的代码。...jQuery在遵循W3C规范的情况下，对event对象做了进一步封装，使得该对象在各大浏览器下都可以正常运行。...在jQuery中，事件对象通常作为匿名函数的参数使用，语法如下所示： jQuery对象 ....添加过两个商品后，表格中一共有3行数据，第1行是原本存在的，后两行是动态创建并添加到表格上的。现在单击表格中的行，我们会发现只有第1行的背景色可以改变，后两行的背景色没有改变。...把bind换成live后，表格中的任何一行在单击时都可以改变背景色，包括动态创建的行。
3. fn：在动画完成时执行的函数，每个元素执行一次。...语法： jquery对象.each(function(index,element){}); * index:就是元素在集合中的索引...事件绑定 1. jquery标准的绑定方式 * jq对象.事件方法(回调函数)； * 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。...) * 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2........使用 show/hide方法来完成广告的显示 */ //入口函数，在页面加载完成之后，定义定时器，调用这两个方法 $(function () {
先慢，中间快，最后又慢 linear：动画执行时速度是匀速的 fn：在动画完成时执行的函数，每个元素执行一次。...for(初始化值;循环结束条件;步长) jq的遍历方式 jq对象.each(callback) 语法： jquery对象.each(function(index,element){}); index...:就是元素在集合中的索引 element：就是集合中的每一个元素对象 this：集合中的每一个元素对象 回调函数返回值： true:如果当前function返回为false，则结束循环(break)。...事件切换：toggle jq对象.toggle(fn1,fn2…) 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2… 注意：1.9版本 .toggle() 方法删除,jQuery...使用 show/hide方法来完成广告的显示 */ //入口函数，在页面加载完成之后，定义定时器，调用这两个方法 $(function () { //定义定时器，调用adShow
* swing：动画执行时效果是 先慢，中间快，最后又慢 * linear：动画执行时速度是匀速的 3. fn：在动画完成时执行的函数，每个元素执行一次。...语法： jquery对象.each(function(index,element){}); * index:就是元素在集合中的索引 * element：就是集合中的每一个元素对象...事件绑定 1. jquery标准的绑定方式 * jq对象.事件方法(回调函数)； * 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。...) * 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2........使用 show/hide方法来完成广告的显示 */ //入口函数，在页面加载完成之后，定义定时器，调用这两个方法 $(function
Microsoft AJAX 客户端库已重构，可以和jQuery协同工作，拆分为单独的文件如下图所示: ? 整个库中的单个脚本文件之间的依赖关系如下： ?...另外在msdn杂志上还有几篇asp.net ajax 4的文章： ASP.NET AJAX 4.0 中的数据绑定 ASP.NET AJAX 4.0 中的条件呈现 ASP.NET AJAX 4.0 中的动态数据绑定...若要使用 JSLint，请访问 JSLint.com，将您的 JavaScript 代码粘贴到文本框，选择对应的选项并单击“JSLint”按钮。然后，JSLint 将分析您的代码并显示错误列表。...还可以试试 JSLint.VS，这是一个免费的 Visual Studio 插件，您可以直接从 Visual Studio IDE 中在某个文件或所选代码块上运行 JSLint。...由 JSLint 识别的错误显示在“任务列表”窗口中。您甚至可以将 JSLint.VS 配置为每次生成该项目时在所选文件或文件夹上运行。
7.1.2 插入节点 在实际开发中，有些节点需要动态的插入到页面中，这时可以通过jQuery提供好的一些函数来实现，详见表7-1-1所示。...如果把代码中的empty换成remove函数，其他不变，运行后会发现整个下拉列表框都被删除掉了。...7.2 节点筛选 前面我们学习了过滤选择器，它是在获取到元素后通过索引进一步进行了过滤或筛选。...next( ) 获取紧挨着的后一个平级元素 find( ) 根据条件找出元素的后代元素 siblings( ) 找出与元素平级的所有其他元素 下面我们通过一个示例来演示这几个函数的具体用法，参考代码如下所示...添加节点时，需要先单击选中某个一级或二级节点，然后在文本框中填写新添加的节点名，单击【添加】按钮把节点名作为新节点添加到选中的节点下面。删除节点只实现删除三级节点即可。
7.1.2 插入节点 在实际开发中，有些节点需要动态的插入到页面中，这时可以通过jQuery提供好的一些函数来实现，详见表7-1-1所示。...如果把代码中的empty换成remove函数，其他不变，运行后会发现整个下拉列表框都被删除掉了。...7.2 节点筛选 前面我们学习了过滤选择器，它是在获取到元素后通过索引进一步进行了过滤或筛选。...表7-1-5 节点查找函数 节点查找函数 说明 children( ) 根据条件获取元素的子元素 parent( ) 获取元素的父元素 prev( ) 获取紧挨着的前一个平级元素 next( ) 获取紧挨着的后一个平级元素...添加节点时，需要先单击选中某个一级或二级节点，然后在文本框中填写新添加的节点名，单击【添加】按钮把节点名作为新节点添加到选中的节点下面。删除节点只实现删除三级节点即可。
:先慢 中间快，最后又慢 linear：动画执行时速度是匀速的 fn：在动画完成时执行的函数，每个元素执行一次。...for(初始化值；循环结束条件；步长) 2、jq的遍历方式 jq对象.each(callback) $.each(object,[callback]) for..of 3.0 版本之后提供的方式 3、...element) { //3.1获取li对象 第一种方式this // alert(this.innerHTML) //3.2获取li对象 第二种方式 在回调函数中定义参数...当单击jq对象对应的组件后，会执行fn1，第二次单击会执行fn2..... 【注意】1.9版本 .toggle() 方法删除,jQuery Migrate（迁移）插件可以恢复此功能。...插件，在插件里面定义了两个方法，分别是check()和uncheck(),然后再给两个单击按钮绑定不同的方法事件。
；参数"linear"，匀速； 3）fn：在动画完成时执行的函数，每个元素执行一次。...2 JQuery遍历 js的遍历方式是使用for循环，JQuery提供了三种遍历方式： 1）JQuery对象.each(callback)：回调函数中的参数 index（索引） element（元素对象...）； 2）$.each(object,[callback])： 3）for..of：JQuery3.0 版本之后提供的方式 【注意】：如果遍历中加判断条件，当前function返回为false，则结束循环...this.innerHTML); //alert($(this).html()); //3.2 获取li对象 第二种方式 在回调函数中定义参数...注意：JQuery1.9后该功能删除了，要使用的话引入jquery-migrate-1.0.0.js插件。 【练习案例1】：JQuery标准的绑定方式 <!
先慢，中间快，最后又慢 linear：动画执行时速度是匀速的 fn：在动画完成时执行的函数，每个元素执行一次。...jq的遍历方式 jq对象.each(callback) 语法： jquery对象.each(function(index,element){}); index：就是元素在集合中的索引 element：就是集合中的每一个元素对象...this：集合中的每一个元素对象 回调函数返回值： true：如果当前function返回为false，则结束循环(break)。...标准的绑定方式 jq对象.事件方法(回调函数)； 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。...当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2..... 注意：1.9版本 .toggle() 方法删除，jQuery Migrate（迁移）插件可以恢复此功能。
).hide() - 隐藏所有 id="test" 的元素 通过jQuery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jQuery...使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。...$('#msg').click(); // 触发 id 为 msg 的元素的单击事件 $('#msg').click(fn); // 为 id 为 msg 的元素的单击事件添加函数 如果选中多个元素，...如果你懂得Javascript语言的继承原理，那么就能理解工具方法的实质。它是定义在jQuery构造函数上的方法，即jQuery.method()，所以可以直接使用。...而那些操作元素的方法，是定义在构造函数的prototype对象上的方法，即jQuery.prototype.method()，所以必须生成实例（即选中元素）后使用。
div>3 dom3 $("div") == [dom1,dom2,dom3] 过滤器就是过滤条件，对已经定位到数组中 DOM 对象进行过滤筛选，过滤条件不能独立 出现在 jquery 函数...在定位了dom对象之后，根据一些条件筛选dom对象。 过滤器也是一个字符串，用来筛选dom对象。 过滤器不能单独使用，必须和选择器一起使用。...的部分，例如：js中的单击事件 onclick(), jQuery中的事件名称，就是click，都是小写的。...中的 responseText，并且这个数据 是jQuery处理后的数据。...注意：如果这这里使用的是.post()函数，在服务端要使用doPost方法 给浏览器返回数据，所以此时应该将服务端的代码写入到 doPost方法体中 如果是 .get()写到doGet中.post()写到
单击任何 JavaScript 文件，未使用的代码会用红条突出显示。 5. 找到DOM更改代码 当事件被触发时，很难确定哪个函数负责更新特定的 HTML DOM 元素。...DevTools 允许脚本被黑盒化，因此即使你选择进入调试器的某个函数，它们也不会在调试器中打开。...在 Chrome DevTools Sources 面板中，打开一个文件，右键单击代码中的某个位置，然后选择添加脚本以忽略列表。...使用条件断点 单击 Sources 面板中打开的文件的行号会添加一个断点。它会在执行到这一行的时候暂停脚本，这样你可以单步执行代码来检查变量，调用堆栈等。...断点有的时候并不好用，例如，如果在运行 1000 次的循环的最后一次循环报错了。这时你可以添加一个条件断点，让它仅在满足特定条件时才触发断点，例如 i > 999 。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
