HTML DOM 事件对象

HTMLDOM事件对象

HTML DOM 事件

HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。

事件通常与函数结合使用，函数不会在事件发生前被执行！ (如用户点击按钮)。

提示： 在 W3C 2 级 DOM 事件中规范了事件模型。

---

HTML DOM 事件

DOM： 指明使用的 DOM 属性级别。

鼠标事件

属性	描述	DOM
onclick	当用户点击某个对象时调用的事件句柄。	2
oncontextmenu	在用户点击鼠标右键打开上下文菜单时触发
ondblclick	当用户双击某个对象时调用的事件句柄。	2
onmousedown	鼠标按钮被按下。	2
onmouseenter	当鼠标指针移动到元素上时触发。	2
onmouseleave	当鼠标指针移出元素时触发	2
onmousemove	鼠标被移动。	2
onmouseover	鼠标移到某元素之上。	2
onmouseout	鼠标从某元素移开。	2
onmouseup	鼠标按键被松开。	2

键盘事件

属性	描述	DOM
onkeydown	某个键盘按键被按下。	2
onkeypress	某个键盘按键被按下并松开。	2
onkeyup	某个键盘按键被松开。	2

框架/对象（Frame/Object）事件

属性	描述	DOM
onabort	图像的加载被中断。 (	2
onbeforeunload	该事件在即将离开页面（刷新或关闭）时触发	2
onerror	在加载文档或图像时发生错误。 (
onhashchange	该事件在当前 URL 的锚部分发生修改时触发。
onload	一张页面或一幅图像完成加载。	2
onpageshow	该事件在用户访问页面时触发
onpagehide	该事件在用户离开当前网页跳转到另外一个页面时触发
onresize	窗口或框架被重新调整大小。	2
onscroll	当文档被滚动时发生的事件。	2
onunload	用户退出页面。 ( 和 )	2

表单事件

属性	描述	DOM
onblur	元素失去焦点时触发	2
onchange	该事件在表单元素的内容改变时触发( , , , 和 )</td> <td>2</td> </tr> <tr> <td>onfocus</td> <td>元素获取焦点时触发</td> <td>2</td> </tr> <tr> <td>onfocusin</td> <td>元素即将获取焦点时触发</td> <td>2</td> </tr> <tr> <td>onfocusout</td> <td>元素即将失去焦点时触发</td> <td>2</td> </tr> <tr> <td>oninput</td> <td>元素获取用户输入时触发</td> <td>3</td> </tr> <tr> <td>onreset</td> <td>表单重置时触发</td> <td>2</td> </tr> <tr> <td>onsearch</td> <td>用户向搜索域输入文本时触发 ( <input="search">)</td> <td></td> </tr> <tr> <td>onselect</td> <td>用户选取文本时触发 ( <input> 和 <textarea>)</td> <td>2</td> </tr> <tr> <td>onsubmit</td> <td>表单提交时触发</td> <td>2</td> </tr> </tbody> </table> <h2>剪贴板事件</h2> <table> <thead> <tr> <th>属性</th> <th>描述</th> <th>DOM</th> </tr> </thead> <tbody> <tr> <td>oncopy</td> <td>该事件在用户拷贝元素内容时触发</td> <td></td> </tr> <tr> <td>oncut</td> <td>该事件在用户剪切元素内容时触发</td> <td></td> </tr> <tr> <td>onpaste</td> <td>该事件在用户粘贴元素内容时触发</td> <td></td> </tr> </tbody> </table> <h2>打印事件</h2> <table> <thead> <tr> <th>属性</th> <th>描述</th> <th>DOM</th> </tr> </thead> <tbody> <tr> <td>onafterprint</td> <td>该事件在页面已经开始打印，或者打印窗口已经关闭时触发</td> <td></td> </tr> <tr> <td>onbeforeprint</td> <td>该事件在页面即将开始打印时触发</td> <td></td> </tr> </tbody> </table> <h2>拖动事件</h2> <table> <thead> <tr> <th>事件</th> <th>描述</th> <th>DOM</th> </tr> </thead> <tbody> <tr> <td>ondrag</td> <td>该事件在元素正在拖动时触发</td> <td></td> </tr> <tr> <td>ondragend</td> <td>该事件在用户完成元素的拖动时触发</td> <td></td> </tr> <tr> <td>ondragenter</td> <td>该事件在拖动的元素进入放置目标时触发</td> <td></td> </tr> <tr> <td>ondragleave</td> <td>该事件在拖动元素离开放置目标时触发</td> <td></td> </tr> <tr> <td>ondragover</td> <td>该事件在拖动元素在放置目标上时触发</td> <td></td> </tr> <tr> <td>ondragstart</td> <td>该事件在用户开始拖动元素时触发</td> <td></td> </tr> <tr> <td>ondrop</td> <td>该事件在拖动元素放置在目标区域时触发</td> <td></td> </tr> </tbody> </table> <h2>多媒体（Media）事件</h2> <table> <thead> <tr> <th>事件</th> <th>描述</th> <th>DOM</th> </tr> </thead> <tbody> <tr> <td>onabort</td> <td>事件在视频/音频（audio/video）终止加载时触发。</td> <td></td> </tr> <tr> <td>oncanplay</td> <td>事件在用户可以开始播放视频/音频（audio/video）时触发。</td> <td></td> </tr> <tr> <td>oncanplaythrough</td> <td>事件在视频/音频（audio/video）可以正常播放且无需停顿和缓冲时触发。</td> <td></td> </tr> <tr> <td>ondurationchange</td> <td>事件在视频/音频（audio/video）的时长发生变化时触发。</td> <td></td> </tr> <tr> <td>onemptied</td> <td>当期播放列表为空时触发</td> <td></td> </tr> <tr> <td>onended</td> <td>事件在视频/音频（audio/video）播放结束时触发。</td> <td></td> </tr> <tr> <td>onerror</td> <td>事件在视频/音频（audio/video）数据加载期间发生错误时触发。</td> <td></td> </tr> <tr> <td>onloadeddata</td> <td>事件在浏览器加载视频/音频（audio/video）当前帧时触发触发。</td> <td></td> </tr> <tr> <td>onloadedmetadata</td> <td>事件在指定视频/音频（audio/video）的元数据加载后触发。</td> <td></td> </tr> <tr> <td>onloadstart</td> <td>事件在浏览器开始寻找指定视频/音频（audio/video）触发。</td> <td></td> </tr> <tr> <td>onpause</td> <td>事件在视频/音频（audio/video）暂停时触发。</td> <td></td> </tr> <tr> <td>onplay</td> <td>事件在视频/音频（audio/video）开始播放时触发。</td> <td></td> </tr> <tr> <td>onplaying</td> <td>事件在视频/音频（audio/video）暂停或者在缓冲后准备重新开始播放时触发。</td> <td></td> </tr> <tr> <td>onprogress</td> <td>事件在浏览器下载指定的视频/音频（audio/video）时触发。</td> <td></td> </tr> <tr> <td>onratechange</td> <td>事件在视频/音频（audio/video）的播放速度发送改变时触发。</td> <td></td> </tr> <tr> <td>onseeked</td> <td>事件在用户重新定位视频/音频（audio/video）的播放位置后触发。</td> <td></td> </tr> <tr> <td>onseeking</td> <td>事件在用户开始重新定位视频/音频（audio/video）时触发。</td> <td></td> </tr> <tr> <td>onstalled</td> <td>事件在浏览器获取媒体数据，但媒体数据不可用时触发。</td> <td></td> </tr> <tr> <td>onsuspend</td> <td>事件在浏览器读取媒体数据中止时触发。</td> <td></td> </tr> <tr> <td>ontimeupdate</td> <td>事件在当前的播放位置发送改变时触发。</td> <td></td> </tr> <tr> <td>onvolumechange</td> <td>事件在音量发生改变时触发。</td> <td></td> </tr> <tr> <td>onwaiting</td> <td>事件在视频由于要播放下一帧而需要缓冲时触发。</td> <td></td> </tr> </tbody> </table> <h2>动画事件</h2> <table> <thead> <tr> <th>事件</th> <th>描述</th> <th>DOM</th> </tr> </thead> <tbody> <tr> <td>animationend</td> <td>该事件在 CSS 动画结束播放时触发</td> <td></td> </tr> <tr> <td>animationiteration</td> <td>该事件在 CSS 动画重复播放时触发</td> <td></td> </tr> <tr> <td>animationstart</td> <td>该事件在 CSS 动画开始播放时触发</td> <td></td> </tr> </tbody> </table> <h2>过渡事件</h2> <table> <thead> <tr> <th>事件</th> <th>描述</th> <th>DOM</th> </tr> </thead> <tbody> <tr> <td>transitionend</td> <td>该事件在 CSS 完成过渡后触发。</td> <td></td> </tr> </tbody> </table> <h2>其他事件</h2> <table> <thead> <tr> <th>事件</th> <th>描述</th> <th>DOM</th> </tr> </thead> <tbody> <tr> <td>onmessage</td> <td>该事件通过或者从对象(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息时触发</td> <td></td> </tr> <tr> <td>onmousewheel</td> <td>已废弃。 使用 onwheel 事件替代</td> <td></td> </tr> <tr> <td>ononline</td> <td>该事件在浏览器开始在线工作时触发。</td> <td></td> </tr> <tr> <td>onoffline</td> <td>该事件在浏览器开始离线工作时触发。</td> <td></td> </tr> <tr> <td>onpopstate</td> <td>该事件在窗口的浏览历史（history 对象）发生改变时触发。</td> <td></td> </tr> <tr> <td>onshow</td> <td>该事件当 <menu> 元素在上下文菜单显示时触发</td> <td></td> </tr> <tr> <td>onstorage</td> <td>该事件在 Web Storage(HTML 5 Web 存储)更新时触发</td> <td></td> </tr> <tr> <td>ontoggle</td> <td>该事件在用户打开或关闭 <details> 元素时触发</td> <td></td> </tr> <tr> <td>onwheel</td> <td>该事件在鼠标滚轮在元素上下滚动时触发</td> <td></td> </tr> </tbody> </table> <h2>事件对象</h2> <h3>常量</h3> <table> <thead> <tr> <th>静态变量</th> <th>描述</th> <th>DOM</th> </tr> </thead> <tbody> <tr> <td>CAPTURING-PHASE</td> <td>当前事件阶段为捕获阶段(1)</td> <td>1</td> </tr> <tr> <td>AT-TARGET</td> <td>当前事件是目标阶段,在评估目标事件(1)</td> <td>2</td> </tr> <tr> <td>BUBBLING-PHASE</td> <td>当前的事件为冒泡阶段 (3)</td> <td>3</td> </tr> </tbody> </table> <h3>属性</h3> <table> <thead> <tr> <th>属性</th> <th>描述</th> <th>DOM</th> </tr> </thead> <tbody> <tr> <td>bubbles</td> <td>返回布尔值，指示事件是否是起泡事件类型。</td> <td>2</td> </tr> <tr> <td>cancelable</td> <td>返回布尔值，指示事件是否可拥可取消的默认动作。</td> <td>2</td> </tr> <tr> <td>currentTarget</td> <td>返回其事件监听器触发该事件的元素。</td> <td>2</td> </tr> <tr> <td>eventPhase</td> <td>返回事件传播的当前阶段。</td> <td>2</td> </tr> <tr> <td>target</td> <td>返回触发此事件的元素（事件的目标节点）。</td> <td>2</td> </tr> <tr> <td>timeStamp</td> <td>返回事件生成的日期和时间。</td> <td>2</td> </tr> <tr> <td>type</td> <td>返回当前 Event 对象表示的事件的名称。</td> <td>2</td> </tr> </tbody> </table> <h3>方法</h3> <table> <thead> <tr> <th>方法</th> <th>描述</th> <th>DOM</th> </tr> </thead> <tbody> <tr> <td>initEvent()</td> <td>初始化新创建的 Event 对象的属性。</td> <td>2</td> </tr> <tr> <td>preventDefault()</td> <td>通知浏览器不要执行与事件关联的默认动作。</td> <td>2</td> </tr> <tr> <td>stopPropagation()</td> <td>不再派发事件。</td> <td>2</td> </tr> </tbody> </table> <h2>目标事件对象</h2> <h3>方法</h3> <table> <thead> <tr> <th>方法</th> <th>描述</th> <th>DOM</th> </tr> </thead> <tbody> <tr> <td>addEventListener()</td> <td>允许在目标事件中注册监听事件(IE8 = attachEvent())</td> <td>2</td> </tr> <tr> <td>dispatchEvent()</td> <td>允许发送事件到监听器上 (IE8 = fireEvent())</td> <td>2</td> </tr> <tr> <td>removeEventListener()</td> <td>运行一次注册在事件目标上的监听事件(IE8 = detachEvent())</td> <td>2</td> </tr> </tbody> </table> <h2>事件监听对象</h2> <h3>方法</h3> <table> <thead> <tr> <th>方法</th> <th>描述</th> <th>DOM</th> </tr> </thead> <tbody> <tr> <td>handleEvent()</td> <td>把任意对象注册为事件处理程序</td> <td>2</td> </tr> </tbody> </table> <h2>文档事件对象</h2> <h3>方法</h3> <table> <thead> <tr> <th>方法</th> <th>描述</th> <th>DOM</th> </tr> </thead> <tbody> <tr> <td>createEvent()</td> <td></td> <td>2</td> </tr> </tbody> </table> <h2>鼠标/键盘事件对象</h2> <h3>属性</h3> <table> <thead> <tr> <th>属性</th> <th>描述</th> <th>DOM</th> </tr> </thead> <tbody> <tr> <td>altKey</td> <td>返回当事件被触发时，"ALT" 是否被按下。</td> <td>2</td> </tr> <tr> <td>button</td> <td>返回当事件被触发时，哪个鼠标按钮被点击。</td> <td>2</td> </tr> <tr> <td>clientX</td> <td>返回当事件被触发时，鼠标指针的水平坐标。</td> <td>2</td> </tr> <tr> <td>clientY</td> <td>返回当事件被触发时，鼠标指针的垂直坐标。</td> <td>2</td> </tr> <tr> <td>ctrlKey</td> <td>返回当事件被触发时，"CTRL" 键是否被按下。</td> <td>2</td> </tr> <tr> <td>Location</td> <td>返回按键在设备上的位置</td> <td>3</td> </tr> <tr> <td>charCode</td> <td>返回onkeypress事件触发键值的字母代码。</td> <td>2</td> </tr> <tr> <td>key</td> <td>在按下按键时返回按键的标识符。</td> <td>3</td> </tr> <tr> <td>keyCode</td> <td>返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或 onkeyup 事件的键的代码。</td> <td>2</td> </tr> <tr> <td>which</td> <td>返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或 onkeyup 事件的键的代码。</td> <td>2</td> </tr> <tr> <td>metaKey</td> <td>返回当事件被触发时，"meta" 键是否被按下。</td> <td>2</td> </tr> <tr> <td>relatedTarget</td> <td>返回与事件的目标节点相关的节点。</td> <td>2</td> </tr> <tr> <td>screenX</td> <td>返回当某个事件被触发时，鼠标指针的水平坐标。</td> <td>2</td> </tr> <tr> <td>screenY</td> <td>返回当某个事件被触发时，鼠标指针的垂直坐标。</td> <td>2</td> </tr> <tr> <td>shiftKey</td> <td>返回当事件被触发时，"SHIFT" 键是否被按下。</td> <td>2</td> </tr> </tbody> </table> <h3>方法</h3> <table> <thead> <tr> <th>方法</th> <th>描述</th> <th>W3C</th> </tr> </thead> <tbody> <tr> <td>initMouseEvent()</td> <td>初始化鼠标事件对象的值</td> <td>2</td> </tr> <tr> <td>initKeyboardEvent()</td> <td>初始化键盘事件对象的值</td> <td>3</td> </tr> </tbody> </table> </article> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1230292423922520064"></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"> <!-- 文章页-右侧1 动态广告位 --> <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> <!-- 文章页-右侧2 动态广告位 --> <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> <!-- 文章页-右侧3 动态广告位 --> <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">你可能感兴趣的:(HTML DOM 事件对象)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1946842044639014912.htm" title="将HTML+JS+CSS数独游戏包装为安卓App" target="_blank">将HTML+JS+CSS数独游戏包装为安卓App</a> <span class="text-muted">yivifu</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/studio/1.htm">studio</a> <div>HTML+JS+CSS制作一个数独游戏-CSDN博客中开发了一个数独游戏，这个数独游戏提供了一次性回退到指定步骤的辅助功能，在解决复杂数独问题时十分有帮助，可作为玩数独游戏的辅助工具，因此，考虑将它改装成安卓App安装在手机上，可以更方便使用。将纯HTML程序包装成安卓App在编码方面根本没有什么难度，真正的难度在于开发环境的配置和程序的编译运行。花了一个多星期，才总算编译成功了。有图有真相，在A</div> </li> <li><a href="/article/1946842045721145344.htm" title="python爬虫技术——基础知识、实战" target="_blank">python爬虫技术——基础知识、实战</a> <span class="text-muted">南瓜AI</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/scrapy/1.htm">scrapy</a> <div>参考文献：Python爬虫入门(一)（适合初学者）-CSDN博客一、常用爬虫工具包Scrapy语言:Python特点:高效、灵活的爬虫框架，适合大型爬虫项目。BeautifulSoup语言:Python特点:用于解析HTML和XML，简单易用。Selenium语言:Python/Java/C#特点:支持浏览器自动化，适合处理JavaScript渲染的网页。Requests语言:Python特点:简</div> </li> <li><a href="/article/1946840152047415296.htm" title="html5及css有什么区别,html5和css3的区别是什么？" target="_blank">html5及css有什么区别,html5和css3的区别是什么？</a> <span class="text-muted">weixin_39788256</span> <a class="tag" taget="_blank" href="/search/html5%E5%8F%8Acss%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB/1.htm">html5及css有什么区别</a> <div>html5和css3是什么？区别是什么？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。什么是HTML5？HTML，超文本标记语言(HyperTextMarkupLanguage)，标准通用标记语言下的一个应用。是用于描述网页文档的一种标记语言。html5是HTML第五次重大修改后的版本，是当前最新版本，主要特点是支持原生的视频播放、离线存储、更多的语义</div> </li> <li><a href="/article/1946838890434326528.htm" title="前端埋坑之js console.log字符换行后 html没换行问题处理" target="_blank">前端埋坑之js console.log字符换行后 html没换行问题处理</a> <span class="text-muted">做个有准备的人</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%8B%E5%9D%91%E4%B9%8B%E8%B7%AF-%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/1.htm">前端埋坑之路-前端技术</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%8D%81%E5%B9%B4%E4%B9%8B%E8%B7%AF/1.htm">前端十年之路</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>方法：//命令字符处理（字符串超过N字之后换行处理）wrapText(text,n){n=n||70;//默认每70个字符换行if(text.length>n){letresult=text.slice(0,n);leti;for(i=n;i<text.length;i+=n){result+='\n'+text.slice(i,i+n);}re</div> </li> <li><a href="/article/1946835105938993152.htm" title="《前端基础核心知识笔记：HTML、CSS、JavaScript 及 BOM/DOM》" target="_blank">《前端基础核心知识笔记：HTML、CSS、JavaScript 及 BOM/DOM》</a> <span class="text-muted">萌新小白的逆袭</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>html前端三剑客的介绍：HTML:页面内容的载体Css：用来美化和指定页面的显示效果JavaScript：页面显示的过程中，可以动态改变页面的内容重点属性type="text"文本输入type="password"密码输入SerlvertC超链接type="radio"value="值"单选框type="checkbox"value="值"多选框在作用设置编码格式 action是跳转的界面met</div> </li> <li><a href="/article/1946834728023814144.htm" title="一文讲透HTML语义化标签" target="_blank">一文讲透HTML语义化标签</a> <span class="text-muted"></span> <div>文章目录语义化标签概述HTML标签及其含义常见HTML5语义化标签语义化标签对搜索引擎（SEO）的影响提升搜索引擎排名增强可访问性改善用户体验语义化标签案例各标签作用说明语义化标签概述HTML语义化是指使用恰当的标签来准确表达内容的结构和含义，使网页不仅对人类开发者可读，也能被搜索引擎、辅助技术等更好地理解和处理。例如，用表示页眉，表示独立内容区块，提升页面可访问性和SEO效果。HTML标签及其含</div> </li> <li><a href="/article/1946833214496632832.htm" title="CSS面试题及详细答案140道之（101-120）" target="_blank">CSS面试题及详细答案140道之（101-120）</a> <span class="text-muted">还是大剑师兰特</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E5%90%8E%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前后端面试题</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%91%E5%B8%88/1.htm">大剑师</a><a class="tag" taget="_blank" href="/search/CSS%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">CSS面试题</a> <div>《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录101.解释`text-indent`属性的作用。102.如何在CSS中实现响应</div> </li> <li><a href="/article/1946830189489090560.htm" title="web前端入门到实战：CSS实现8种炫酷按钮" target="_blank">web前端入门到实战：CSS实现8种炫酷按钮</a> <span class="text-muted">大前端世界</span> <div>今天给大家分享8种炫酷按钮的CSS实现。1.3D按钮1现在的主流是扁平化的设计，拟物化的设计比较少见了，所以我们仅从技术角度去分析如何实现这个3D按钮该按钮的立体效果主要由按钮多出的左、下两个侧面衬托出来，我们可以使用box-shadow模拟出这两个侧面：HTML：3DButton1CSS:.button-3d-1{position:relative;background:orangered;bo</div> </li> <li><a href="/article/1946828172813201408.htm" title="如何区别HTML和HTML5？" target="_blank">如何区别HTML和HTML5？</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/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>要区分HTML（通常指HTML4及更早版本）和HTML5，主要可以从以下关键方面进行比较：一、文档声明区别二、语义化标签对比用途HTML4标签HTML5新标签头部区域导航栏内容区块独立文章侧边栏页脚主要内容区✅HTML5通过语义化标签取代了泛滥的，提升可读性和SEO三、多媒体支持差异四、图形技术演进constctx=document.getElementById('myCanvas').getCo</div> </li> <li><a href="/article/1946799299903942656.htm" title="【Jmeter】报错：An error occured:Unknown arg" target="_blank">【Jmeter】报错：An error occured:Unknown arg</a> <span class="text-muted">卡西里弗斯奥</span> <a class="tag" taget="_blank" href="/search/Jmeter/1.htm">Jmeter</a> <div>问题调试Jmeter时，报错：‘Anerroroccurred:Unknownarg:l’，脚本如下：$JMETER_PATH-n-t"$target_jmx"-l"$SCENARIO_REPORT_DIR/result_${threads}.jtl"-e-o"$SCENARIO_REPORT_DIR/html_${threads}"问题原因脚本没有问题，脚本后面带有空格，执行不过去。解决办法去除</div> </li> <li><a href="/article/1946783795730509824.htm" title="学习 Python 爬虫需要哪些基础知识？" target="_blank">学习 Python 爬虫需要哪些基础知识？</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/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>学习Python爬虫需要掌握一些基础技术和概念。1.Python基础语法这是最根本的前提，需要熟悉：-变量、数据类型（字符串、列表、字典等）-条件判断、循环语句-函数、类与对象-模块和包的使用（如import语句）2.网页基础了解网页的构成和工作原理：-HTML结构：能看懂标签、属性，知道如何定位内容（如div、span、a标签等）-CSS选择器：用于精准定位网页元素（如类选择器.class、ID</div> </li> <li><a href="/article/1946782063906582528.htm" title="python爬虫--爬去300个租房信息页" target="_blank">python爬虫--爬去300个租房信息页</a> <span class="text-muted">朝畫夕拾</span> <div>爬去300个租房信息页代码如下#--coding:utf-8--importtime,requestsfrombs4importBeautifulSouppage=0limit_count=300crawl_list=[]headers={'Content-type':'text/html;charset=UTF-8','User-Agent':'Mozilla/5.0(Macintosh;Int</div> </li> <li><a href="/article/1946774074126561280.htm" title="【前端vue3面试题】2024最新面试实录vue3(2)，最新前端大厂高频面试题" target="_blank">【前端vue3面试题】2024最新面试实录vue3(2)，最新前端大厂高频面试题</a> <span class="text-muted"></span> <div>*watch与watchEffect*provide与inject重构虚拟DOM,diff算法生命周期更名beforeDestroy改名为beforeUnmountdestroyed改名为unmounted//Vue3.0也提供了CompositionAPI形式的生命周期钩子，与Vue2.x中钩子对应关系如下：beforeCreate===>setup()created===>setup()bef</div> </li> <li><a href="/article/1946765248237203456.htm" title="运维技术干货 — 不仅是 Linux 运维最佳实践" target="_blank">运维技术干货 — 不仅是 Linux 运维最佳实践</a> <span class="text-muted">python算法小白</span> <a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a> <div>附Java/C/C++/机器学习/算法与数据结构/前端/安卓/Python/程序员必读书籍书单大全：书单导航页（点击右侧极客侠栈即可打开个人博客）：极客侠栈①【Java】学习之路吐血整理技术书从入门到进阶最全50+本（珍藏版)②【算法数据结构+acm】从入门到进阶吐血整理书单50+本（珍藏版)③【数据库】从入门到进阶必读18本技术书籍网盘吐血整理网盘(珍藏版)④【Web前端】从HTML到JS到AJ</div> </li> <li><a href="/article/1946746473400037376.htm" title="鸿蒙开发中是应用状态的管理" target="_blank">鸿蒙开发中是应用状态的管理</a> <span class="text-muted">梦想不只是梦与想</span> <a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99/1.htm">鸿蒙</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a><a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99/1.htm">鸿蒙</a> <div>本文同步发表于我的微信公众号，微信搜索程语新视界即可关注，每个工作日都有文章更新在鸿蒙（HarmonyOS）应用开发中，状态管理是构建复杂应用的核心机制。ArkTS提供了多层次的状态管理方案，从组件内状态到跨组件/跨页面的全局状态共享，形成了一套完整的解决方案。一、状态管理的核心概念1.状态（State）与UI的关系状态驱动UI：当状态变化时，框架自动触发UI更新（无需手动操作DOM）。单向数据流</div> </li> <li><a href="/article/1946744961370222592.htm" title="web前端期末大作业实例 (1500套) 集合" target="_blank">web前端期末大作业实例 (1500套) 集合</a> <span class="text-muted"></span> <div>文章目录web前端期末大作业(1500套)集合一、网页介绍二、网页集合表白网页125套(集合)Echarts大屏数据展示150套(集合)一、基于HTML+Echarts技术制作二、基于VUE+Echarts技术制作更多源码web前端期末大作业(1500套)集合临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页</div> </li> <li><a href="/article/1946742944878882816.htm" title="文献精读：青藏高原东北部青海湖流域沿海拔分布的蒸散量及其主要影响因素" target="_blank">文献精读：青藏高原东北部青海湖流域沿海拔分布的蒸散量及其主要影响因素</a> <span class="text-muted">GIS炒茄子</span> <a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a> <div>文献阅读的是Ma-2019的《EvapotranspirationanditsdominantcontrolsalonganelevationgradientintheQinghaiLakewatershed,northeastQinghai-TibetPlateau》，（IF6.3，SCIQ1）。01引言：研究背景和目的ET会同时受到多个因子的影响，包括太阳辐射、温度、风速、湿度、植物特性和土壤</div> </li> <li><a href="/article/1946727320974848000.htm" title="11.Django中常用过滤器" target="_blank">11.Django中常用过滤器</a> <span class="text-muted">孤寒者</span> <a class="tag" taget="_blank" href="/search/Django%E6%A1%86%E6%9E%B6%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E5%AE%9E%E6%88%98/1.htm">Django框架从入门到实战</a><a class="tag" taget="_blank" href="/search/Python%E5%85%A8%E6%A0%88%E7%B3%BB%E5%88%97%E6%95%99%E7%A8%8B/1.htm">Python全栈系列教程</a><a class="tag" taget="_blank" href="/search/%E8%BF%87%E6%BB%A4%E5%99%A8/1.htm">过滤器</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E8%BD%AC%E4%B9%89/1.htm">自动转义</a> <div>目录：每篇前言：（1）Django模板变量过滤器详解1.过滤器的作用与特点2.基本语法3.链式调用4.带参数的过滤器5.注意事项6.总结（2）Django中实战使用——常用的过滤器：①项目目录下的views.py文件：②项目目录下templates模板文件夹下的模板文件index.html：③效果展示：date和time过滤器格式：拓展——简介自动转义：每篇前言：作者介绍：【孤寒者】—CSDN全栈</div> </li> <li><a href="/article/1946724042186747904.htm" title="vue2 面试题及详细答案150道（121 - 130）" target="_blank">vue2 面试题及详细答案150道（121 - 130）</a> <span class="text-muted"></span> <div>《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录121.Vue2中如何实现组件的动态样式绑定？122.Vue2中如何处理跨域请求</div> </li> <li><a href="/article/1946718240424128512.htm" title="Ubuntu 22.04.3 LTS 安装 MySQL" target="_blank">Ubuntu 22.04.3 LTS 安装 MySQL</a> <span class="text-muted">mixboot</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>更新系统包索引sudoaptupdatesudoaptupgrade-y安装MySQLsudoaptinstallmysql-server-y检查MySQL服务状态sudosystemctlstatusmysql运行MySQL安全配置脚本sudomysql_secure_installation设置root密码删除匿名用户容许root远程登录删除测试数据库重新加载权限表sudomysql_secu</div> </li> <li><a href="/article/1946709004080181248.htm" title="如何用css画三角形&太极" target="_blank">如何用css画三角形&太极</a> <span class="text-muted">阿小经</span> <div>一、如何用css画一个三角形搜索学习资源：Google>>csstricksshape>>画一个如下图这样的三角形三角形htmltrianglecss1.先设置div元素，为它上下边界设置不同颜色，方便改动2.使其高度、宽度为03.使其上边界值为0（蓝色部分）4.使绿色和红色区域变成透明色就可以得到我们要的三角形了。5.简化代码二、如何用css画一个太极(带animation动效)静态效果图用到伪</div> </li> <li><a href="/article/1946701098827968512.htm" title="wap页面和html5,WAP网站、3G网站、html5触屏版有什么区别？" target="_blank">wap页面和html5,WAP网站、3G网站、html5触屏版有什么区别？</a> <span class="text-muted"></span> <div>目前手机上的网站主要就分为WAP格式和3G格式，从脚本语言来讲，我们通常喜欢说用WML开发的网站就是WAP网站，用XHTML开发的网上3G网站。WML是当初专门为2.5G时代开发的一个脚本，他的功能挺简单的，页面形式呢主要是文字居多，因为那个时候的网速带宽还有机型的限制，所以WAP网站不能用CSS，字体颜色也只有普通文字的黑色和链接文字的蓝色，至于页面背景什么的是不能设置的。3G网站，也就是我们所</div> </li> <li><a href="/article/1946700469141303296.htm" title="html5这什么意思,html5是什么意思？html5和html的区别介绍" target="_blank">html5这什么意思,html5是什么意思？html5和html的区别介绍</a> <span class="text-muted">wiles super</span> <a class="tag" taget="_blank" href="/search/html5%E8%BF%99%E4%BB%80%E4%B9%88%E6%84%8F%E6%80%9D/1.htm">html5这什么意思</a> <div>一、HTML5是什么？HTML5是HyperTextMarkupLanguage5的缩写，HTML5是超文本标记语言的最新版本，也就是描述网页的代码，html5实际上是三种代码形式，首先是HTML提供结构，其次是层叠样式表(CSS)负责网站的样式和布局，最后是JavaScript是给网站添加动态功能。二、html5和html的区别1、定义上区别HTML5是应用超文本标记语言(HTML)的第五次修改</div> </li> <li><a href="/article/1946698830154100736.htm" title="HTML和HTML5的区别" target="_blank">HTML和HTML5的区别</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/html5/1.htm">html5</a> <div>HTML和HTML5的区别什么是HTML？HTML全称为超文本标记语言(HyperTextMarkupLanguage)，它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。什么是HTML5?HTML5是HTML的第五个版本，HTML5已经远远超越了标记语言的范畴，它的设计目的是在移动设备上支持多媒体，和HTML比起来，深度和广度上都做了进一步</div> </li> <li><a href="/article/1946693662289227776.htm" title="如何在HTML5页面中嵌入视频" target="_blank">如何在HTML5页面中嵌入视频</a> <span class="text-muted"></span> <div>在HTML5中嵌入视频主要使用标签，这是一种简单且标准的方式。以下是详细步骤和示例：基础实现视频嵌入示例您的浏览器不支持HTML5视频标签。核心属性说明controls添加播放控件（播放/暂停、进度条、音量等）width和height设置播放器尺寸（单位：像素）标签提供多个视频格式源以提高兼容性（浏览器会选择第一个支持的格式）：MP4(H.264)-兼容性最好WebM-开源格式，Chrome/Fi</div> </li> <li><a href="/article/1946691646817103872.htm" title="Python爬虫实战：高效提取与解析JSON格式数据" target="_blank">Python爬虫实战：高效提取与解析JSON格式数据</a> <span class="text-muted">Python爬虫项目</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E5%AE%BD%E5%BA%A6%E4%BC%98%E5%85%88/1.htm">宽度优先</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/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E4%BC%98%E5%85%88/1.htm">深度优先</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1.JSON数据爬取概述在当今互联网时代，JSON(JavaScriptObjectNotation)已成为最流行的数据交换格式之一。相比传统的HTML页面，JSON格式数据具有结构清晰、体积小、解析方便等优势，使得它成为API接口的首选数据格式。1.1为什么选择JSON数据爬取数据结构化：JSON数据本身就是结构化的，不需要像HTML那样进行复杂的解析传输高效：JSON通常比HTML体积小，传输</div> </li> <li><a href="/article/1946669454771417088.htm" title="Web开发 02" target="_blank">Web开发 02</a> <span class="text-muted">im_AMBER</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>今天梳理出的HTML+CSS核心知识点，涵盖基础结构、布局、样式优化等实用技巧：总结1一、HTML核心知识1.基础结构文档声明：定义文档为HTML5标准。基本标签：：根元素，包裹整个页面。：元数据（标题、样式、脚本等），不显示在页面。：设置网页标题（浏览器标签显示）。：页面内容容器，所有可见内容写在这里。2.常用标签文本与标题：~：标题标签，自动加粗且有默认层级样式。：段落标签，默认有上下边距。图</div> </li> <li><a href="/article/1946668446058082304.htm" title="深入了解 find_element 方法：Web 自动化定位元素的核心" target="_blank">深入了解 find_element 方法：Web 自动化定位元素的核心</a> <span class="text-muted">山烛</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/find_element/1.htm">find_element</a> <div>在Web自动化测试领域，元素定位是实现各类操作的基础，而find_element方法正是Selenium等自动化工具中用于定位单个元素的核心方法。掌握它的使用技巧，能让我们更精准、高效地操控网页元素，为自动化测试脚本的编写打下坚实基础。find_element方法的主要作用是在当前网页的DOM结构中，根据指定的定位策略和定位表达式，查找并返回第一个匹配的元素。如果未找到匹配元素，该方法会抛出NoS</div> </li> <li><a href="/article/1946660625400786944.htm" title="binwalk" target="_blank">binwalk</a> <span class="text-muted">白天的我最菜</span> <a class="tag" taget="_blank" href="/search/%E9%94%99%E9%A2%98%E6%9C%AC/1.htm">错题本</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>windows使用这个命令时候发现要shift一直按住,右击打开cmd管理员运行才行pythonsetup.pyinstall否则没有作用自己安装python目录的Scripts文件夹里,参考如下https://www.cnblogs.com/0yst3r-2046/p/12218770.html</div> </li> <li><a href="/article/1946640950692474880.htm" title="Python 并发调试工具（py-spy、GDB、pyperf）解析" target="_blank">Python 并发调试工具（py-spy、GDB、pyperf）解析</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>```htmlPython并发调试工具（py-spy、GDB、pyperf）解析Python并发调试工具（py-spy、GDB、pyperf）解析在现代软件开发中，Python以其简洁的语法和强大的库支持，成为了许多开发者首选的语言。然而，随着程序复杂度的增加，尤其是涉及并发编程时，调试和性能优化变得尤为重要。本文将介绍三个常用的Python并发调试工具：py-spy、GDB和pyperf，并深入</div> </li> <li><a href="/article/36.htm" title="ASM系列四 利用Method 组件动态注入方法逻辑" target="_blank">ASM系列四 利用Method 组件动态注入方法逻辑</a> <span class="text-muted">lijingyao8206</span> <a class="tag" taget="_blank" href="/search/%E5%AD%97%E8%8A%82%E7%A0%81%E6%8A%80%E6%9C%AF/1.htm">字节码技术</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/AOP/1.htm">AOP</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E4%BB%A3%E7%90%86/1.htm">动态代理</a><a class="tag" taget="_blank" href="/search/ASM/1.htm">ASM</a> <div>        这篇继续结合例子来深入了解下Method组件动态变更方法字节码的实现。通过前面一篇，知道ClassVisitor 的visitMethod()方法可以返回一个MethodVisitor的实例。那么我们也基本可以知道，同ClassVisitor改变类成员一样，MethodVIsistor如果需要改变方法成员，注入逻辑，也可以</div> </li> <li><a href="/article/163.htm" title="java编程思想 --内部类" target="_blank">java编程思想 --内部类</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E9%83%A8%E7%B1%BB/1.htm">内部类</a><a class="tag" taget="_blank" href="/search/%E5%8C%BF%E5%90%8D%E5%86%85%E9%83%A8%E7%B1%BB/1.htm">匿名内部类</a> <div>内部类;了解外部类 并能与之通信 内部类写出来的代码更加整洁与优雅   1,内部类的创建  内部类是创建在类中的 package com.wj.InsideClass; /* * 内部类的创建 */ public class CreateInsideClass { public CreateInsideClass(</div> </li> <li><a href="/article/290.htm" title="web.xml报错" target="_blank">web.xml报错</a> <span class="text-muted">crabdave</span> <a class="tag" taget="_blank" href="/search/web.xml/1.htm">web.xml</a> <div>web.xml报错   The content of element type "web-app" must match "(icon?,display-  name?,description?,distributable?,context-param*,filter*,filter-mapping*,listener*,servlet*,s</div> </li> <li><a href="/article/417.htm" title="泛型类的自定义" target="_blank">泛型类的自定义</a> <span class="text-muted">麦田的设计者</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E6%B3%9B%E5%9E%8B/1.htm">泛型</a> <div>   为什么要定义泛型类，当类中要操作的引用数据类型不确定的时候。 采用泛型类，完成扩展。   例如有一个学生类     Student{ Student(){ System.out.println("I'm a student....."); } }  有一个老师类   </div> </li> <li><a href="/article/544.htm" title="CSS清除浮动的4中方法" target="_blank">CSS清除浮动的4中方法</a> <span class="text-muted">IT独行者</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>清除浮动这个问题，做前端的应该再熟悉不过了，咱是个新人，所以还是记个笔记，做个积累，努力学习向大神靠近。CSS清除浮动的方法网上一搜，大概有N多种，用过几种，说下个人感受。 1、结尾处加空div标签 clear:both 1 2 3 4 .div 1 { background : #000080 ; border : 1px   s</div> </li> <li><a href="/article/671.htm" title="Cygwin使用windows的jdk 配置方法" target="_blank">Cygwin使用windows的jdk 配置方法</a> <span class="text-muted">_wy_</span> <a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/cygwin/1.htm">cygwin</a> <div>1.[vim /etc/profile]    JAVA_HOME="/cgydrive/d/Java/jdk1.6.0_43"  (windows下jdk路径为D:\Java\jdk1.6.0_43)    PATH="$JAVA_HOME/bin:${PATH}"    CLAS</div> </li> <li><a href="/article/798.htm" title="linux下安装maven" target="_blank">linux下安装maven</a> <span class="text-muted">无量</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E8%A3%85/1.htm">安装</a> <div>Linux下安装maven(转) 1.首先到Maven官网 下载安装文件，目前最新版本为3.0.3，下载文件为 apache-maven-3.0.3-bin.tar.gz，下载可以使用wget命令； 2.进入下载文件夹，找到下载的文件，运行如下命令解压 tar -xvf  apache-maven-2.2.1-bin.tar.gz 解压后的文件夹</div> </li> <li><a href="/article/925.htm" title="tomcat的https 配置,syslog-ng配置" target="_blank">tomcat的https 配置,syslog-ng配置</a> <span class="text-muted">aichenglong</span> <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/http%E8%B7%B3%E8%BD%AC%E5%88%B0https/1.htm">http跳转到https</a><a class="tag" taget="_blank" href="/search/syslong-ng%E9%85%8D%E7%BD%AE/1.htm">syslong-ng配置</a><a class="tag" taget="_blank" href="/search/syslog%E9%85%8D%E7%BD%AE/1.htm">syslog配置</a> <div>1) tomcat配置https,以及http自动跳转到https的配置     1)TOMCAT_HOME目录下生成密钥(keytool是jdk中的命令)      keytool -genkey -alias tomcat -keyalg RSA -keypass changeit -storepass changeit</div> </li> <li><a href="/article/1052.htm" title="关于领号活动总结" target="_blank">关于领号活动总结</a> <span class="text-muted">alafqq</span> <a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a> <div>关于某彩票活动的总结 具体需求，每个用户进活动页面，领取一个号码，1000中的一个； 活动要求 1，随机性，一定要有随机性； 2，最少中奖概率，如果注数为3200注，则最多中4注 3，效率问题，（不能每个人来都产生一个随机数，这样效率不高）； 4，支持断电（仍然从下一个开始），重启服务；（存数据库有点大材小用，因此不能存放在数据库） 解决方案 1，事先产生随机数1000个，并打</div> </li> <li><a href="/article/1179.htm" title="java数据结构 冒泡排序的遍历与排序" target="_blank">java数据结构 冒泡排序的遍历与排序</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>java的冒泡排序是一种简单的排序规则   冒泡排序的原理：           比较两个相邻的数，首先将最大的排在第一个，第二次比较第二个 ，此后一样；         针对所有的元素重复以上的步骤，除了最后一个     例题；将int array[] </div> </li> <li><a href="/article/1306.htm" title="JS检查输入框输入的是否是数字的一种校验方法" target="_blank">JS检查输入框输入的是否是数字的一种校验方法</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a> <div>如下是JS检查输入框输入的是否是数字的一种校验方法： <form method=post target="_blank"> 数字：<input type="text" name=num onkeypress="checkNum(this.form)"><br> </form> </div> </li> <li><a href="/article/1433.htm" title="Test注解的两个属性：expected和timeout" target="_blank">Test注解的两个属性：expected和timeout</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/JUnit/1.htm">JUnit</a><a class="tag" taget="_blank" href="/search/expected/1.htm">expected</a><a class="tag" taget="_blank" href="/search/timeout/1.htm">timeout</a> <div>JUnit4：Test文档中的解释： 　　The Test annotation supports two optional parameters. 　　The first, expected, declares that a test method should throw an exception. 　　If it doesn't throw an exception or if it </div> </li> <li><a href="/article/1560.htm" title="[Gson二]继承关系的POJO的反序列化" target="_blank">[Gson二]继承关系的POJO的反序列化</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a> <div>父类     package inheritance.test2; import java.util.Map; public class Model { private String field1; private String field2; private Map<String, String> infoMap</div> </li> <li><a href="/article/1687.htm" title="【Spark八十四】Spark零碎知识点记录" target="_blank">【Spark八十四】Spark零碎知识点记录</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div>1. ShuffleMapTask的shuffle数据在什么地方记录到MapOutputTracker中的 ShuffleMapTask的runTask方法负责写数据到shuffle map文件中。当任务执行完成成功，DAGScheduler会收到通知，在DAGScheduler的handleTaskCompletion方法中完成记录到MapOutputTracker中   </div> </li> <li><a href="/article/1814.htm" title="WAS各种脚本作用大全" target="_blank">WAS各种脚本作用大全</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/WAS+%E8%84%9A%E6%9C%AC/1.htm">WAS 脚本</a> <div>　　　http://www.ibm.com/developerworks/cn/websphere/library/samples/SampleScripts.html 　　　无意中，在WAS官网上发现的各种脚本作用，感觉很有作用，先与各位分享一下 　　　 获取下载 这些示例 jacl 和 Jython 脚本可用于在 WebSphere Application Server 的不同版本中自</div> </li> <li><a href="/article/1941.htm" title="java-12.求 1+2+3+..n不能使用乘除法、 for 、 while 、 if 、 else 、 switch 、 case 等关键字以及条件判断语句" target="_blank">java-12.求 1+2+3+..n不能使用乘除法、 for 、 while 、 if 、 else 、 switch 、 case 等关键字以及条件判断语句</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/switch/1.htm">switch</a> <div>借鉴网上的思路，用java实现： public class NoIfWhile { /** * @param args * * find x=1+2+3+....n */ public static void main(String[] args) { int n=10; int re=find(n); System.o</div> </li> <li><a href="/article/2068.htm" title="Netty源码学习-ObjectEncoder和ObjectDecoder" target="_blank">Netty源码学习-ObjectEncoder和ObjectDecoder</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a> <div>Netty中传递对象的思路很直观： Netty中数据的传递是基于ChannelBuffer（也就是byte[]）； 那把对象序列化为字节流，就可以在Netty中传递对象了 相应的从ChannelBuffer恢复对象，就是反序列化的过程 Netty已经封装好ObjectEncoder和ObjectDecoder 先看ObjectEncoder ObjectEncoder是往外发送</div> </li> <li><a href="/article/2195.htm" title="spring 定时任务中cronExpression表达式含义" target="_blank">spring 定时任务中cronExpression表达式含义</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/cronExpression/1.htm">cronExpression</a> <div>一个cron表达式有6个必选的元素和一个可选的元素，各个元素之间是以空格分隔的，从左至右，这些元素的含义如下表所示： 代表含义            是否必须 允许的取值范围         &nb</div> </li> <li><a href="/article/2322.htm" title="Nutz配置Jndi" target="_blank">Nutz配置Jndi</a> <span class="text-muted">ctrain</span> <a class="tag" taget="_blank" href="/search/JNDI/1.htm">JNDI</a> <div>1、使用JNDI获取指定资源： var ioc = { dao : { type :"org.nutz.dao.impl.NutDao", args : [ {jndi :"jdbc/dataSource"} ] } } 以上方法,仅需要在容器中配置好数据源,注入到NutDao即可. </div> </li> <li><a href="/article/2449.htm" title="解决 /bin/sh^M: bad interpreter: No such file or directory" target="_blank">解决 /bin/sh^M: bad interpreter: No such file or directory</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a> <div>在Linux中执行.sh脚本，异常/bin/sh^M: bad interpreter: No such file or directory。   分析：这是不同系统编码格式引起的：在windows系统中编辑的.sh文件可能有不可见字符，所以在Linux系统下执行会报以上异常信息。 解决： 1）在windows下转换： 利用一些编辑器如UltraEdit或EditPlus等工具</div> </li> <li><a href="/article/2576.htm" title="[转]for 循环为何可恨？" target="_blank">[转]for 循环为何可恨？</a> <span class="text-muted">dcj3sjt126com</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/%E8%AF%BB%E4%B9%A6/1.htm">读书</a> <div>  Java的闭包(Closure)特征最近成为了一个热门话题。 一些精英正在起草一份议案，要在Java将来的版本中加入闭包特征。 然而，提议中的闭包语法以及语言上的这种扩充受到了众多Java程序员的猛烈抨击。 不久前，出版过数十本编程书籍的大作家Elliotte Rusty Harold发表了对Java中闭包的价值的质疑。 尤其是他问道“for 循环为何可恨？”[http://ju</div> </li> <li><a href="/article/2703.htm" title="Android实用小技巧" target="_blank">Android实用小技巧</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>1、去掉所有Activity界面的标题栏 　　修改AndroidManifest.xml 　　在application 标签中添加android:theme="@android:style/Theme.NoTitleBar"   2、去掉所有Activity界面的TitleBar 和StatusBar  　　修改AndroidManifes</div> </li> <li><a href="/article/2830.htm" title="Oracle 复习笔记之序列" target="_blank">Oracle 复习笔记之序列</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/Oracle+%E5%BA%8F%E5%88%97/1.htm">Oracle 序列</a><a class="tag" taget="_blank" href="/search/sequence/1.htm">sequence</a><a class="tag" taget="_blank" href="/search/Oracle+sequence/1.htm">Oracle sequence</a> <div>转载请出自出处：http://eksliang.iteye.com/blog/2098859 1.序列的作用 序列是用于生成唯一、连续序号的对象 一般用序列来充当数据库表的主键值 2.创建序列语法如下：   create sequence s_emp start with 1 --开始值 increment by 1 --増长值 maxval</div> </li> <li><a href="/article/2957.htm" title="有“品”的程序员" target="_blank">有“品”的程序员</a> <span class="text-muted">gongmeitao</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div>完美程序员的10种品质　　   完美程序员的每种品质都有一个范围，这个范围取决于具体的问题和背景。没有能解决所有问题的   完美程序员（至少在我们这个星球上），并且对于特定问题，完美程序员应该具有以下品质： 　　1. 才智非凡- 能够理解问题、能够用清晰可读的代码翻译并表达想法、善于分析并且逻辑思维能力强   （范围：用简单方式解决复杂问题）　　 </div> </li> <li><a href="/article/3084.htm" title="使用KeleyiSQLHelper类进行分页查询" target="_blank">使用KeleyiSQLHelper类进行分页查询</a> <span class="text-muted">hvt</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><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/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a> <div>本文适用于sql server单主键表或者视图进行分页查询，支持多字段排序。KeleyiSQLHelper类的最新代码请到http://hovertree.codeplex.com/SourceControl/latest下载整个解决方案源代码查看。或者直接在线查看类的代码：http://hovertree.codeplex.com/SourceControl/latest#HoverTree.D</div> </li> <li><a href="/article/3211.htm" title="SVG 教程 （三）圆形，椭圆，直线" target="_blank">SVG 教程 （三）圆形，椭圆，直线</a> <span class="text-muted">天梯梦</span> <a class="tag" taget="_blank" href="/search/svg/1.htm">svg</a> <div>SVG <circle> SVG 圆形 - <circle> <circle> 标签可用来创建一个圆： 下面是SVG代码： <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" c</div> </li> <li><a href="/article/3338.htm" title="链表栈" target="_blank">链表栈</a> <span class="text-muted">luyulong</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a> <div> public class Node { private Object object; private Node next; public Node() { this.next = null; this.object = null; } public Object getObject() { return object; } public</div> </li> <li><a href="/article/3465.htm" title="基础数据结构和算法十：2-3 search tree" target="_blank">基础数据结构和算法十：2-3 search tree</a> <span class="text-muted">sunwinner</span> <a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a><a class="tag" taget="_blank" href="/search/2-3+search+tree/1.htm">2-3 search tree</a> <div>  Binary search tree works well for a wide variety of applications, but they have poor worst-case performance. Now we introduce a type of binary search tree where costs are guaranteed to be loga</div> </li> <li><a href="/article/3592.htm" title="spring配置定时任务" target="_blank">spring配置定时任务</a> <span class="text-muted">stunizhengjia</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/timer/1.htm">timer</a> <div>最近因工作的需要，用到了spring的定时任务的功能,觉得spring还是很智能化的,只需要配置一下配置文件就可以了,在此记录一下，以便以后用到：     //------------------------定时任务调用的方法------------------------------ /** * 存储过程定时器 */ publi</div> </li> <li><a href="/article/3719.htm" title="ITeye 8月技术图书有奖试读获奖名单公布" target="_blank">ITeye 8月技术图书有奖试读获奖名单公布</a> <span class="text-muted">ITeye管理员</span> <a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a> <div>ITeye携手博文视点举办的8月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 8月试读活动回顾： http://webmaster.iteye.com/blog/2102830 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《跨终端Web》 gleams：http</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. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </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>