三里小龙

从网上摘抄的同JS事件相关的整理与归纳

javascript 触发事件列表

1.单击事件___onclick

用户单击鼠标按键时产生的事件.同时onclick指定的事件处理程序或代码将被调用执行.
如:

2.改变事件___onchange

当text或textarea元素内的字符值改变或select表格选项状态改变里发生该事件.
如;

<br style="padding: 0px; margin: 0px;">  
  <br style="padding: 0px; margin: 0px;"> 
  <h3 style="padding: 0px; margin: 0px;">3.选中事件____onselect</h3> 当text或textarea对象中的文字被选中里会引发该事件 
  <br style="padding: 0px; margin: 0px;">如:<ipnut type="text" value="默认信息" onselect=alert("您选中了文本框中的文字")> 
  <br style="padding: 0px; margin: 0px;">  
  <br style="padding: 0px; margin: 0px;"> 
  <h3 style="padding: 0px; margin: 0px;">4.获得焦点事件____onfocus</h3> 用户单击text或textarea以及select对象时,即光标落在文本框或选择框时会产生该事件. 
  <br style="padding: 0px; margin: 0px;">如:<select name="zhengjian" onfocus="alert("我成为焦点")> 
  <br style="padding: 0px; margin: 0px;">  
  <br style="padding: 0px; margin: 0px;"> 
  <h3 style="padding: 0px; margin: 0px;">5.失去焦点事件______onblur</h3> 失去焦点事件正好与获得焦点事件相对,当text对象,textarea对象或select对象不再拥有焦点而退出后台时,引发该事件. 
  <br style="padding: 0px; margin: 0px;">  
  <br style="padding: 0px; margin: 0px;"> 
  <h3 style="padding: 0px; margin: 0px;">6.载入文件事件____onload</h3> 当页面文件载入时,产生该事件.onload的一个作用就是在首次载入一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在<body>标记中. 
  <br style="padding: 0px; margin: 0px;">如:<body onload=alert("正在加载页面,请等待...")> 
  <br style="padding: 0px; margin: 0px;">  
  <br style="padding: 0px; margin: 0px;"> 
  <h3 style="padding: 0px; margin: 0px;">7.卸载文件事件____onunload</h3> 与载入文件事件onload正好相反,当web页面退出时引发的事件,并可更新cookie的状态 
  <br style="padding: 0px; margin: 0px;">如:<body onunload="confirm("你确定要离开本页?")> 
  <br style="padding: 0px; margin: 0px;">  
  <br style="padding: 0px; margin: 0px;"> 
  <h3 style="padding: 0px; margin: 0px;">8.鼠标覆盖事件 _____onmouseover</h3> onmouseover是当鼠标位于元素上方时所引发的事件 
  <br style="padding: 0px; margin: 0px;">如:<input type="boutton" value="按钮" onmouseover="window.status='请您注意下面的状态栏'; return true"> 
  <br style="padding: 0px; margin: 0px;">  
  <br style="padding: 0px; margin: 0px;"> 
  <h3 style="padding: 0px; margin: 0px;">9.鼠标离开事件_____onmouseout</h3> onmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果. 
  <br style="padding: 0px; margin: 0px;">  
  <br style="padding: 0px; margin: 0px;"> 
  <h3 style="padding: 0px; margin: 0px;">10.一般事件</h3> 
  <p style="padding: 0px; margin: 0px;">onclick                鼠标点击时触发此事件<br style="padding: 0px; margin: 0px;">ondblclick           鼠标双击时触发此事件<br style="padding: 0px; margin: 0px;">onmousedown    按下鼠标时触发此事件<br style="padding: 0px; margin: 0px;">onmouseup        鼠标按下后,松开鼠标时触发的事件<br style="padding: 0px; margin: 0px;">onmouseover     当鼠标移动到某对象范围的上方时触发此事件<br style="padding: 0px; margin: 0px;">onmousemove    鼠标移动时触发此事件.<br style="padding: 0px; margin: 0px;">onmouseout       当鼠标离开某对象范围时触发此事件<br style="padding: 0px; margin: 0px;">onkeypress        当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活对象<br style="padding: 0px; margin: 0px;">onkeydown        当键盘上某个键被按下时触发的事件,要求页面内必须有激活对象<br style="padding: 0px; margin: 0px;">onkeyup            当键盘上某个按键被放开时触发的事件,要求页面内必须有激活对象<br style="padding: 0px; margin: 0px;"> <br style="padding: 0px; margin: 0px;"> </p> 
  <h3 style="padding: 0px; margin: 0px;">11.页面相关事件</h3> onabort   图片在下载时被用户中断 
  <br style="padding: 0px; margin: 0px;">onbeforeunload   当前页面的内容将要被改变时触发的事件 
  <br style="padding: 0px; margin: 0px;">onerror        捕捉当前页面因为某种原因而出现的错误,如脚本错误. 
  <br style="padding: 0px; margin: 0px;">onmove       浏览器的窗口被移动里触发的事件 
  <br style="padding: 0px; margin: 0px;">onresize     当浏览器的大小被改变时触发的事件 
  <br style="padding: 0px; margin: 0px;">onscroll         浏览器的滚动条位置发生变化时触发的事件 
  <br style="padding: 0px; margin: 0px;">onstop          浏览器的"停止"按钮被按下或者正在下载的文件被中断时触发的事件. 
  <br style="padding: 0px; margin: 0px;">  
  <br style="padding: 0px; margin: 0px;"> 
  <h3 style="padding: 0px; margin: 0px;">12. 表单相关事件</h3> onreset      当表单中reset属性被激活时触发的事件. 
  <br style="padding: 0px; margin: 0px;">onsubmit  一个表单被递交时触发的事件. 
  <br style="padding: 0px; margin: 0px;">  
  <br style="padding: 0px; margin: 0px;"> 
  <h3 style="padding: 0px; margin: 0px;">13.滚动字幕事件</h3> onbounce    当marquee内的内容移动至marquee显示范围之外时触发的事件. 
  <br style="padding: 0px; margin: 0px;">onfinish      当marquee元素完成需要显示的内容后触发的事件. 
  <br style="padding: 0px; margin: 0px;">onstart        当marquee元素开始显示内容时触发的事件. 
  <br style="padding: 0px; margin: 0px;">  
  <br style="padding: 0px; margin: 0px;"> 
  <h3 style="padding: 0px; margin: 0px;">14.编辑事件.</h3> onbeforecopy    当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件. 
  <br style="padding: 0px; margin: 0px;">onbeforeupdate  当浏览者粘贴系统剪贴板中的内容时通知目标对象 
  <br style="padding: 0px; margin: 0px;">oncontextmenu   当按下鼠标右键出现菜单或通过键盘的按键触发页面菜单时触发的事件. 
  <br style="padding: 0px; margin: 0px;">                                <body oncontentmenu="return false">禁止使用鼠标右键 
  <br style="padding: 0px; margin: 0px;">oncopy              当页面当前被选择内容被复制后触发的事件 
  <br style="padding: 0px; margin: 0px;">oncut                  当页面当前被选择内容被剪切时触发的事件 
  <br style="padding: 0px; margin: 0px;">onpaste               当内容被粘贴时触发的事件 
  <br style="padding: 0px; margin: 0px;">ondrag                当某个对象被拖动时触发的事件 
  <br style="padding: 0px; margin: 0px;">ondragend          当鼠标拖动结束时触发的事件,即鼠标的按键被释放时触发的事件. 
  <br style="padding: 0px; margin: 0px;">  
  <br style="padding: 0px; margin: 0px;"> 
  <h3 style="padding: 0px; margin: 0px;">15.数据绑定</h3> onafterupdate    当数据完成由数据源到对象的传送时触发的事件 
  <br style="padding: 0px; margin: 0px;">oncellchange      当数据来源发生变化时触发的事件 
  <br style="padding: 0px; margin: 0px;">ondataavailable  当数据接收完成时触发的事件 
  <br style="padding: 0px; margin: 0px;">ondatasetchanged   数据在数据源发生变化时触发的事件. 
  <br style="padding: 0px; margin: 0px;">ondatasetcomplete   当数据源的全部有效数据读取完毕时触发的事件. 
  <br style="padding: 0px; margin: 0px;">onerrorupdate          当使用onbeforeupdate事件触发取消了数据传送时,代替onafterupdate事件. 
  <br style="padding: 0px; margin: 0px;">onrowenter               当前数据源的数据发生变化并且有新的有效数据时触发的事件. 
  <br style="padding: 0px; margin: 0px;">onrowexit                 当前数据源的数据将要发生变化时触发的事件 
  <br style="padding: 0px; margin: 0px;">onrowsdelete            当前数据记录将被删除时触发的事件 
  <br style="padding: 0px; margin: 0px;">onrowsinserted         当前数据源将要插入新数据记录时触发的事件 
  <br style="padding: 0px; margin: 0px;">  
  <br style="padding: 0px; margin: 0px;"> 
  <h3 style="padding: 0px; margin: 0px;">16.外部事件</h3> onafterprint      当文档被打印后触发的事件 
  <br style="padding: 0px; margin: 0px;">onbeforeprint   当文档即将打印时触发的事件 
  <br style="padding: 0px; margin: 0px;">onhelp              当浏览者按下F1键或者单击浏览器中的"帮助"按钮时触发的事件 
 </div> 
 <p style="padding: 0px; margin: 0px;"> </p> 
 <hr style="padding: 0px; margin: 0px;"> 
 <div style="padding: 0px; margin: 0px;" class="tit">
   javascript事件列表大全解说,点击事件,双击事件,触发事件,键盘事件,鼠标移动事件,javaScript事件使用小全 
 </div> 
 <div style="padding: 0px; margin: 0px;" class="date">
   2008-10-09 上午 00:58 
 </div> 
 <p style="padding: 0px; margin: 0px;"> </p> 
 <table border="0" style="width: 655px; padding: 0px; margin: 0px;"> 
  <tbody> 
   <tr style="padding: 0px; margin: 0px;"> 
    <td style="padding: 0px; margin: 0px;"> 
     <div style="padding: 0px; margin: 0px;" class="cnt"> 
      <p style="padding: 0px; margin: 0px;"> </p> 
      <p style="padding: 0px; margin: 0px;"> </p> 
      <table border="1" style="padding: 0px; margin: 0px;"> 
       <tbody> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;"><strong style="padding: 0px; margin: 0px;"><span style="color: #ff0000; padding: 0px; margin: 0px;"><span style="color: #000000; padding: 0px; margin: 0px;">javascript</span>事件列表解说</span></strong></td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;">事件</td> 
         <td style="padding: 0px; margin: 0px;" width="85">浏览器支持</td> 
         <td style="padding: 0px; margin: 0px;" width="348">解说</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="12">一般事件</td> 
         <td style="padding: 0px; margin: 0px;" width="131">onclick</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE3、N2</td> 
         <td style="padding: 0px; margin: 0px;" width="348">鼠标点击时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">ondblclick</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N4</td> 
         <td style="padding: 0px; margin: 0px;" width="348">鼠标双击时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onmousedown</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N4</td> 
         <td style="padding: 0px; margin: 0px;" width="348">按下鼠标时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onmouseup</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N4</td> 
         <td style="padding: 0px; margin: 0px;" width="348">鼠标按下后松开鼠标时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onmouseover</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE3、N2</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当鼠标移动到某对象范围的上方时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onmousemove</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N4</td> 
         <td style="padding: 0px; margin: 0px;" width="348">鼠标移动时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onmouseout</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N3</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当鼠标离开某对象范围时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onkeypress</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N4</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当键盘上的某个键被按下并且释放时触发此事件.</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onkeydown</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N4</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当键盘上某个按键被按下时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onkeyup</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N4</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当键盘上某个按键被按放开时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="12">页面相关事件</td> 
         <td style="padding: 0px; margin: 0px;" width="131">onabort</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N3</td> 
         <td style="padding: 0px; margin: 0px;" width="348">图片在下载时被用户中断</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onbeforeunload</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当前页面的内容将要被改变时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onerror</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N3</td> 
         <td style="padding: 0px; margin: 0px;" width="348">出现错误时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onload</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE3、N2</td> 
         <td style="padding: 0px; margin: 0px;" width="348">页面内容完成时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onmove</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE、N4</td> 
         <td style="padding: 0px; margin: 0px;" width="348">浏览器的窗口被移动时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onresize</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N4</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当浏览器的窗口大小被改变时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onscroll</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">浏览器的滚动条位置发生变化时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onstop</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onunload</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE3、N2</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当前页面将被改变时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="12">表单相关事件</td> 
         <td style="padding: 0px; margin: 0px;" width="131">onblur</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE3、N2</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当前元素失去焦点时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onchange</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE3、N2</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当前元素失去焦点并且元素的内容发生改变而触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onfocus</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE3 、N2</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当某个元素获得焦点时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onreset</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4 、N3</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当表单中RESET的属性被激发时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onsubmit</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE3 、N2</td> 
         <td style="padding: 0px; margin: 0px;" width="348">一个表单被递交时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="12">滚动字幕事件</td> 
         <td style="padding: 0px; margin: 0px;" width="131">onbounce</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">在Marquee内的内容移动至Marquee显示范围之外时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onfinish</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当Marquee元素完成需要显示的内容后触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onstart</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、 N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当Marquee元素开始显示内容时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="12">编辑事件</td> 
         <td style="padding: 0px; margin: 0px;" width="131">onbeforecopy</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当页面当前的被选择内容将要复制到浏览者<span style="color: #003399; padding: 0px; margin: 0px;">系统</span>的剪贴板前触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onbeforecut</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、 N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的<span style="color: #003399; padding: 0px; margin: 0px;">系统</span>剪贴板时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onbeforeeditfocus</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当前元素将要进入编辑状态</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onbeforepaste</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、 N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">内容将要从浏览者的<span style="color: #003399; padding: 0px; margin: 0px;">系统</span>剪贴板传送[粘贴]到页面中时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onbeforeupdate</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、 N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当浏览者粘贴<span style="color: #003399; padding: 0px; margin: 0px;">系统</span>剪贴板中的内容时通知目标对象</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">oncontextmenu</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">oncopy</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当页面当前的被选择内容被复制后触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">oncut</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当页面当前的被选择内容被剪切时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">ondrag</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当某个对象被拖动时触发此事件 [活动事件]</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">ondragdrop</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE、N4</td> 
         <td style="padding: 0px; margin: 0px;" width="348">一个外部对象被鼠标拖进当前窗口或者帧</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">ondragend</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当鼠标拖动结束时触发此事件，即鼠标的按钮被释放了</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">ondragenter</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当对象被鼠标拖动的对象进入其容器范围内时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">ondragleave</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当对象被鼠标拖动的对象离开其容器范围内时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">ondragover</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当某被拖动的对象在另一对象容器范围内拖动时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">ondragstart</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当某对象将被拖动时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">ondrop</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">在一个拖动过程中，释放鼠标键时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onlosecapture</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当元素失去鼠标移动所形成的选择焦点时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onpaste</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当内容被粘贴时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onselect</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当文本内容被选择时的事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onselectstart</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当文本内容选择将开始发生时触发的事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="12">数据绑定</td> 
         <td style="padding: 0px; margin: 0px;" width="131">onafterupdate</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当数据完成由数据源到对象的传送时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">oncellchange</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当数据来源发生变化时</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">ondataavailable</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当数据接收完成时触发事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">ondatasetchanged</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">数据在数据源发生变化时触发的事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">ondatasetcomplete</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当来子数据源的全部有效数据读取完毕时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onerrorupdate</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onrowenter</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当前数据源的数据发生变化并且有新的有效数据时触发的事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onrowexit</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当前数据源的数据将要发生变化时触发的事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onrowsdelete</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当前数据记录将被删除时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onrowsinserted</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当前数据源将要插入新数据记录时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="12">外部事件</td> 
         <td style="padding: 0px; margin: 0px;" width="131">onafterprint</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当文档被打印后触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onbeforeprint</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当文档即将打印时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onfilterchange</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当某个对象的滤镜效果发生变化时触发的事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onhelp</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当浏览者按下F1或者浏览器的帮助选择时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onpropertychange</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE5、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当对象的属性之一发生变化时触发此事件</td> 
        </tr> 
        <tr style="padding: 0px; margin: 0px;"> 
         <td style="padding: 0px; margin: 0px;" width="131">onreadystatechange</td> 
         <td style="padding: 0px; margin: 0px;" width="85">IE4、N</td> 
         <td style="padding: 0px; margin: 0px;" width="348">当对象的初始化属性值发生变化时触发此事件</td> 
        </tr> 
       </tbody> 
      </table> 
      <p style="padding: 0px; margin: 0px;"> </p> 
      <p style="padding: 0px; margin: 0px;"> </p> 
      <p style="padding: 0px; margin: 0px;"><span style="color: #ff0000; font-size: medium; padding: 0px; margin: 0px;">javascript可以使用的事件<br style="padding: 0px; margin: 0px;"></span><br style="padding: 0px; margin: 0px;"><span style="font-size: x-small; padding: 0px; margin: 0px;">Javascript是一种与HTMLHTML一起工作的客户端脚本语言，然而这不是一个Javsscript指南，我们着眼于在HTML如何使用Javascript。<br style="padding: 0px; margin: 0px;">Javascript事件像HTML标签的属性一样使用。事件是发生在HTML元素上的某些行为，如什么时候被点击了或者什么时候失去焦点。 <br style="padding: 0px; margin: 0px;"><a href="#top" onclick="alert ('wow. Javascript.')">Click me</a><br style="padding: 0px; margin: 0px;">可以使用的事件有： <br style="padding: 0px; margin: 0px;">onblur（使用在表单元素中，当元素失去焦点的时候执行）<br style="padding: 0px; margin: 0px;">onchange（使用在表单元素中，当某些东西改变是执行）<br style="padding: 0px; margin: 0px;">onclick（鼠标点击一个元素时执行）<br style="padding: 0px; margin: 0px;">ondblclick（鼠标双击一个元素时执行）<br style="padding: 0px; margin: 0px;">onfocus（使用在表单元素中，当元素获得焦点时执行）<br style="padding: 0px; margin: 0px;">onkeydown （按下某个按键时执行）<br style="padding: 0px; margin: 0px;">onkeypress（按下和释放某个按键时执行）<br style="padding: 0px; margin: 0px;">onkeyup（释放某个按键时执行）<br style="padding: 0px; margin: 0px;">onload（在body标签中使用，载入页面的时候执行）<br style="padding: 0px; margin: 0px;">onmousedown（按下鼠标按键时执行）<br style="padding: 0px; margin: 0px;">onmousemove（鼠标光标在元素上移动时执行）<br style="padding: 0px; margin: 0px;">onmouseout（鼠标光标移开元素时执行）<br style="padding: 0px; margin: 0px;">onmouseover（鼠标光标移到元素上时执行）<br style="padding: 0px; margin: 0px;">onmouseup（当释放鼠标按键时执行）<br style="padding: 0px; margin: 0px;">onreset（用在表单元素中，当表单重置时执行）<br style="padding: 0px; margin: 0px;">onselect（用在表单元素中，当元素被选择时执行）<br style="padding: 0px; margin: 0px;">onsubmit（用在表单元素中，当表单提交时执行）<br style="padding: 0px; margin: 0px;">onunload（用在body标签中，当关闭页面时执行） <br style="padding: 0px; margin: 0px;">别对Javascript失去自制力。最好是少用。一个使用Javascript的网页存在严重降低易用性的风险，而很多东西可以代替它，比如服务器端脚本语言PHP或ASP等。</span></p> 
      <p style="padding: 0px; margin: 0px;"> </p> 
     </div> </td> 
   </tr> 
  </tbody> 
 </table> 
 <p style="padding: 0px; margin: 0px;"> </p> 
 <p style="padding: 0px; margin: 0px;"> </p> 
 <hr style="padding: 0px; margin: 0px;"> 
 <h3 style="padding: 0px; margin: 0px;">鼠标滚动事件解决IE<span style="color: #ff0000; padding: 0px; margin: 0px;">mousewheel</span>和firefox标准<span style="color: #ff0000; padding: 0px; margin: 0px;">DOMMouseScroll</span> 兼容的jquery插件：</h3> 
 <h3 style="padding: 0px; margin: 0px;"> </h3> 
 <p style="padding: 0px; margin: 0px;">这个事件在标准下和IE下是有区别的。</p> 
 <p style="padding: 0px; margin: 0px;">有关IE的mousewheel事件在msdn的解释，可查看这里</p> 
 <p style="padding: 0px; margin: 0px;">firefox是按标准实现的,事件名为"<span style="color: #ff0000; padding: 0px; margin: 0px;">DOMMouseScroll</span> ",IE下采用的则是"<span style="color: #ff0000; padding: 0px; margin: 0px;">mousewheel</span> "。</p> 
 <div style="padding: 0px; margin: 0px;">
    当然一行代码就解决了兼容问题  
  <br style="padding: 0px; margin: 0px;">  
 </div> 
 <pre>  
  
  
  <ol style="padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 1px !important; margin-left: 3em !important; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-color: initial; background-color: #f7f7f7; color: #5c5c5c; border-left-width: 3px; border-left-color: #146b00;" class="dp-c">
   
   
   
   <li style="padding-top: 0px !important; padding-right: 3px !important; padding-bottom: 0px !important; padding-left: 10px !important; color: inherit; line-height: 1.3em; margin: 0px !important;" class="alt"><span style="color: black; background-color: inherit; padding: 0px; margin: 0px;"><span style="color: #006699; background-color: inherit; font-weight: bold; padding: 0px; margin: 0px;" class="keyword">var</span><span style="color: black; background-color: inherit; padding: 0px; margin: 0px;"> mousewheel = document.all?</span><span style="color: blue; background-color: inherit; padding: 0px; margin: 0px;" class="string">"mousewheel"</span><span style="color: black; background-color: inherit; padding: 0px; margin: 0px;">:</span><span style="color: blue; background-color: inherit; padding: 0px; margin: 0px;" class="string">"DOMMouseScroll"</span><span style="color: black; background-color: inherit; padding: 0px; margin: 0px;">;    </span></span></li>
  
  
  
  </ol></pre> 
 <div style="padding: 0px; margin: 0px;">
     
 </div> 
 <div style="padding: 0px; margin: 0px;">
   事件属性，IE是 
  <span style="color: #0000ff; padding: 0px; margin: 0px;">event.wheelDelta</span>，Firefox是 
  <span style="color: #0000ff; padding: 0px; margin: 0px;">event.detail</span> 属性的方向值也不一样，IE向上滚 > 0，Firefox向下滚 > 0。 
 </div> 
 <div style="padding: 0px; margin: 0px;">
     
 </div> 
 <div style="padding: 0px; margin: 0px;">
   使用插件  
  <span style="color: #0f67a1; padding: 0px; margin: 0px;">Mouse Wheel Extension 3.0.2</span> 
 </div> 
 <p style="padding: 0px; margin: 0px;"> </p> 
 <div style="padding: 0px; margin: 0px;">
   下载地址  
  <span style="color: #000000; padding: 0px; margin: 0px;">http://plugins.jquery.com/files/jquery.mousewheel.3.0.2.zip</span> 
 </div> 
 <div style="padding: 0px; margin: 0px;">
   演示地址  
  <span style="color: #000000; padding: 0px; margin: 0px;">http://brandonaaron.net/code/mousewheel/demos</span>  
 </div> 
 <p></p> 
</div>
                            </div>
                        </div>
                    </div>
                    
                    <div id="SOHUCS" sid="1176421104986697728"></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">你可能感兴趣的:(JavaScript事件相关)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1894154023683026944.htm"
                           title="机器学习数学基础：36.φ相关系数分析" target="_blank">机器学习数学基础：36.φ相关系数分析</a>
                        <span class="text-muted">@心都</span>
<a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
                        <div>用φ相关系数分析性别与心理测验态度关系的教程一、学习目标学会使用φ相关系数分析两个二分变量（如性别男/女、对心理测验态度肯定/否定）之间的关系，并通过卡方检验判断结果是否具有统计学意义。二、数据准备假设我们想研究青年大学生的性别和对心理测验的态度之间的关系，收集到如下2×22×22×2列联表数据（调查了170170170人）：肯定否定合计男生222222888888110110110女生18181</div>
                    </li>
                    <li><a href="/article/1894154024245063680.htm"
                           title="机器学习数学基础：37.偏相关分析" target="_blank">机器学习数学基础：37.偏相关分析</a>
                        <span class="text-muted">@心都</span>
<a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
                        <div>偏相关分析教程一、偏相关分析是什么在很多复杂的系统中，比如地理系统，会有多个要素相互影响。偏相关分析就是在这样多要素构成的系统里，不考虑其他要素的干扰，专门去研究两个要素之间关系紧密程度的一种方法。用来衡量这种紧密程度的数值，叫做偏相关系数。举个简单例子，在研究一个地区的房价时，房价会受到很多因素影响，像地段、房屋面积、周边配套设施等。如果我们想知道单纯的房屋面积和房价之间的关系，就可以用偏相关分</div>
                    </li>
                    <li><a href="/article/1894153010800553984.htm"
                           title="用lua实现一个委托机制" target="_blank">用lua实现一个委托机制</a>
                        <span class="text-muted">努力的小钟</span>
<a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a><a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a>
                        <div>文章目录前言一、委托机制的概念二、代码结构和原理2.1Delegate类的定义2.2new方法：创建委托实例2.3add方法：添加监听函数2.4remove方法：移除监听函数2.5invoke方法：触发委托事件2.6clear方法：清空所有监听函数三、测试代码的运行逻辑3.1添加监听函数3.2触发委托事件3.3移除监听函数3.4再次触发委托事件四、原理总结五、扩展和优化2.读入数据总结前言在Lua</div>
                    </li>
                    <li><a href="/article/1894144063465123840.htm"
                           title="机器学习数学基础：34.点二列" target="_blank">机器学习数学基础：34.点二列</a>
                        <span class="text-muted">@心都</span>
<a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E6%A6%82%E7%8E%87%E8%AE%BA/1.htm">概率论</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
                        <div>点二列相关教程一、点二列相关的定义点二列相关是一种统计方法，用于衡量两个变量之间的相关程度。在这种相关分析中，一个变量是正态连续性变量，取值可以是连续的数值，比如身高、体重、考试分数等；另一个是真正的二分名义变量，其两个类别是天然存在、相互独立的，不能再细分，像性别（男/女）、是否吸烟（是/否）、抛硬币的结果（正面/反面）等。二、适用场景点二列相关常用于研究天然二分变量与连续变量之间的关系。例如在</div>
                    </li>
                    <li><a href="/article/1894141416536338432.htm"
                           title="毕业马上就一年了，可能在别人眼中，我是幸运的，大学四年，我获得过国奖，拿过省级优干，保送到名牌大学读研……但是是在出去之后，我才知道原来我那么肤浅，我们所待的环境给了我们那么多的束缚。" target="_blank">毕业马上就一年了，可能在别人眼中，我是幸运的，大学四年，我获得过国奖，拿过省级优干，保送到名牌大学读研……但是是在出去之后，我才知道原来我那么肤浅，我们所待的环境给了我们那么多的束缚。</a>
                        <span class="text-muted">力学AI有限元</span>
<a class="tag" taget="_blank" href="/search/%E4%BF%9D%E7%A0%94/1.htm">保研</a>
                        <div>毕业马上就一年了，可能在别人眼中，我是幸运的，大学四年，我获得过国奖，拿过省级优干，保送到名牌大学读研……但是是在出去之后，我才知道原来我那么肤浅，我们所待的环境给了我们那么多的束缚。1、先谈谈保研问题，在工大（威海），大家都在为保研的那几个名额明争暗斗，几乎每年都是如此，还会闹出事件：谁被举报加分作假，谁找老师要分数了。当年的我也从这些中经历过，后来我顺利保研了，再回头看这些，真想当时要是工作现</div>
                    </li>
                    <li><a href="/article/1894134603237617664.htm"
                           title="学习笔记——蓝桥杯单片机基础------P2=(P2 & 0x1f) | 0x80..." target="_blank">学习笔记——蓝桥杯单片机基础------P2=(P2 & 0x1f) | 0x80...</a>
                        <span class="text-muted">Born_toward</span>
<a class="tag" taget="_blank" href="/search/%E8%93%9D%E6%A1%A5%E6%9D%AF/1.htm">蓝桥杯</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">学习笔记</a><a class="tag" taget="_blank" href="/search/%E8%93%9D%E6%A1%A5%E6%9D%AF/1.htm">蓝桥杯</a><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/%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">单片机</a>
                        <div>目录一、简述二、相关知识介绍2.1二进制转换2.2转换方法三、举一反三3.1P2=(P2&0x1f)|0xa03.2P2=(P2&0x1f)|0xc03.3P2=(P2&0x1f)|0xe0一、简述在蓝桥杯单片机锁存器控制IO口编写代码时会用到它，可以优化代码。这是一个简单的二进制转换和运用到数电基础的“&”和“|”，即与和或。二、相关知识介绍2.1二进制转换在8051单片机中，初始P2的各个引脚</div>
                    </li>
                    <li><a href="/article/1894129938273988608.htm"
                           title="flask mysql保存图片_六、Flask_数据库+session存储+蓝图" target="_blank">flask mysql保存图片_六、Flask_数据库+session存储+蓝图</a>
                        <span class="text-muted">hitomo</span>
<a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/mysql%E4%BF%9D%E5%AD%98%E5%9B%BE%E7%89%87/1.htm">mysql保存图片</a>
                        <div>1数据库相关ormORM全拼Object-RelationMapping，中文意为对象-关系映射。主要实现模型对象到关系数据库数据的映射优点:只需要面向对象编程,不需要面向数据库编写代码对数据库的操作都转化成对类属性和方法的操作不用编写各种数据库的sql语句实现了数据模型与数据库的解耦,屏蔽了不同数据库操作上的差异不再需要关注当前项目使用的是哪种数据库通过简单的配置就可以轻松更换数据库,而不需要修</div>
                    </li>
                    <li><a href="/article/1894129812063186944.htm"
                           title="Java必知必会系列：缓存技术与Memcached" target="_blank">Java必知必会系列：缓存技术与Memcached</a>
                        <span class="text-muted">AI天才研究院</span>
<a class="tag" taget="_blank" href="/search/Java%E5%AE%9E%E6%88%98/1.htm">Java实战</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E5%AE%9E%E8%B7%B5/1.htm">编程实践</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</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/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">架构设计</a>
                        <div>作者：禅与计算机程序设计艺术文章目录1.简介2.缓存技术及其相关概念2.1什么是缓存？2.2Memcached简介2.3Memcached核心机制2.4Memcached常见错误类型3.Memcached基本操作3.1安装Memcached3.2Memcached操作添加键值对删除键值对更新键值对查询多个键管理缓存空间4.Memcached应用场景4.1Session共享4.2全页缓存4.3对象缓</div>
                    </li>
                    <li><a href="/article/1894128048249303040.htm"
                           title="商业角度看教师模型与学生模型的关系-ChatGPT4o作答" target="_blank">商业角度看教师模型与学生模型的关系-ChatGPT4o作答</a>
                        <span class="text-muted">部分分式</span>
<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/chatgpt/1.htm">chatgpt</a>
                        <div>从商业的角度来看，知识蒸馏中教师模型（TeacherModel）和学生模型（StudentModel）之间的关系，实际上类似于一种“传帮带”的过程，即一个庞大且复杂的模型将其知识传递给一个更小、更高效的模型。这个过程不仅对模型的技术优化至关重要，还与商业运作的多个层面密切相关，特别是成本控制、效率提升、市场竞争力、和可扩展性等方面。教师模型与学生模型的关系：商业运作中的表现成本效益与资源优化教师模</div>
                    </li>
                    <li><a href="/article/1894125276120543232.htm"
                           title="Spring框架之观察者模式 (Observer Pattern)" target="_blank">Spring框架之观察者模式 (Observer Pattern)</a>
                        <span class="text-muted">Katie。</span>
<a class="tag" taget="_blank" href="/search/Java%E8%AF%AD%E8%A8%80%E9%AB%98%E7%BA%A7%E5%BC%80%E5%8F%91/1.htm">Java语言高级开发</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E8%A7%82%E5%AF%9F%E8%80%85%E6%A8%A1%E5%BC%8F/1.htm">观察者模式</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                        <div>观察者模式（ObserverPattern）详解观察者模式（ObserverPattern）是一种行为型设计模式，用于定义对象间的一种一对多的依赖关系，使得当一个对象的状态发生改变时，其相关依赖对象能够自动接收到通知并进行相应的更新。观察者模式广泛应用于事件驱动的系统中，是GUI应用程序、事件系统、消息推送等场景中的核心设计模式。1.观察者模式的定义1.1什么是观察者模式？观察者模式，也称为发布-</div>
                    </li>
                    <li><a href="/article/1894125275466231808.htm"
                           title="Android社招面经分享！2021华为Android高级面试题及答案，附相关架构及资料" target="_blank">Android社招面经分享！2021华为Android高级面试题及答案，附相关架构及资料</a>
                        <span class="text-muted">Andorid实习僧</span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a>
                        <div>反思昨晚去北京大望路阿里面试,产生了严重的挫败感,羞愧难当.比不得从大学就有目标有理想,一直在为目标努力学习技术的同学,在大学唯一能拿得出手的就是参加了电子设计大赛,学了点嵌入式的知识.毕业后开始做android,说得好听点叫做项目,实际上就是搬代码,真正记到脑子里的有多少呢?从百度Google搬到自己的代码里,同一个问题要遇到好几次才能记住,很多问题搬完了还不知道为什么这么做.ReactNati</div>
                    </li>
                    <li><a href="/article/1894124265335222272.htm"
                           title="【设计模式】【行为型模式（Behavioral Patterns）】之观察者模式（Observer Pattern）" target="_blank">【设计模式】【行为型模式（Behavioral Patterns）】之观察者模式（Observer Pattern）</a>
                        <span class="text-muted">春风十里不如你9527</span>
<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/%E8%A7%82%E5%AF%9F%E8%80%85%E6%A8%A1%E5%BC%8F/1.htm">观察者模式</a>
                        <div>1.设计模式原理说明观察者模式（ObserverPattern）是一种行为设计模式，它定义了一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都会得到通知并自动更新。这种模式非常适合处理事件驱动系统，其中对象之间需要保持同步但又不想紧密耦合。主要角色Subject（主题/被观察者）：它知道它的观察者是谁。任何数量的观察者都可以观察一个主题。提供注册和删除观察者对象的方法。Obse</div>
                    </li>
                    <li><a href="/article/1894117961661214720.htm"
                           title="2024Android面试总结（附相关架构及资料）" target="_blank">2024Android面试总结（附相关架构及资料）</a>
                        <span class="text-muted">2401_86372470</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a>
                        <div>在今年六月份，我萌生了跳槽的打算，在过去的7,8月份我经历了差不多两个月左右的面试。最终拿到了平安人寿、TCL电子、投哪儿网以及几个不太知名公司的offer。于是就写下这篇文章，一来记录总结自己的面试，二来帮助需要跳槽意向的大家了提供一些跳槽经验。文末会给大家分享我整理的Android面试专题及答案（这些题我基本都刷了三遍以上，毕竟年前突然被裁心里是有点迷）准备阶段在面试准备阶段我大概准备了差不多</div>
                    </li>
                    <li><a href="/article/1894116324154601472.htm"
                           title="焱老师带你学习MYSQL系列 第一篇 (MYSQL 整体架构)" target="_blank">焱老师带你学习MYSQL系列 第一篇 (MYSQL 整体架构)</a>
                        <span class="text-muted">weixin_44669461</span>
<a class="tag" taget="_blank" href="/search/MYSQL/1.htm">MYSQL</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</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%9E%B6%E6%9E%84/1.htm">架构</a>
                        <div>相关系列链接焱老师带你学习MYSQL系列第六篇(MYSQL是如何实现锁的)焱老师带你学习MYSQL系列第五篇(MYSQL事务隔离级别是如何实现的)焱老师带你学习MYSQL系列第四篇(MYSQL优化器详解)焱老师带你学习MYSQL系列第三篇(MYSQL单表访问方法)焱老师带你学习MYSQL系列第二篇(MYSQL数据结构)焱老师带你学习MYSQL系列第一篇(MYSQL整体架构)前记我很多年前曾经面试各</div>
                    </li>
                    <li><a href="/article/1894112032576303104.htm"
                           title="【python库】Pydantic" target="_blank">【python库】Pydantic</a>
                        <span class="text-muted">陆·柒</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/pydantic/1.htm">pydantic</a>
                        <div>什么是PydanticPydantic是一个Python库，主要用于数据验证和设置管理。它使用Python的类型提示（typehints）来定义数据的结构，并在运行时验证数据是否符合定义的结构。简单来说，它可以确保数据的准确性和完整性，帮助开发人员在早期发现数据相关的问题。例如，在处理用户输入、API响应或者配置文件时，Pydantic可以验证数据的格式、类型和取值范围等是否正确用法总结数据定义和</div>
                    </li>
                    <li><a href="/article/1894111652752715776.htm"
                           title="SpringBoot 监控 SQL 运行情况（实战教程）" target="_blank">SpringBoot 监控 SQL 运行情况（实战教程）</a>
                        <span class="text-muted">153_m0_67912929</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
                        <div>1基本概念2添加依赖3配置相关属性4sql监控5慢sql记录6spring监控7去Ad（广告）8获取Druid的监控数据1基本概念Druid是Java语言中最好的数据库连接池。虽然HikariCP的速度稍快，但是，Druid能够提供强大的监控和扩展功能，也是阿里巴巴的开源项目。Druid是阿里巴巴开发的号称为监控而生的数据库连接池，在功能、性能、扩展性方面，都超过其他数据库连接池，包括DBCP、C</div>
                    </li>
                    <li><a href="/article/1894101190610841600.htm"
                           title="Netty Reactor 线程模型" target="_blank">Netty Reactor 线程模型</a>
                        <span class="text-muted">Think_Higher</span>
<a class="tag" taget="_blank" href="/search/Netty%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E7%90%86%E8%A7%A3/1.htm">Netty从入门到理解</a>
                        <div>Reactor线程模型是Netty实现高性能的核心所在，在Netty中EventLoop是Reactor线程模型的核心处理引擎，那么EventLoop到底是如何实现的呢？又是如何保证高性能和线程安全性的呢？说明：本文参考的Netty源码版本为4.1.42.Final。文章目录Reactor线程执行的主流程轮询I/O事件处理I/O事件1.processSelectedKeysPlain2.proce</div>
                    </li>
                    <li><a href="/article/1894097281808920576.htm"
                           title="Ajax购物车添加多产品的最佳实践" target="_blank">Ajax购物车添加多产品的最佳实践</a>
                        <span class="text-muted">t0_54coder</span>
<a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/okhttp/1.htm">okhttp</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E4%B8%AA%E4%BA%BA%E5%BC%80%E5%8F%91/1.htm">个人开发</a>
                        <div>在电子商务平台中，购物体验的流畅性直接影响用户的购买决策。特别是在使用Ajax技术处理购物车操作时，确保每个步骤都能够无缝进行至关重要。今天，我们来讨论一下如何通过Ajax添加多个产品到购物车，并解决一个常见的技术问题。背景介绍假设你有一个在线商店，用户可以选择一系列附加产品（如交叉销售产品）并通过一个事件将它们全部添加到购物车中。这听起来简单，但实际上，这涉及到如何正确处理数据结构和Ajax请求</div>
                    </li>
                    <li><a href="/article/1894095263673413632.htm"
                           title="学习PostgreSQL专家认证" target="_blank">学习PostgreSQL专家认证</a>
                        <span class="text-muted">leegong23111</span>
<a class="tag" taget="_blank" href="/search/postgresql/1.htm">postgresql</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%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
                        <div>认证途径：由PostgreSQL联盟分会授权机构提供的认证考试，出的相关认证。这些认证考试通常具有较高的权威性和认可度，能够证明考生在PostgreSQL领域的专业能力。厂商认证：一些数据库厂商或培训机构也会提供自己的PostgreSQL认证课程和考试，如重庆思庄数据库认证（初级认证专员，中级认证专家，高级认证大师）认证等。这些认证结合了厂商自身的技术特点和实践经验，对于在特定厂商平台上使用Pos</div>
                    </li>
                    <li><a href="/article/1894094759882977280.htm"
                           title="YashanDB实例架构" target="_blank">YashanDB实例架构</a>
                        <span class="text-muted">YashanDB</span>
<a class="tag" taget="_blank" href="/search/YashanDB/1.htm">YashanDB</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%B4%96%E5%B1%B1%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">崖山数据库</a><a class="tag" taget="_blank" href="/search/YashanDB/1.htm">YashanDB</a>
                        <div>数据库是物理概念，是指在磁盘上存放的各类持久化数据文件的集合。数据库实例只在运行态存在，包括一组线程和内存空间，YashanDB采取多线程架构，内存空间由共享内存区域和私有内存区域两部分组成。每个正在运行的数据库至少与一个数据库实例相关联。#单机部署#分布式部署#共享集群部署#主要模块介绍数据库客户端一般是指客户基于YashanDB驱动开发的应用程序或YashanDB提供的客户端工具。驱动：应用程</div>
                    </li>
                    <li><a href="/article/1894093876231204864.htm"
                           title="使用 ahooks 解决 React 的闭包问题" target="_blank">使用 ahooks 解决 React 的闭包问题</a>
                        <span class="text-muted">SvqiAnaconda</span>
<a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a>
                        <div>React是一种流行的JavaScript库，用于构建用户界面。它通过组件化的方式，以声明式的方式处理界面状态和交互。然而，在使用React进行开发时，我们可能会遇到闭包问题。闭包问题指的是在函数组件中使用的闭包变量可能会出现意外的行为，导致bug和内存泄漏。幸运的是，ahooks是一个优秀的解决方案，它可以帮助我们解决React中的闭包问题。ahooks是一个基于ReactHooks的库，它提供</div>
                    </li>
                    <li><a href="/article/1894093876747104256.htm"
                           title="使用 Ahooks 解决 React 的闭包问题" target="_blank">使用 Ahooks 解决 React 的闭包问题</a>
                        <span class="text-muted">ZdqDeveloper</span>
<a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>React是一种流行的前端框架，但在使用React进行开发时，经常会遇到闭包问题。闭包问题主要出现在使用Hooks的函数组件中，由于JavaScript语言特性，函数组件内部的闭包会导致一些意外的行为和错误。为了解决这个问题，可以使用Ahooks库提供的解决方案。本文将详细介绍Ahooks是如何解决React的闭包问题的，并提供相应的源代码示例。首先，我们需要了解闭包问题是如何在React中产生的</div>
                    </li>
                    <li><a href="/article/1894081139077869568.htm"
                           title="蓝易云 - 查看mysql event日志" target="_blank">蓝易云 - 查看mysql event日志</a>
                        <span class="text-muted">蓝易云</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</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/oracle/1.htm">oracle</a>
                        <div>要查看MySQL的事件（event）日志，可以按照以下步骤进行：登录到MySQL数据库服务器。运行以下查询语句：SHOWEVENTS;这将显示数据库中所有已定义的事件。如果想要查看特定事件的详细信息，可以使用以下查询语句，将event_name替换为你要查看的事件名称：SHOWCREATEEVENTevent_name;这将显示指定事件的创建语句，其中包括事件的定义和计划。注意，事件日志只适用</div>
                    </li>
                    <li><a href="/article/1894077230988980224.htm"
                           title="深度学习与搜索引擎优化的结合：DeepSeek的创新与探索" target="_blank">深度学习与搜索引擎优化的结合：DeepSeek的创新与探索</a>
                        <span class="text-muted">m0_74825634</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/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/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
                        <div>目录引言1.传统搜索引擎的局限性2.深度学习在搜索引擎中的作用3.DeepSeek实现搜索引擎优化的关键技术3.1神经网络与搜索引擎优化3.2自然语言处理与查询理解3.3深度强化学习与搜索结果排序4.DeepSeek的深度学习架构4.1?查询解析与语义理解4.2?搜索排名与相关性排序4.3?个性化推荐与用户行为分析5、总结引言随着人工智能（AI）技术的迅速发展，深度学习（DeepLearning）</div>
                    </li>
                    <li><a href="/article/1894072945790218240.htm"
                           title="Viewer.js----图片查看" target="_blank">Viewer.js----图片查看</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a>
                        <div>Viewer.js是一个用于展示图片、视频等多媒体内容的轻量级JavaScript库，提供了现代的图片查看器功能，比如放大、缩小、旋转、拖动等操作，适用于浏览器中查看图片等资源。官网地址：Viewer.js详细说明：Viewer.js–强大的JS/jQuery图片查看器_dowebok.如何使用Viewer.js1.1引入Viewer.js首先，你需要在HTML页面中引入Viewer.js。你可以</div>
                    </li>
                    <li><a href="/article/1894061096499736576.htm"
                           title="HTML 脚本" target="_blank">HTML 脚本</a>
                        <span class="text-muted">智慧浩海</span>
<a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>HTML标签标签用于定义客户端脚本，比如JavaScript。元素既可包含脚本语句，也可通过src属性指向外部脚本文件。JavaScript最常用于图片操作、表单验证以及内容动态更新。下面的脚本会向浏览器输出"HelloWorld!"：实例document.write("HelloWorld!");尝试一下»Tip:学习更多关于Javascript教程，请查看JavaScript教程!HTML标签</div>
                    </li>
                    <li><a href="/article/1894060968971923456.htm"
                           title="Flask应用开发综合示例——博客系统" target="_blank">Flask应用开发综合示例——博客系统</a>
                        <span class="text-muted">Botiway</span>
<a class="tag" taget="_blank" href="/search/FlaskWeb/1.htm">FlaskWeb</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a>
                        <div>下面是一个与前面不同的综合示例，展示如何使用Python+Flask+HTML+CSS+JavaScript+jQuery+Bootstrap+SQLAlchemy开发一个简单的博客系统。用户可以注册、登录、发布博客、查看博客列表以及删除自己的博客。1.项目结构blog_system/│├──app.py#Flask应用主文件├──models.py#SQLAlchemy模型定义├──requir</div>
                    </li>
                    <li><a href="/article/1894060840655581184.htm"
                           title="国产编辑器EverEdit - 网工利器：使用“插入序列”批量生成维护命令" target="_blank">国产编辑器EverEdit - 网工利器：使用“插入序列”批量生成维护命令</a>
                        <span class="text-muted">编辑器爱好者</span>
<a class="tag" taget="_blank" href="/search/%E5%A6%99%E7%94%A8%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">妙用编辑器</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a><a class="tag" taget="_blank" href="/search/EmEditor/1.htm">EmEditor</a><a class="tag" taget="_blank" href="/search/EverEdit/1.htm">EverEdit</a><a class="tag" taget="_blank" href="/search/Notepad/1.htm">Notepad</a>
                        <div>1插入序列1.1应用背景  对于经常需要制作网络设备维护脚本的人来说，有时命令都是相同的，可能就某些参数需要变化，而这些参数一般也是递增的，所以使用插入序列的方式来快速制作配置命令将会很方便。1.2使用方法步骤1：将光标定位到插入序列的第1行的位置。注：不要选中任何内容，EverEdit的列插入不是覆盖模式。步骤2：选择菜单“工具->序列”步骤3：在弹出的窗口中，设置相关参数，如下图所示：起始：即</div>
                    </li>
                    <li><a href="/article/1894052024387956736.htm"
                           title="【Linux C/C++开发】udev监测USB事件" target="_blank">【Linux C/C++开发】udev监测USB事件</a>
                        <span class="text-muted">扶尔魔ocy</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a>
                        <div>前言本人的国产化桌面系统项目需要对接入Linux系统的USB设备进行事件及更详细的信息管理，libusb库是不够的，需要使用udev库，比如我的项目需要区分摄像头/位图设备、存储设备、鼠标键盘设备等的插拔事件，此时需要调用udev库，下文主要讲解C/C++开发怎么引用udev库。功能讲解1、apt方式下载库sudoaptinstalllibudev-dev//usbudev.cpp#include</div>
                    </li>
                    <li><a href="/article/1894050890722111488.htm"
                           title="奇异值分解求线性方程组的最小二乘解" target="_blank">奇异值分解求线性方程组的最小二乘解</a>
                        <span class="text-muted">果壳中的robot</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E6%80%A7%E4%BB%A3%E6%95%B0/1.htm">线性代数</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%9F%A9%E9%98%B5/1.htm">矩阵</a>
                        <div>线性方程组一般考虑两类：非齐次线性方程组：Ax=b齐次线性方程组：Ax=0A是m*n矩阵，x是n*1的向量，b是m*1的向量。此类问题可以很方便地采用SVD奇异值分解来求解。一.讨论基于线性代数的解析解关于线性方程组的解析解存在性的讨论在之前的博客中已经介绍，主要基于向量组的线性相关性理论。链接为：【线性代数】齐次与非齐次线性方程组有解的条件。主要结论为：对于齐次线性方程组Ax=0：Ax=0有非零</div>
                    </li>
                                <li><a href="/article/111.htm"
                                       title="JAVA基础" target="_blank">JAVA基础</a>
                                    <span class="text-muted">灵静志远</span>
<a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/%E5%8A%A0%E8%BD%BD/1.htm">加载</a><a class="tag" taget="_blank" href="/search/Date/1.htm">Date</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E7%AC%A6%E4%B8%B2%E6%B1%A0/1.htm">字符串池</a><a class="tag" taget="_blank" href="/search/%E8%A6%86%E7%9B%96/1.htm">覆盖</a>
                                    <div>一、类的初始化顺序 
1 （静态变量，静态代码块）-->（变量，初始化块）--> 构造器 
 同一括号里的，根据它们在程序中的顺序来决定。上面所述是同一类中。如果是继承的情况，那就在父类到子类交替初始化。 
 
二、String 
1 String a = "abc"; 
 JAVA虚拟机首先在字符串池中查找是否已经存在了值为"abc"的对象，根</div>
                                </li>
                                <li><a href="/article/238.htm"
                                       title="keepalived实现redis主从高可用" target="_blank">keepalived实现redis主从高可用</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
                                    <div>方案说明 
 
两台机器（称为A和B），以统一的VIP对外提供服务 
1.正常情况下，A和B都启动，B会把A的数据同步过来（B is slave of A） 
2.当A挂了后，VIP漂移到B；B的keepalived 通知redis 执行：slaveof no one，由B提供服务 
3.当A起来后，VIP不切换，仍在B上面；而A的keepalived 通知redis 执行slaveof B，开始</div>
                                </li>
                                <li><a href="/article/365.htm"
                                       title="java文件操作大全" target="_blank">java文件操作大全</a>
                                    <span class="text-muted">0624chenhong</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>最近在博客园看到一篇比较全面的文件操作文章，转过来留着。 
 
http://www.cnblogs.com/zhuocheng/archive/2011/12/12/2285290.html 
 
转自http://blog.sina.com.cn/s/blog_4a9f789a0100ik3p.html 
 
 
一.获得控制台用户输入的信息 
 
   &nbs</div>
                                </li>
                                <li><a href="/article/492.htm"
                                       title="android学习任务" target="_blank">android学习任务</a>
                                    <span class="text-muted">不懂事的小屁孩</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a>
                                    <div>任务 
完成情况   搞清楚带箭头的pupupwindows和不带的使用 已完成   熟练使用pupupwindows和alertdialog，并搞清楚两者的区别 已完成   熟练使用android的线程handler,并敲示例代码 进行中   了解游戏2048的流程，并完成其代码工作 进行中-差几个actionbar   研究一下android的动画效果，写一个实例 已完成   复习fragem</div>
                                </li>
                                <li><a href="/article/619.htm"
                                       title="zoom.js" target="_blank">zoom.js</a>
                                    <span class="text-muted">换个号韩国红果果</span>
<a class="tag" taget="_blank" href="/search/oom/1.htm">oom</a>
                                    <div>它的基于bootstrap 的 
https://raw.github.com/twbs/bootstrap/master/js/transition.js  transition.js模块引用顺序

public class MaxProduct {

/**
	 * 编程之美 子数组的最大乘积
	 * 题目: 给定一个长度为N的整数数组，只允许使用乘法，不能用除法，计算任意N-1个数的组合中乘积中最大的一组，并写出算法的时间复杂度。
	 * 以下程序对应书上两种方法，求得“乘积中最大的一组”的乘积——都是有溢出的可能的。
	 * 但按题目的意思，是要求得这个子数组，而不</div>
                                </li>
                                <li><a href="/article/2143.htm"
                                       title="读书笔记-2" target="_blank">读书笔记-2</a>
                                    <span class="text-muted">chengxuyuancsdn</span>
<a class="tag" taget="_blank" href="/search/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/1.htm">读书笔记</a>
                                    <div>1、反射 
2、oracle年-月-日 时-分-秒 
3、oracle创建有参、无参函数 
4、oracle行转列 
5、Struts2拦截器 
6、Filter过滤器(web.xml) 
 
 
1、反射
(1)检查类的结构
在java.lang.reflect包里有3个类Field,Method,Constructor分别用于描述类的域、方法和构造器。
2、oracle年月日时分秒
s</div>
                                </li>
                                <li><a href="/article/2270.htm"
                                       title="[求学与房地产]慎重选择IT培训学校" target="_blank">[求学与房地产]慎重选择IT培训学校</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/it/1.htm">it</a>
                                    <div>      关于培训学校的教学和教师的问题,我们就不讨论了,我主要关心的是这个问题 
 
      培训学校的教学楼和宿舍的环境和稳定性问题 
 
      我们大家都知道，房子是一个比较昂贵的东西，特别是那种能够当教室的房子... 
 
&nb</div>
                                </li>
                                <li><a href="/article/2397.htm"
                                       title="RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系" target="_blank">RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/rman/1.htm">rman</a><a class="tag" taget="_blank" href="/search/filesperset/1.htm">filesperset</a><a class="tag" taget="_blank" href="/search/PARALLELISM/1.htm">PARALLELISM</a>
                                    <div>RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 转 
 
PARALLELISM --- 
 
我们还可以通过parallelism参数来指定同时"自动"创建多少个通道： 
RMAN > configure device type disk parallelism 3 ; 
表示启动三个通道，可以加快备份恢复的速度。 </div>
                                </li>
                                <li><a href="/article/2524.htm"
                                       title="简单排序:冒泡排序" target="_blank">简单排序:冒泡排序</a>
                                    <span class="text-muted">dieslrae</span>
<a class="tag" taget="_blank" href="/search/%E5%86%92%E6%B3%A1%E6%8E%92%E5%BA%8F/1.htm">冒泡排序</a>
                                    <div>
    public void bubbleSort(int[] array){
        for(int i=1;i<array.length;i++){
            for(int k=0;k<array.length-i;k++){
                if(array[k] > array[k+1]){
             </div>
                                </li>
                                <li><a href="/article/2651.htm"
                                       title="初二上学期难记单词三" target="_blank">初二上学期难记单词三</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/sciet/1.htm">sciet</a>
                                    <div>concert 音乐会 
tonight 今晚 
famous 有名的；著名的 
song 歌曲 
thousand 千 
accident 事故；灾难 
careless 粗心的，大意的 
break 折断；断裂；破碎 
heart 心（脏） 
happen  偶尔发生，碰巧 
tourist 旅游者；观光者 
science （自然）科学 
marry 结婚 
subject 题目；</div>
                                </li>
                                <li><a href="/article/2778.htm"
                                       title="I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码 收藏代码" target="_blank">I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码 收藏代码</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
                                    <div>wget http://download.redis.io/redis-stable.tar.gz 
tar xvzf redis-stable.tar.gz 
cd redis-stable 
make 
  
前面3步应该没有问题，主要的问题是执行make的时候，出现了异常。 
异常一： 
make[2]: cc: Command not found 
异常原因：没有安装g</div>
                                </li>
                                <li><a href="/article/2905.htm"
                                       title="并发容器" target="_blank">并发容器</a>
                                    <span class="text-muted">shuizhaosi888</span>
<a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91%E5%AE%B9%E5%99%A8/1.htm">并发容器</a>
                                    <div>   通过并发容器来改善同步容器的性能，同步容器将所有对容器状态的访问都串行化，来实现线程安全，这种方式严重降低并发性，当多个线程访问时，吞吐量严重降低。 
   并发容器ConcurrentHashMap 
      替代同步基于散列的Map，通过Lock控制。 
  &nb</div>
                                </li>
                                <li><a href="/article/3032.htm"
                                       title="Spring Security（12）——Remember-Me功能" target="_blank">Spring Security（12）——Remember-Me功能</a>
                                    <span class="text-muted">234390216</span>
<a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a><a class="tag" taget="_blank" href="/search/Remember+Me/1.htm">Remember Me</a><a class="tag" taget="_blank" href="/search/%E8%AE%B0%E4%BD%8F%E6%88%91/1.htm">记住我</a>
                                    <div>Remember-Me功能 
  
目录 
  
1.1     概述 
1.2     基于简单加密token的方法 
1.3     基于持久化token的方法 
1.4     Remember-Me相关接口和实现</div>
                                </li>
                                <li><a href="/article/3159.htm"
                                       title="位运算" target="_blank">位运算</a>
                                    <span class="text-muted">焦志广</span>
<a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a>
                                    <div>
一、位运算符Ｃ语言提供了六种位运算符： 
 
& 按位与 
| 按位或 
^ 按位异或 
~ 取反 
<< 左移 
>> 右移

1. 按位与运算 按位与运算符"&"是双目运算符。其功能是参与运算的两数各对应的二进位相与。只有对应的两个二进位均为1时，结果位才为1 ，否则为0。参与运算的数以补码方式出现。 
 
例如：9&am</div>
                                </li>
                                <li><a href="/article/3286.htm"
                                       title="nodejs 数据库连接 mongodb mysql" target="_blank">nodejs 数据库连接 mongodb mysql</a>
                                    <span class="text-muted">liguangsong</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/node/1.htm">node</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E8%BF%9E%E6%8E%A5/1.htm">数据库连接</a>
                                    <div>1.mysql 连接 
   package.json中dependencies加入 
  
  
"mysql":"~2.7.0" 
   执行 npm install 
  
   在config 下创建文件 database.js 
    
</div>
                                </li>
                                <li><a href="/article/3413.htm"
                                       title="java动态编译" target="_blank">java动态编译</a>
                                    <span class="text-muted">olive6615</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E7%BC%96%E8%AF%91/1.htm">动态编译</a>
                                    <div>    在HotSpot虚拟机中，有两个技术是至关重要的，即动态编译(Dynamic compilation)和Profiling。 
    HotSpot是如何动态编译Javad的bytecode呢？Java bytecode是以解释方式被load到虚拟机的。HotSpot里有一个运行监视器，即Profile Monitor,专门监视</div>
                                </li>
                                <li><a href="/article/3540.htm"
                                       title="Storm0.9.5的集群部署配置优化" target="_blank">Storm0.9.5的集群部署配置优化</a>
                                    <span class="text-muted">roadrunners</span>
<a class="tag" taget="_blank" href="/search/%E4%BC%98%E5%8C%96/1.htm">优化</a><a class="tag" taget="_blank" href="/search/storm.yaml/1.htm">storm.yaml</a>
                                    <div>nimbus结点配置（storm.yaml）信息： 
# Licensed to the Apache Software Foundation (ASF) under one
# or more contributor license agreements.  See the NOTICE file
# distributed with this work for additional inf</div>
                                </li>
                                <li><a href="/article/3667.htm"
                                       title="101个MySQL 的调节和优化的提示" target="_blank">101个MySQL 的调节和优化的提示</a>
                                    <span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
                                    <div>　1. 拥有足够的物理内存来把整个InnoDB文件加载到内存中——在内存中访问文件时的速度要比在硬盘中访问时快的多。   　　2. 不惜一切代价避免使用Swap交换分区 – 交换时是从硬盘读取的，它的速度很慢。   　　3. 使用电池供电的RAM（注：RAM即随机存储器）。   　　4. 使用高级的RAID（注：Redundant Arrays of Inexpensive Disks，即磁盘阵列</div>
                                </li>
                                <li><a href="/article/3794.htm"
                                       title="zoj 3829 Known Notation(贪心)" target="_blank">zoj 3829 Known Notation(贪心)</a>
                                    <span class="text-muted">阿尔萨斯</span>
<a class="tag" taget="_blank" href="/search/ZOJ/1.htm">ZOJ</a>
                                    <div> 题目链接：zoj 3829 Known Notation 
 题目大意：给定一个不完整的后缀表达式，要求有2种不同操作，用尽量少的操作使得表达式完整。 
 解题思路：贪心，数字的个数要要保证比∗的个数多1，不够的话优先补在开头是最优的。然后遍历一遍字符串，碰到数字+1，碰到∗-1,保证数字的个数大于等1，如果不够减的话，可以和最后面的一个数字交换位置（用栈维护十分方便），因为添加和交换代价都是1</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>