浅谈JavaScript中的事件

2023-07-05 08:25:11

事件在javascript中是响应用户的一种基本操作,本文列举了两种javascript中的事件模型及其绑定的方式,希望能对你的学习带来一点帮助.这些都是非常基础的但或许其中有你所遗漏.(以下事件均针对JavaScript而言)
      在开始本文之前,我们先来了解下什么是事件?在一个Web页面中,浏览器有能力调用JavaScript,以响应用户的操作.例如:当用户点击了某个链接或者编辑了表单域中的内容,浏览器就会调用相应的Javascript代码.在此过程中,JavaScript响应的操作就称为事件.好了,基本概念完了,我们接下来来了解JavaScript中的事件模型之一基本事件模型.
       这里列出XHTML中的基本事件及其处理器属性

事件属性	事件描述	标准XHTML中支持的元素
onblur	元素失去焦点时触发	大部分可显示的元素
onchange	莫元素失去焦点,并且,从用户最后一次访问以来其值已改变	, <br /></td></tr><tr><td>onclick </td><td>元素被鼠标单击 <br /></td><td>大部分可显示元素 <br /></td></tr><tr><td>ondblclick </td><td>元素被鼠标双击 <br /></td><td>大部分可显示元素 <br /></td></tr><tr><td> onfocus</td><td>元素获得焦点,等待用户下一步的操作或者输入 <br /></td><td><a>,<area>,<label>,<select> <br /></td></tr><tr><td>onkeydown </td><td> 在一个已获得焦点的元素上按下鼠标或键盘键</td><td>大部分可显示元素 <br /></td></tr><tr><td>onkeypress </td><td>在一个元素上按下并释放鼠标或键盘键时触发. <br /></td><td>大部分可显示元素 </td></tr><tr><td> onkeyup</td><td> 在一个元素上释放按键</td><td>大部分可显示元素 <br /></td></tr><tr><td>onload </td><td>表明某对象已载入窗口 </td><td><body>,<frameset> <br /></td></tr><tr><td>onmousedown </td><td>在元素上按下鼠标键 <br /></td><td>大部分可显示元素 <br /></td></tr><tr><td>onmousemove </td><td>鼠标移动至元素上方 <br /></td><td>大部分可显示元素 <br /></td></tr><tr><td>onmouseout </td><td>鼠标移开某个元素 <br /></td><td>大部分可显示元素 <br /></td></tr><tr><td> onmouseover</td><td>表明鼠标移动过某个元素 <br /></td><td>大部分可显示元素 <br /></td></tr><tr><td>onmouseup </td><td>表明鼠标键被释放,相应元素会得到焦点 <br /></td><td>大部分可显示元素 <br /></td></tr><tr><td>onreset </td><td>表明表单被复位,通常用于激活一个复位按钮 <br /></td><td><form> <br /></td></tr><tr><td>onselect </td><td>表明用户选择的文本,通常会高亮显示 <br /></td><td><input>,<textarea> <br /></td></tr><tr><td>onsubmit </td><td>表明一个表单将要被提交 <br /></td><td><form> <br /></td></tr><tr><td>onunload </td><td>表明浏览器已不再导航当前文档,并从窗口或框架中将其卸载 <br /></td><td><body>,<frameset> <br /></td></tr></tbody></table> <br /> 如何将上述的事件与元素进行绑定呢?其实方式有很多种,如 <img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /><span><</span><span>a href</span><span>=</span><span>"</span><span>http://justdi.cnblogs.com</span><span>"</span><span> onclick</span><span>=</span><span>"</span><span>alert('这种是直接绑定')</span><span>"</span><span> </span><span>></span><span>直接绑定</span><span></</span><span>a</span><span>><br /></span> <br /> 当然这种绑定只适合于一些简单的弹出确认框等方便的响应用户的操作,我们用得更多的是用JavaScript绑定事件处理器进行绑定<br /><img id="Code_Closed_Image_103642" src="/Images/OutliningIndicators/ContractedBlock.gif" alt="" align="top" height="16" width="11" /><img id="Code_Open_Image_103642" src="/Images/OutliningIndicators/ExpandedBlockStart.gif" alt="" align="top" height="16" width="11" /><span id="Code_Closed_Text_103642">JavaScript绑定事件处理器</span><span id="Code_Open_Text_103642"><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /><span><</span><span>html</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>head</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>title</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" />使用JavaScript绑定事件处理器<br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>title</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>script type</span><span>=</span><span>"</span><span>text/javascript</span><span>"</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /> function alertsomething()<br /><img id="Codehighlighter1_113_146_Open_Image" src="/Images/OutliningIndicators/ExpandedBlockStart.gif" alt="" align="top" /><img id="Codehighlighter1_113_146_Closed_Image" src="/Images/OutliningIndicators/ContractedBlock.gif" alt="" align="top" /> </span><span id="Codehighlighter1_113_146_Closed_Text"><img src="https://www.cnblogs.com/Images/dot.gif" alt="" /></span><span id="Codehighlighter1_113_146_Open_Text"><span>{<!-- --><br /><img src="/Images/OutliningIndicators/InBlock.gif" alt="" align="top" /> alert(</span><span>"</span><span>JavaScript</span><span>"</span><span>); <br /><img src="/Images/OutliningIndicators/ExpandedBlockEnd.gif" alt="" align="top" /> }</span></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>script</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>head</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>body</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>form</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>input name</span><span>=</span><span>"</span><span>myButton</span><span>"</span><span> id</span><span>=</span><span>"</span><span>myButton</span><span>"</span><span> type</span><span>=</span><span>"</span><span>button</span><span>"</span><span> value</span><span>=</span><span>"</span><span>点击这里</span><span>"</span><span> onclick</span><span>=</span><span>"</span><span>alertsomething()</span><span>"</span><span> </span><span>/></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>form</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>body</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>html</span><span>></span></span> 在IE中还有一种非标准的事件绑定方式,如:<br /><img id="Code_Closed_Image_103958" src="/Images/OutliningIndicators/ContractedBlock.gif" alt="" align="top" height="16" width="11" /><img id="Code_Open_Image_103958" src="/Images/OutliningIndicators/ExpandedBlockStart.gif" alt="" align="top" height="16" width="11" /><span id="Code_Closed_Text_103958">IE中的非标准的事件绑定</span><span id="Code_Open_Text_103958"><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /><span><</span><span>html</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>head</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>title</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" />使用JavaScript绑定事件处理器<br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>title</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>head</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>body</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>form</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>input name</span><span>=</span><span>"</span><span>myButton</span><span>"</span><span> id</span><span>=</span><span>"</span><span>myButton</span><span>"</span><span> type</span><span>=</span><span>"</span><span>button</span><span>"</span><span> value</span><span>=</span><span>"</span><span>点击这里</span><span>"</span><span> </span><span>/></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>form</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>body</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>script type</span><span>=</span><span>"</span><span>text/javascript</span><span>"</span><span> </span><span>for</span><span>=</span><span>"</span><span>myButton</span><span>"</span><span> </span><span>event</span><span>=</span><span>"</span><span>onclick</span><span>"</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" />alert(</span><span>"</span><span>JavaScript</span><span>"</span><span>);<br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>script</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>html</span><span>></span></span> 这种绑定方法中for指向的是绑定这个事件的元素的ID,event指的是事件的属性,但因为这种方式只针对IE,所以较少人使用,上述的JavaScript绑定事件的方式没有办法动态添加或移除事件,下面的这种方法则可以实现动态添加的效果<br /><img id="Code_Closed_Image_105127" src="/Images/OutliningIndicators/ContractedBlock.gif" alt="" align="top" height="16" width="11" /><img id="Code_Open_Image_105127" src="/Images/OutliningIndicators/ExpandedBlockStart.gif" alt="" align="top" height="16" width="11" /><span id="Code_Closed_Text_105127">JavaScript动态添加事件</span><span id="Code_Open_Text_105127"><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /><span><</span><span>html</span><span>><</span><span>head</span><span>><</span><span>title</span><span>></span><span>JavaScript动态添加事件</span><span></</span><span>title</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>head</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>body</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>form id</span><span>=</span><span>"</span><span>myform</span><span>"</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>input name</span><span>=</span><span>"</span><span>myButton</span><span>"</span><span> id</span><span>=</span><span>"</span><span>myButton</span><span>"</span><span> type</span><span>=</span><span>"</span><span>button</span><span>"</span><span> value</span><span>=</span><span>"</span><span>点击这里</span><span>"</span><span>/></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>form</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>body</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span><</span><span>script type</span><span>=</span><span>"</span><span>text/javascript</span><span>"</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /> document.myform.myButton.onclick</span><span>=</span><span>new</span><span> Function(</span><span>"</span><span>alert('JavaScript')</span><span>"</span><span>);<br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>script</span><span>></span><span><br /><img src="/Images/OutliningIndicators/None.gif" alt="" align="top" /></span><span></</span><span>html</span><span>></span></span> 如果myButton.onclick中是一个复杂的处理过程,你还可以将其写成一个函数进行调用,如<br /> function alertSomething()<br /> {<br /> alert("JavaScript");<br /> }<br /> document.myForm.myButton.οnclick=alertSometing;<br /> 以上都是一些基本的事件模型,基本的事件模型在处理表单提交等简单任务时非常出色,但在处理更为复杂的事件中则显得力不从心,在IE4以后的浏览器支持的现代事件模型中,对事件的处理则强大得多,二者的主要区别在于现代事件模型增加了Event对象,上面的javascript动态添加事件中已有了如何去添加一个事件,但对于移除一个事件却没有好的办法,在IE5以后的浏览器中我们可以这样做.<br /><img id="Code_Closed_Image_114724" src="/Images/OutliningIndicators/ContractedBlock.gif" alt="" align="top" height="16" width="11" /><img id="Code_Open_Image_114724" src="/Images/OutliningIndicators/ExpandedBlockStart.gif" alt="" align="top" height="16" width="11" /><span id="Code_Closed_Text_114724">Event对象</span><span id="Code_Open_Text_114724"><br /><span><</span><span>h1</span><span>></span><span>IE Attach</span><span>/</span><span>Detach 事件测试</span><span></</span><span>h1</span><span>></span><span><br /> </span><span><</span><span>em id</span><span>=</span><span>"</span><span>someText</span><span>"</span><span>></span><span>We may be </span><span>in</span><span> the gutter,but some of us are looking at the starts</span><span></</span><span>em</span><span>></span><span><br /> </span><span><</span><span>input type</span><span>=</span><span>"</span><span>button</span><span>"</span><span> value</span><span>=</span><span>"</span><span>Attach Event</span><span>"</span><span> onclick</span><span>=</span><span>"</span><span>enableEvent();</span><span>"</span><span> </span><span>/></span><span><br /> </span><span><</span><span>input type</span><span>=</span><span>"</span><span>button</span><span>"</span><span> value</span><span>=</span><span>"</span><span>Detach Event</span><span>"</span><span> onclick</span><span>=</span><span>"</span><span>disableEvent();</span><span>"</span><span> </span><span>/></span><span><br /></span><span><</span><span>script type</span><span>=</span><span>"</span><span>text/javascript</span><span>"</span><span>></span><span> document.getElementById(</span><span>"</span><span>myButton</span><span>"</span><span>).onmouseover</span><span>=</span><span>showMessage;<br /> function showAuthor()<br /> {<!-- --><br /> alert(</span><span>"</span><span>Oscar Wilde</span><span>"</span><span>);<br /> }<br /> function enableEvent()<br /> { someText.attachEvent(</span><span>"</span><span>onmouseover</span><span>"</span><span>,showAuthor);<br /> }<br /> function disableEvent()<br /> { someText.detachEvent(</span><span>"</span><span>onmouseover</span><span>"</span><span>,showAuthor);<br /> }<br /> </span><span></</span><span>script</span><span>></span></span> 上面的代码中利用了文档对象的attachEvent和detachEvent方法,这个方法的两个参数中第一个参数是一个类似于"onclick"的字符串,第二个是事件发生时所要调用的函数.<br /> 在IE4+中,当事件发生时,会临时创建一个Event对象,并使其可用于适当的处理器,下面是这个Event对象的一些属性<br /><br /><table border="1" width="700"><tbody><tr><td>属性<br /></td><td>描述<br /></td></tr><tr><td>srcElement<br /></td><td>产生该事件的元素<br /></td></tr><tr><td>type<br /></td><td>以字符串形式返回事件类型<br /></td></tr><tr><td>clientX<br /></td><td>相对用户区域的X坐标<br /></td></tr><tr><td>clientY<br /></td><td>相对于用户区域的Y坐标<br /></td></tr><tr><td>screenX<br /></td><td>相对实际屏幕的x坐标<br /></td></tr><tr><td>screenY<br /></td><td>相对实际屏幕的Y坐标<br /></td></tr><tr><td>button<br /></td><td>确定是哪个按键被按下<br /></td></tr><tr><td>keycode<br /></td><td>按键的代码<br /></td></tr><tr><td>altKey<br /></td><td>alt键按下时为真<br /></td></tr><tr><td>ctrlKey<br /></td><td>ctrl键按下时为真<br /></td></tr><tr><td>shiftKey<br /></td><td>shift键按下时为真<br /></td></tr><tr><td>cancelBubble<br /></td><td>表明该事件是否应沿事件层次上移<br /></td></tr><tr><td>returnValue<br /></td><td>事件返回值<br /></td></tr><tr><td>fromElement<br /></td><td>被移动的元素<br /></td></tr><tr><td>toElement<br /></td><td>正在移动的元素<br /></td></tr></tbody></table><br /> 上面的一些属性本人也没去亲自测试过,所以它的一些用法还有待挖掘.DOM2中的事件模型就更多更复杂了,而因为IE6并没有提供对DOM2事件模型的支持,因此这里就不多介绍了.希望本文对你有所收获.<br /> <p>转载于:https://www.cnblogs.com/JustDI/archive/2008/02/19/1071876.html</p> </p> <p><br /><pre><code style="font-size:16px;">本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。如若内容造成侵权/违法违规/事实不符，请点击<a href="https://shimo.im/forms/N2A1gvJRpPh7K9qD/fill" target="_blank" rel="nofollow">【内容举报】</a>进行投诉反馈！</code></pre></p> <!-- E 正文 --> <link href="https://qiniu.techgrow.cn/readmore/dist/readmore.css" type="text/css" rel="stylesheet"> <script src="https://qiniu.techgrow.cn/readmore/dist/readmore.js" type="text/javascript"></script> <script> var regex = /(phone\|pad\|pod\|iPhone\|iPod\|ios\|iPad\|Android\|Mobile\|BlackBerry\|IEMobile\|MQQBrowser\|JUC\|Fennec\|wOSBrowser\|BrowserNG\|WebOS\|Symbian\|Windows Phone)/i var isMobile = navigator.userAgent.match(regex); if (!isMobile) { try { var plugin = new ReadmorePlugin(); plugin.init({ id: "readmore-container", blogId: "55721-7689706765131-406", name: "财经早读", keyword: "666", qrcode: "https://www.imspm.com/assets/img/caijingzaodu.jpg", type: "website", height: "auto", expires: "7", interval: "60", random: "1" }) } catch (e) { console.warn("readmore plugin occurred error: " + e.name + " \| " + e.message); } } </script> </div> <!-- S 付费阅读 --> <!-- E 付费阅读 --> <!-- S 点赞 --> <div class="article-donate"> <a href="javascript:" class="btn btn-primary btn-like btn-lg social-share-icon icon-heart addbookbark" data-type="archives" data-aid="64478" data-action="/addons/cms/ajax/collection.html">收藏</a> </div> <!-- E 点赞 --> <div class="entry-meta"> <ul> <!-- S 归档 --> <li>标签：<a href="/dev.html" class="tag" rel="tag" target="_blank">技术</a></li> <!-- S 归档 --> </ul> <ul class="article-prevnext"> <!-- S 上一篇下一篇 --> <li> <span>上一篇 ></span> <a href="/dev/64473.html" target="_blank">刚做项目的时候</a> </li> <li> <span>下一篇 ></span> <a href="/dev/64482.html" target="_blank">简单是一种美：提高项目成功率的一些方法</a> </li> <!-- E 上一篇下一篇 --> </ul> </div> <div class="related-article"> <div class="row" style="margin: 0 -15px;"> <!-- S 相关文章 --> <div class="col-xs-12"> <h3 style="font-size: 1.1em;">相关文章</h5> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747938.html" target="_blank">Duilib中list控件支持ctrl和shif多行选中的实现</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747937.html" target="_blank">[ICML2015]Batch Normalization:Accelerating Deep Network Training by Reducing Internal Covariate Shif</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747936.html" target="_blank">win10系统微软输入法于eclipse ctrl+shif+f冲突间接处理办法</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747935.html" target="_blank">Codeforces Round #259 (Div. 2) B. Little Pony and Sort by Shif</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747934.html" target="_blank">读LDD3，内存映射与DMA--PAGE_SHIF…</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747933.html" target="_blank">VMware虚拟机安装XP【要先分区，再设置BOOT 启动CD，shif+上移】</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747932.html" target="_blank">更换iBus五笔的左与右Shif</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747931.html" target="_blank">sublime ctrl+shif+f 没用解决办法</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747930.html" target="_blank">idea 对 ctrl + z 的撤销是 ctrl + shif + z</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747929.html" target="_blank">计算机最早的设计师应用于,计算机应用基础选择题doc.doc</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747928.html" target="_blank">win10自带截图神器：Win+Shift+S</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747927.html" target="_blank">Python基础之文件目录操作</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747926.html" target="_blank">python简述目录_Python基础之文件目录操作(示例代码)</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747925.html" target="_blank">tp5 如何做数据采集</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747924.html" target="_blank">任务2-7(服务器字体+阿里巴巴矢量库)</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747923.html" target="_blank">html标签（1)：h1~h6,p,br,pre,hr</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747922.html" target="_blank">TI 电量计介绍与芯片选型指南</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747921.html" target="_blank">几款TI电源芯片简介</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747920.html" target="_blank">TI DSP芯片C2000系列读取FLASH数据</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747919.html" target="_blank">德州仪器(Ti)平台嵌入式开发基础</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747918.html" target="_blank">TI三相电机智能栅极驱动芯片特点分类</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747917.html" target="_blank">省选模拟（12.08） T3 圈圈圈圈圈圈圈圈</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747916.html" target="_blank">Hadoop生态圈技术栈（上）</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747915.html" target="_blank">大数据开发基础入门与项目实战（三）Hadoop核心及生态圈技术栈之6.Impala交互式查询</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747914.html" target="_blank">小猿圈之Linux下Mysql 操作命令</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747913.html" target="_blank">大数据Hadoop生态圈常用面试题</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747912.html" target="_blank">大数据开发基础入门与项目实战（三）Hadoop核心及生态圈技术栈之4.Hive DDL、DQL和数据操作</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747911.html" target="_blank">备战Noip2018模拟赛11（B组）T3 Monogatari 物语</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747910.html" target="_blank">【智能优化算法-圆圈搜索算法】基于圆圈搜索算法Circle Search Algorithm求解单目标优化问题附matlab代码</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747909.html" target="_blank">NYOJ 78 圈水池</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747908.html" target="_blank">递归问题跑道汽车绕圈问题 Python实现</a></p> </div> <div class="col-xs-12"> <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747907.html" target="_blank">Hadoop生态圈（三）：MapReduce</a></p> </div> <!-- E 相关文章 --> </div> </div> <div class="clearfix"></div> </div> </div> </main> <aside class="col-xs-12 col-md-4"> <!--@formatter:off--> <!--@formatter:on--> <!-- S 内容推荐 --> <div class="panel panel-default hot-article"> <div class="panel-heading"> <h3 class="panel-title">内容推荐</h3> </div> <div class="panel-body"> <div class="media media-number"> <div class="media-left"> <span class="num tag">1</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/753475.html" title="大厂出品！保姆级教程帮你掌握「用户体验要素」" target="_blank">大厂出品！保姆级教程帮你掌握「用户体验要素」</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">2</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/753348.html" title="大厂实战案例！设计师如何助力京东快递业务增长？" target="_blank">大厂实战案例！设计师如何助力京东快递业务增长？</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">3</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/753116.html" title="总监干货！5个常见的UI设计规范创建误区" target="_blank">总监干货！5个常见的UI设计规范创建误区</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">4</span> </div> <div class="media-body"> <a class="link-dark" href="/kaifagongju/752540.html" title="数据库管理利器——Navicat Premium v17.0.4学习版(Windows+MacOS+Linux)" target="_blank">数据库管理利器——Navicat Premium v17.0.4学习版(Windows+MacOS+Linux)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">5</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/750353.html" title="进阶必学！快速掌握10种国际主流设计模型" target="_blank">进阶必学！快速掌握10种国际主流设计模型</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">6</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/750352.html" title="春节期间，10个大厂的产品细节走心设计" target="_blank">春节期间，10个大厂的产品细节走心设计</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">7</span> </div> <div class="media-body"> <a class="link-dark" href="/jiaohutiyan/747940.html" title="如何帮助用户度过新人期？来看雪球APP的实战总结！" target="_blank">如何帮助用户度过新人期？来看雪球APP的实战总结！</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">8</span> </div> <div class="media-body"> <a class="link-dark" href="/ruanjianzixun/42357.html" title="Sketch 95.3最新版下载 (Sketch矢量绘图应用软件)" target="_blank">Sketch 95.3最新版下载 (Sketch矢量绘图应用软件)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">9</span> </div> <div class="media-body"> <a class="link-dark" href="/ruanjianzixun/42356.html" title="Axure RP 9 最新正式版安装软件与汉化语言包下载(2023年3月30日更新)" target="_blank">Axure RP 9 最新正式版安装软件与汉化语言包下载(2023年3月30日更新)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num tag">10</span> </div> <div class="media-body"> <a class="link-dark" href="/chanpinsheji/42343.html" title="嘘！SaaS产品的差异化设计细节，一般人我不告诉他" target="_blank">嘘！SaaS产品的差异化设计细节，一般人我不告诉他</a> </div> </div> </div> </div> <!-- E 内容推荐 --> <div class="panel panel-blockimg"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6421005227861480" crossorigin="anonymous"></script> <!-- 右侧正方形 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6421005227861480" data-ad-slot="1989994359" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle \|\| []).push({}); </script> </div> <div class="panel panel-default lasest-update"> <!-- S 最近更新 --> <div class="panel-heading"> <h3 class="panel-title">最新更新</h3> </div> <div class="panel-body"> <ul class="list-unstyled"> <li> <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span> <a class="link-dark" href="/chanpinjingli/758173.html" title="3分钟绘制流程图！这个AI+绘图工具的神仙组合，学完老板直呼内行" target="_blank">3分钟绘制流程图！这个AI+绘图工具的神仙组合，学完老板直呼内行</a> </li> <li> <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span> <a class="link-dark" href="/chanpinjingli/758172.html" title="商业潜规则：打败你的不是AI，而是人性" target="_blank">商业潜规则：打败你的不是AI，而是人性</a> </li> <li> <span><a href="/chanpinsheji.html" target="_blank">[产品设计]</a></span> <a class="link-dark" href="/chanpinsheji/758171.html" title="DeepSeek+智能派单系统的实践分享" target="_blank">DeepSeek+智能派单系统的实践分享</a> </li> <li> <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span> <a class="link-dark" href="/chanpinjingli/758170.html" title="一文读懂本年实际损益借(贷)方发生额" target="_blank">一文读懂本年实际损益借(贷)方发生额</a> </li> <li> <span><a href="/chuangyexueyuan.html" target="_blank">[创业学院]</a></span> <a class="link-dark" href="/chuangyexueyuan/758169.html" title="大客户 vs 中小企业：需求竟天差地别？以企业培训数字化为例" target="_blank">大客户 vs 中小企业：需求竟天差地别？以企业培训数字化为例</a> </li> <li> <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span> <a class="link-dark" href="/chanpinjingli/758168.html" title="不要将员工的“猴子”背到自己身上：职场管理中的权责划分" target="_blank">不要将员工的“猴子”背到自己身上：职场管理中的权责划分</a> </li> <li> <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span> <a class="link-dark" href="/chanpinjingli/758167.html" title="人工智能的三层架构：从应用层到基础服务层，解密智能革命" target="_blank">人工智能的三层架构：从应用层到基础服务层，解密智能革命</a> </li> <li> <span><a href="/chanpinsheji.html" target="_blank">[产品设计]</a></span> <a class="link-dark" href="/chanpinsheji/758166.html" title="一文讲清楚iOS的SKAN4.0" target="_blank">一文讲清楚iOS的SKAN4.0</a> </li> </ul> </div> <!-- E 最近更新 --> </div> <!-- S 热门标签 --> <div class="panel panel-default hot-tags"> <div class="panel-heading"> <h3 class="panel-title">热门标签</h3> </div> <div class="panel-body"> <div class="tags"> <a href="/channel/数量.html" class="tag" target="_blank"> <span>数量</span></a> <a href="/channel/AI技术趋势.html" class="tag" target="_blank"> <span>AI技术趋势</span></a> <a href="/channel/用户角色.html" class="tag" target="_blank"> <span>用户角色</span></a> <a href="/channel/心智游移.html" class="tag" target="_blank"> <span>心智游移</span></a> <a href="/channel/自然生态系统.html" class="tag" target="_blank"> <span>自然生态系统</span></a> <a href="/channel/会员权益.html" class="tag" target="_blank"> <span>会员权益</span></a> <a href="/channel/AirDrop.html" class="tag" target="_blank"> <span>AirDrop</span></a> <a href="/channel/hashmap.html" class="tag" target="_blank"> <span>hashmap</span></a> <a href="/channel/小龙虾.html" class="tag" target="_blank"> <span>小龙虾</span></a> <a href="/channel/焦虑.html" class="tag" target="_blank"> <span>焦虑</span></a> <a href="/channel/危机处理.html" class="tag" target="_blank"> <span>危机处理</span></a> <a href="/channel/发展.html" class="tag" target="_blank"> <span>发展</span></a> <a href="/channel/微信群折叠.html" class="tag" target="_blank"> <span>微信群折叠</span></a> <a href="/channel/toast.html" class="tag" target="_blank"> <span>toast</span></a> <a href="/channel/测评新算法.html" class="tag" target="_blank"> <span>测评新算法</span></a> <a href="/channel/改版.html" class="tag" target="_blank"> <span>改版</span></a> <a href="/channel/wireshark.html" class="tag" target="_blank"> <span>wireshark</span></a> <a href="/channel/投放方式.html" class="tag" target="_blank"> <span>投放方式</span></a> <a href="/channel/音频播放动效.html" class="tag" target="_blank"> <span>音频播放动效</span></a> <a href="/channel/timer.html" class="tag" target="_blank"> <span>timer</span></a> <a href="/channel/女性商业.html" class="tag" target="_blank"> <span>女性商业</span></a> <a href="/channel/古典自媒体.html" class="tag" target="_blank"> <span>古典自媒体</span></a> <a href="/channel/海外博主.html" class="tag" target="_blank"> <span>海外博主</span></a> <a href="/channel/repeater.html" class="tag" target="_blank"> <span>repeater</span></a> <a href="/channel/转账.html" class="tag" target="_blank"> <span>转账</span></a> <a href="/channel/万能钥匙.html" class="tag" target="_blank"> <span>万能钥匙</span></a> <a href="/channel/秋招.html" class="tag" target="_blank"> <span>秋招</span></a> <a href="/channel/快服务.html" class="tag" target="_blank"> <span>快服务</span></a> <a href="/channel/个人演讲.html" class="tag" target="_blank"> <span>个人演讲</span></a> <a href="/channel/客户共识.html" class="tag" target="_blank"> <span>客户共识</span></a> </div> </div> </div> <!-- E 热门标签 --> </aside> </div> </div> </main> <footer> <div id="footer"> <div class="container"> <div class="row footer-inner"> <div class="col-xs-12"> <div class="footer-logo pull-left mr-4"> <a href="/"><i class="fa fa-bookmark"></i></a> </div> <div class="pull-left"> Copyright © 2025 All rights reserved. 超级产品经理 <a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">浙ICP备14026978号-4</a> <ul class="list-unstyled list-inline mt-2"> <li><a href="/p/aboutus.html" target="_blank">关于网站</a></li> <li><a href="/contactus.html" rel="nofollow" target="_blank">联系我们</a></li> </ul> </div> </div> </div> </div> </div> </footer> <div id="floatbtn"> <!-- S 浮动按钮 --> <a class="hover" href="/index/cms.archives/post.html" target="_blank"> <i class="iconfont icon-pencil"></i> <em>立即<br>投稿</em> </a> <div class="floatbtn-item floatbtn-share"> <i class="iconfont icon-share"></i> <div class="floatbtn-wrapper" style="height:50px;top:0"> <div class="social-share" data-initialized="true" data-mode="prepend"> <a href="#" class="social-share-icon icon-weibo" target="_blank"></a> <a href="#" class="social-share-icon icon-qq" target="_blank"></a> <a href="#" class="social-share-icon icon-qzone" target="_blank"></a> <a href="#" class="social-share-icon icon-wechat"></a> </div> </div> </div> <a href="javascript:;"> <i class="iconfont icon-qrcode"></i> <div class="floatbtn-wrapper"> <div class="qrcode"><img src="https://www.imspm.com/assets/img/gongzhonghao.jpg"></div> <p>微信公众账号</p> <p>微信扫一扫加关注</p> </div> </a> <a id="back-to-top" class="hover" href="javascript:;"> <i class="iconfont icon-backtotop"></i> <em>返回<br>顶部</em> </a> <!-- E 浮动按钮 --> </div> <script type="text/javascript" src="/assets/libs/jquery/dist/jquery.min.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/libs/bootstrap/dist/js/bootstrap.min.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/libs/fastadmin-layer/dist/layer.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/libs/art-template/dist/template-native.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/addons/cms/js/jquery.autocomplete.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/addons/cms/js/swiper.min.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/addons/cms/js/share.min.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/addons/cms/js/cms.js?v=1.0.10"></script> <script type="text/javascript" src="/assets/addons/cms/js/common.js?v=1.0.10"></script> </body> </html>