kszsa

jQuery必知必会

原文地址：https://my.oschina.net/u/218421/blog/37391

jQuery优势

   轻量级
   强大的选择器
   出色的DOM操作的封装
   可靠的事件处理机制
   完善的Ajax
   不污染顶级变量
   出色的浏览器兼容性
   链式操作方式
   隐式迭代
   行为和结构层分离
   丰富的插件支持
   完善的文档
   开源

jQuery选择器是其最核心的部分分为四大类

基本选择器

层次选择器

过滤选择器

表单选择器

基本选择器是最常用的选择器可以根据标签的名字、ID名字或者class名字来选择元素
#id 根据指定的id来匹配元素
.class 根据制定的类名字来匹配元素
element 根据指定的元素的名字匹配元素
* 匹配所有的元素
selector1,selector2,…selectorN 将每一个匹配到的元素合并到一起返回

层次选择器
jQuery(‘ancestor descendant’):选取ancestor中的所有的descendant(后代)元素
jQuery(‘parent>child’):选取parent中的所有的child(子元素)
jQuery(‘prev+next’):选取紧跟在prev后的同级别的next元素可用next()方法代替
jQuery(‘prev~siblings’):选取紧跟在prev后的同级别的所有的元素可用nextAll()方法代替

过滤选择器分为：

基本过滤选择器
内容过滤选择器
可见性过滤选择器
子元素过滤选择器
属性过滤选择器
表单过滤选择器

基本过滤选择器
:first 选取第一个元素
:last 选取最后一个元素
:not(selector) 去除与跟定选择器匹配的元素
:even 选取索引值为偶数的所有的元素从0开始
:odd 选取索引值为奇数的所有的元素从0开始
:eq(index) 选取索引值等于index的所有的元素从0开始
:gt(index) 选取索引值大于index的所有的元素从0开始
:lt(index) 选取索引值小于index的所有的元素从0开始
:header 选取所有的标题元素例如h1 h2 h3等
:animated 选取所有的正在执行动画的元素

内容过滤选择器
:contains(text) 选取含有文本内容为text的元素
:empty 选取不包含子元素的空元素
:has(selector) 选取含有选择器所匹配的元素的元素
:parent 选取含有子元素的元素

可见性过滤选择器
:hidden 选取所有的不可见的元素
:visible 选取所有的可见的元素

属性过滤选择器
[attribute] 选取拥有此属性的元素
[attribute=value] 选取属性值为value的元素
[attribute!=value] 选取属性值不等于value的元素也包括不含属性名为attribute的元素
[attribute^=value] 选取属性值以value开头的元素
[attribute$=value] 选取属性值以value结尾的元素
[attribute*=value] 选取属性值含有value的元素
[selector1][selector2][selector3] 用属性选择器合并成一个复合选择器

子元素过滤选择器
nth-child(index/even/odd/equation) 选取每个父元素下的第index子元素/奇元素/偶元素/比较元素索引从1开始
first-child 选取每个父元素的第一个子元素
last-child 选取每个父元素的最后一个元素
only-child 如果该元素是其父元素的唯一的子元素那么该元素就会匹配到
注意与基本过滤选择器的区别

表单过滤选择器
:enabled 选取所有的可见的元素
:disabled 选取所有的不可见的元素
:checked 选取所有的选中的元素(单选框、复选框)
:selected 选取所有的被选中的元素(下拉菜单)

表单选择器
:input 选取所有的、、<select>、 <button>元素<br>:text 选取所有的单行文本框<br>:password 选取所有的密码框<br>:radio 选取所有的单选按钮<br>:checkbox 选取所有的复选按钮<br>:submit 选取所有的提交按钮<br>:image 选取所有的图像按钮<br>:reset 选取所有的重置按钮<br>:button 选取所有的button<br>:file 选取所有的上传域<br>:hidden 选取所有的不可见元素 (包括display为none的)</p> <p>jQuery中DOM操作：<br>append() 向匹配的元素追加内容<br>appendTo() 颠倒append()操作<br>prepend() 向匹配的元素前置内容<br>preprendTo() 颠倒prepend()操作<br>after() 在匹配的元素后插入内容<br>insertAfter() 颠倒after()操作<br>before() 在匹配的元素前插入内容<br>insertBefore() 颠倒before()操作</p> <p> </p> <p>元素操作：<br>remove() 删除节点例 jQuery(‘ul li’).remove() 也可在remove()中添加过滤条件 jQuery(‘ul li’).remove(‘li[title!=菠萝]’)<br>empty() 清空节点 jQuery(‘ul li:eq(1)’).empty() 清空第二个li元素中的内容<br>clone() 复制节点 jQuery(‘#li’).clone().appendTo(‘ul’) 如果想在复制节点的同时也具有行为可用clone(true)<br>replaceWith() 替换节点如jQuery(‘p’).replaceWith(‘<strong>你最不喜欢的水果是?</strong>’)<br>replaceAll() 颠倒replaceWith()操作如jQuery(‘<strong>你最不喜欢的水果是？</strong>’).replaceAll(‘p’);<br>wrapAll() 将所有的匹配的元素用一个元素来包裹如jQuery(‘strong’).wrapAll(‘<b></b>’) 会得到<br> <b><br> <strong>你最喜欢的水果1</strong><br> <strong>你最喜欢的水果2</strong> <br> </b><br>wrap() 将每个匹配的元素用一个元素包裹起来如jQuery(‘strong’).wrap(‘<b></b>’) 会得到<br> <b><strong>你最喜欢的水果1</strong></b><br> <b><strong>你最喜欢的水果2</strong></b><br>wrapInner() 将每个匹配的子元素用另外一个元素包裹起来</p> <p> </p> <p>属性操作<br> 获取和设置属性 <br> 获取: jQuery(‘p’).attr(‘title’)<br> 设置属性:jQuery(‘p’).attr(‘title’,’your title’);<br> 删除属性：jQuery(‘p’).removeAttr(‘title’)<br>样式操作<br> jQuery(‘p’).attr(‘class’,’classname’);<br>追加样式<br> jQuery(‘p’).addClass()<br>移除样式<br> jQuery(‘p’).removeClass()</p> <p> </p> <p>toggleClass() 切换样式<br>hasClass() 判断是否含有某个样式同is(‘.className’)<br>html() 获取或者设置html代码<br>text() 获取或者设置文本框的值<br>val() 获取或者设置表单元素的值<br>children() 获取匹配元素的子元素 <br>next() 获取匹配元素后紧邻的同辈的元素<br>prev() 获取匹配元素前紧邻的同辈的元素<br>nextAll() 获取匹配元素后的所有的同辈的元素<br>siblings() 获取匹配元素前台所有的同辈的元素<br>closest() 获取匹配元素最近的元素<br>find() 查找匹配元素的所有的后代元素<br>css() 设置获取获取css样式可以传输json格式的参数批量的设置多个样式<br>height() 设置或者获取元素的高度注意和css(‘height’)的区别<br>width() 设置或者获取元素的宽度注意和css(‘width’)的区别</p> <p>offset() 获取元素在当前视窗的相对偏移返回的是个对象包括top和left两个属性<br>position() 获取元素相对于最近的一个position样式属性设置为relative和absolute的祖父节点的相对的偏移返回的也是个对象包括top和left两个属性<br>scrollTop() 获取元素的滚动条距顶端的距离<br>scrollLeft () 获取元素的滚动条距左边的距离</p> <p>jQuery中的事件<br>注意jQuery(document).ready()和window.onload的区别<br>事件绑定 bind(type,[,data],fn) 第一个为事件类型包括 blur,focus,load,resize,scroll,unload,click,dbclick,mousedown,mouseup,mousemove,mouseover,mouseout,<br>mouseenter,mouseleave,change,select,submit,keydown,keypress,keyup,error等，<br>也可以是自定义事件名称第二个为可选的参数第三个为绑定的处理函数</p> <p>简写绑定操作<br>jQuery(‘p’).click(fn),jQuery(‘mouseover’).click(fn)<br>合成事件<br>主要有两个 <br>jQuery(‘p’).toggle(fn1,fn2) 单击的时候分别执行fn1和fn2两个函数<br>hover(fn1,fn2) 鼠标移上去和移走的时候分别执行fn1和fn2两个函数<br>事件冒泡<br>如果想阻止冒泡的话可以用event.stopPropagation()<br>阻止事件的默认行为可以采用event.preventDefault()<br>如果上面两个都想阻止可以直接在fn中return false<br>事件对象的属性<br>event.type:获取事件的类型如click dbclick<br>event.preventDefault():阻止事件的默认行为<br>event.stopPropagation():阻止事件的冒泡<br>event.target() 获取触发事件的元素<br>event.relatedTarget() 获取相关元素<br>event.pageX() 获取光标相对于页面的x坐标<br>event.pageY() 获取光标相对于页面的y坐标<br>event.which() 在鼠标单击事件中获取到鼠标的左中右键<br>event.metaKey() 键盘事件中获取ctrl键<br>event.originalEvent() 指向原始的事件对象</p> <p>移除事件<br>移除某个元素的单击事件 jQuery(‘p’).unbind(‘click’)<br>移除某个元素的所有的事件 jQuery(‘p’).unbind()<br>假如某个元素的单击事件绑定了多个函数可用jQuery(‘p’).unbind(‘click’,fn1)来<br>解除fn1的事件处理程序 </p> <p>模拟操作<br>常用模拟: 不一定要单击才会触发可以用trigger()方法模拟操作 <br> jQuery(‘#btn’).trigger(‘click’)</p> <p>触发自定义事件 <br>jQuery(‘#btn’).bind(‘myClick’,fn1) 可以通过jQuery(‘#btn’).trigger(‘myClick’)触发<br>传递数据 trigger(type,[,data])<br>trigger()方法会执行浏览器的默认行为如果不想执行浏览器的默认行为可用jQuery(‘input’).triggerHander(‘focus’)<br>可以一次绑定多个事件类型<br>jQuery(‘div’).bind(‘mouseover mouseout’,fn1)<br>添加事件的命名空间便于管理<br>jQuery(‘div’).bind(‘click.plugin’,fn1)<br>jQuery(‘div’).bind(‘mouseover.plugin’,fn2)<br>jQuery(‘div’).bind(‘dbclick’,fn3)<br>在执行jQuery(‘div’).unbind(‘.plugin’)的时候 dbclick事件依然会触发<br>相同事件名称不同命名空间的执行方法</p> <p>jQuery(‘div’).bind(‘click’,fn1)<br> jQuery(‘div’).bind(‘click.plugin’,fn2)<br> jQuery(‘#btn’).click<br> (<br> function()<br> {<br> jQuery(‘div’).trigger(‘click!’); //注意click后面的感叹号<br> }<br> )<br>当单击div元素的时候 fn1和fn2事件处理程序都会执行当单击button元素的时候，<br>只会触发fn1的事件处理程序</p> <p>jQuery中的动画</p> <p>show() 显示元素<br>hide() 隐藏元素<br>show(‘slow’) 让元素在600毫秒内显示出来<br>show(‘fast’) 让元素在200毫秒内显示出来<br>show(‘normal’) 让元素在400毫秒内显示出来<br>show(1000) 让元素在1000毫秒内显示出来<br>hide()方法带参数时候与show()方法相似<br>fadeIn() 增加不透明度<br>fadeOut() 降低不透明度<br>slideUp() 从下向上隐藏元素可以带参数<br>slideDown() 从上到下显示元素可以带参数<br>自定义动画方法 animate()<br>jQuery(‘p’).animate({‘left’:’500px’},3000) 使得元素在3秒内向右移动500个像素<br>jQuery(‘p’).animate({‘left’:’+=500px’},3000) 在当前位置累加500个像素<br>jQuery(‘p’).animate({‘left’:’-=500px’},3000) 在当前位置累减500个像素</p> <p>多重动画<br>同时执行多个动画:jQuery(‘p’).animate({‘left’:’500px’,’height’:’200px’},3000)<br>按顺序执行动画:<br>jQuery(‘p’).animate({‘left’:’500px’},3000).animate({‘height’:’200px’},3000)<br>fadeTo(3000,’0.2’) 在3秒内将元素的不透明度变为0.2<br>动画的回调函数<br>jQuery(‘p’).animate({‘top’:’200px’,’width’:’200px’},200,fn) 执行完动画后执行fn<br>停止动画<br>stop(false,false)<br>is(‘:animated’) 判断某元素是否处于动画状态<br>toggle() 用来代替show和hide方法会改变高度宽度和不透明度<br>slideToggle() 用来代替slideUp()和slideDown() 只改变高度</p> <p> </p> <p>jQuery与Ajax应用<br>分三层jQuery.ajax()是第一层,jQuery(param).load() /jQuery.get()/jQuery.post()是第二层,<br>jQuery.getScript()/jQuery.getJSON()是第三层<br>load()方法<br>1.载入html文档<br> load(url,[,data],[,callback] url :请求地址<br> data:发送至服务器端的key/value值<br> callback:回调函数无论成功还是失败都会调用回调函数<br>2.筛选载入的HTML文档<br> jQuery(‘#resText’).load(‘test.html .param’)<br>3.传递方式<br> 根据data自动指定如果没有参数传递采用get方式传递反之则自动转化为post方式</p> <p>4.回调函数<br>function(responseText,txtStatus,XMLHttpRequest)<br>{</p> <p>}<br>responseText :请求返回的内容<br>textStatus:请求状态 success/error/notmodified/timeout四种<br>XMLHttpRequest:XMLHttpRequest对象<br>jQuery.get()<br>全局函数<br>jQuery.get(url,[,data],[,callback],[,type])<br>url:请求的地址<br>data:发送至服务器端的key/value数据会作为QueryString附加到请求的URL中<br>callback:载入成功时的回调函数<br>type:服务器返回内容的格式 xml/html/json/script/text/_default</p> <p>callback形式如下</p> <p>function(data,textStatus)</p> <p>{</p> <p> //data:返回的内容可以是XML JSON或者html片段等</p> <p> //textStatus:请求状态 success/error/notmodified/timeout</p> <p>}</p> <p>数据格式:<br>html片段:<br> 实现起来只需要很少的工作量,但是这种固定的数据结构并不一定能够在其它的web程序中得到重用<br>XML文档:<br> 该数据可以利用强大的jQuery选择器的功能，这种数据的可移植性是其它的数据格式所无法比拟的,因此以这种格式提供的数据的重用性大大的提高,不过xml体积相对庞大,解析和操作他们的速度要慢一些</p> <p>JSON格式</p> <p>在不远的将来新版的JavaScript中的XML将会和JSON一样容易解析,不过在它到来</p> <p>之前,json依然有着很强的生命力</p> <p>json的格式非常的严格,构建的json文件必须是完整无误的,任何的一个不匹配或者</p> <p>缺少逗号,都会导致页面脚本的终止运行,甚至还会带来更加严重的负面影响</p> <p>post()方法<br>它与get()方法的结构和使用方式都相同,不过重大区别如下<br>1.GET请求会将参数跟在URL后面进行传递,而POST请求则是作为HTTP消息的实体内容发送给web服务器,当然在ajax请求中这种区别对用户来说是不可见的 <br>2.GET请求对传输的数据大小有限制(通常不能大于2K),而使用POST方式传输的数据量比GET方式大的多(理论上不受限制)<br>3.GET方式请求的数据会被浏览器缓存起来,因此其它人便可以从浏览器的历史记录中读取到这些数据,例如帐号和密码等等,在某些情况下GET方式会带来严重的安全性问题,而POST方式相对来说就可以避免这些问题 </p> <p> </p> <p>getScript()方法<br>动态加载script文件可以用回调函数<br>getJSON()<br>动态加载JSON文件,处理JSON文件的时候可以利用each函数<br>jQuery.each()不同于jQuery对象的each() 它是一个全局函数,不操作jQuery对象<br>而是以一个数组或者对象作为第一个参数,以一个回调函数作为第二个参数,回调函数中有两个参数第一个为索引第二个为对应的变量或者内容<br>ajax()<br>只有一个参数以key/value的形式存在<br>url:发送请求的地址<br>type:请求方式 POST或者GET 默认为GET 注意其它的HTTP请求方法<br>timeout:设置请求的超时时间(毫秒) 此设置将覆盖ajaxStart()等方法的全局设置<br>data:请求的数据一般的JSON格式的数据<br>dataType:预期返回的数据类型<br>beforeSend:发送请求前可修改的XMLHttpRequest对象的函数例如添加自定义的<br>HTTP头.在beforeSend()中如果返回false可以取消本次ajax请求<br>complate:请求完成后的回调函数(请求成功或者失败的时候均会调用)<br> function(XMLHttpRequest,textStatus)<br> {</p> <p> }<br>success:请求成功时的回调函数(只有请求成功的时候才会回调)<br> function(data,textStatus)<br> {<br> }<br>error:请求失败时的回调函数(只有在请求失败的时候才会调用)<br> function(XMLHttpRequest,textStatus,errorThown)<br> {<br> }<br>global:默认为true,表示是否会触发全局的ajax事件,为false表示不会触发全局事件</p> <p>序列化元素<br>serialize() 将DOM内容序列化为字符串<br>serializeArray() 将DOM内容序列化为JSON格式的数据<br>param() 用来对一个json对象进行序列化</p> <p>Ajax全局函数<br>ajaxStart(callback) : ajax开始请求的时候调用的函数<br>ajaxComplete(callback): ajax请求完成时执行的函数<br>ajaxError(callback): ajax请求错误的时候触发的函数捕捉到的错误作为最后的一个参数传递<br>ajaxSend(callback): ajax请求发送前要执行的函数<br>ajaxSuccess(callback): ajax请求成功的时候执行的函数<br>ajaxStop(callback): ajax请求停止的时候触发的函数</p> <p>插件的使用和写法<br>livequery()的使用方法<br>ui插件的使用方法<br>cookie插件的使用方法<br>自定义jQuery插件的写法</p> <p> </p> </div> </div> </div> </div>  <div id="SOHUCS" sid="1174640073841369088"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(jQuery必知必会)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1883977742463070208.htm" title="利用jQuery实现h5播放器播放组件" target="_blank">利用jQuery实现h5播放器播放组件</a> <span class="text-muted">我是真的不会前端</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</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>播放组件介绍首先会H5播放组件其实自带videoaudio标签，只需要引入添加属性就可以自动在网页上播放，同样，vue和react也有相应的播放插件。比如vue-video-player和reactnative的播放组件这里提供一个npm地址https://www.npmjs.com/package/vue-video-playerhttps://www.npmjs.com/package/rea</div> </li> <li><a href="/article/1883958066894925824.htm" title="【jQuery】jQuery 处理 Ajax 以及解决跨域问题的方式" target="_blank">【jQuery】jQuery 处理 Ajax 以及解决跨域问题的方式</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/jquery/1.htm">jquery</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>文章目录HTTP原生创建AjaxjQuery处理Ajax$.ajax()$().load()$.get()$.post()跨域CORSJSONPiframewebsocketsHTTP超文本传输协议（HTTP，HyperTextTransferProtocol)是互联网上应用最为广泛的一种网络协议。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。一次HTTP操作称为一个事务，其工</div> </li> <li><a href="/article/1883924906089967616.htm" title="C#开发人员学习书籍推荐" target="_blank">C#开发人员学习书籍推荐</a> <span class="text-muted">Lu01</span> <a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>作为一名C#开发人员，持续学习和提升自己的技术水平是至关重要的。如今，技术不断更新换代，新的开发框架、语言和工具层出不穷。对于刚入行的开发者或希望深入某一领域的工程师来说，选对书籍是学习的捷径之一。本篇文章将推荐一些经典的书籍，涵盖了C#、数据库、前端开发等多个领域，帮助你在开发的道路上不断进步。1.学习SQL基础推荐书籍：《SQL必知必会（第5版）》作者：[美]本·福达（BenForta）译者：</div> </li> <li><a href="/article/1883733906323206144.htm" title="前端【11】HTML+CSS+jQUery实战项目--实现一个简单的todolist" target="_blank">前端【11】HTML+CSS+jQUery实战项目--实现一个简单的todolist</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>前端【8】HTML+CSS+javascript实战项目----实现一个简单的待办事项列表(To-DoList)-CSDN博客学过jQUery可以极大简化js代码的编写，基于之前实现的todolist小demo，了解如何使用jQuery来实现常见的动态交互功能。修改后的js代码关键点解析动态添加元素：通过append方法动态添加表格行，并为每一行生成唯一的index属性。事件委托：使用on方法将事</div> </li> <li><a href="/article/1883730630034911232.htm" title="前端必知必会-TypeScript 对象类型" target="_blank">前端必知必会-TypeScript 对象类型</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/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a> <div>文章目录TypeScript对象类型类型推断可选属性索引签名总结TypeScript对象类型TypeScript具有用于对对象进行类型化的特定语法。示例constcar:{type:string,model:string,year:number}={type:"Toyota",model:"Corolla",year:2009};像这样的对象类型也可以单独编写，甚至可以重复使用类型推断TypeSc</div> </li> <li><a href="/article/1883408253916868608.htm" title="云借阅-图书管理系统" target="_blank">云借阅-图书管理系统</a> <span class="text-muted">夏之目</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F/1.htm">程序</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>程序设计逻辑简单，适合观摩学习使用。文章目录前言一、开发技术与工具二、功能模块三、运行截图总结前言云借阅图书管理系统主要实现了两大功能模块:用户登录模块和图书管理模块，用户登录模块主要用于实现用户的登录与注销;图书管理模块主要用于管理图书，如新书推荐、图书借阅等。一、开发技术与工具1.开发技术：后端：SSM(Spring、SpringMVC、Mybatis)框架前端：JSP、Ajax、JQuery</div> </li> <li><a href="/article/1882928304432934912.htm" title="基于JAVA软件技术课程学习系统设计与实现计算机毕业设计源码+数据库+lw文档+系统+部署" target="_blank">基于JAVA软件技术课程学习系统设计与实现计算机毕业设计源码+数据库+lw文档+系统+部署</a> <span class="text-muted">小朱科技</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>基于JAVA软件技术课程学习系统设计与实现计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA软件技术课程学习系统设计与实现计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQ</div> </li> <li><a href="/article/1882926414106259456.htm" title="【Vue】Part4 接口调用" target="_blank">【Vue】Part4 接口调用</a> <span class="text-muted">福安德信息科技</span> <a class="tag" taget="_blank" href="/search/WEB%E5%BC%80%E5%8F%91/1.htm">WEB开发</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</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> <div>接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函数promise主要解决异步深层</div> </li> <li><a href="/article/1882921874455851008.htm" title="java计算机毕业设计-学生宿舍故障报修管理信息系统-源码+数据库+系统+lw文档+mybatis+运行部署" target="_blank">java计算机毕业设计-学生宿舍故障报修管理信息系统-源码+数据库+系统+lw文档+mybatis+运行部署</a> <span class="text-muted">雪夜科技</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><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%E5%BA%93/1.htm">数据库</a> <div>java计算机毕业设计-学生宿舍故障报修管理信息系统-源码+数据库+系统+lw文档+mybatis+运行部署java计算机毕业设计-学生宿舍故障报修管理信息系统-源码+数据库+系统+lw文档+mybatis+运行部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Wi</div> </li> <li><a href="/article/1882804996702007296.htm" title="radio与select问题" target="_blank">radio与select问题</a> <span class="text-muted">eluanshi12</span> <a class="tag" taget="_blank" href="/search/Java%E5%89%8D%E7%AB%AF/1.htm">Java前端</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/select/1.htm">select</a><a class="tag" taget="_blank" href="/search/radio/1.htm">radio</a> <div>为radio赋值jQuery("input[type='radio'][name='对应名称'][value='赋值']").attr("checked","checked");重置radio的值$('input:radio[name=sex]').attr('checked',false);js清空方法functioncleanFun(){清空type！=radio的input输入框（#sear</div> </li> <li><a href="/article/1882652035791253504.htm" title="探秘 commits-graph：优雅的Git提交图绘制工具" target="_blank">探秘 commits-graph：优雅的Git提交图绘制工具</a> <span class="text-muted">农爱宜</span> <div>探秘commits-graph：优雅的Git提交图绘制工具去发现同类优质开源项目:https://gitcode.com/在软件开发中，Git不仅仅是一个版本控制系统，它还是我们代码历程的一种视觉表达。每次提交都如同历史的一笔，记录着开发者的心血和智慧。而今天，我们要向您推荐一个非常出色的开源项目——commits-graph，这是一个基于HTML5Canvas和jQuery的Git提交图形小部件</div> </li> <li><a href="/article/1882595413127655424.htm" title="swiper移入暂停_用Swiper插件实现无缝轮播的品牌展示，鼠标移动停止，鼠标移出无缝移动视觉效果..." target="_blank">swiper移入暂停_用Swiper插件实现无缝轮播的品牌展示，鼠标移动停止，鼠标移出无缝移动视觉效果...</a> <span class="text-muted">weixin_39726971</span> <a class="tag" taget="_blank" href="/search/swiper%E7%A7%BB%E5%85%A5%E6%9A%82%E5%81%9C/1.htm">swiper移入暂停</a> <div>正常操作，正常分析，大家好，我是D1n910。文章关键词：技术前端JQuery入门滚动文章前言：公司要求做官网呀呀呀，其中有一部分设计是要求我们最亲爱的品牌商的LOGO能够在底部无缝轮播，鼠标移上去就停下来。效果如下：一、使用插件介绍1、使用的框架是JQuery，因为讲究快速、兼容、展示，所以没有用vue、react之类的看起来高大上的框架。2、使用的是优秀的轮播插件Swiper3.0版(实际上S</div> </li> <li><a href="/article/1882595160039157760.htm" title="Javascript和jquery事件-鼠标移入移出事件" target="_blank">Javascript和jquery事件-鼠标移入移出事件</a> <span class="text-muted">weixin_30740295</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a> <div>javascript使用mouseover和mouseout，只在css中支持hoverjquery支持mouseover和mouseout，封装了mouseenter、mouseleave事件函数和hover函数1、有关js中的mouseover和mouseout原生js的事件类型是mouserout和mouseover，之前提到的事件冒泡的缺陷就在这里，之前说的使用阻止冒泡就行，大概说得太轻易</div> </li> <li><a href="/article/1882258258337525760.htm" title="【网络安全 | Python爬虫】URL、HTTP基础必知必会" target="_blank">【网络安全 | Python爬虫】URL、HTTP基础必知必会</a> <span class="text-muted">秋说</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a> <div>文章目录URL概念及组成结构HTTP概念简述浏览器接收资源HTTP协议的结构请求结构请求行请求头请求体请求差异及参数说明响应结构状态行响应头响应体推广URL概念及组成结构在开始爬虫的开发实战前，需要了解的是URL的概念及组成结构，这具有基础性和必要性。URL（UniformResourceLocator，统一资源定位符）是用于在互联网上定位和标识资源的字符串。它提供了一种标准的方式来指示资源的位置</div> </li> <li><a href="/article/1881989128371892224.htm" title="【Springboot】——响应与分层解耦架构" target="_blank">【Springboot】——响应与分层解耦架构</a> <span class="text-muted">Y小夜</span> <a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><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/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，设计模式、Python机器学习、Springboot等主页链接：Y小夜-CSDN博客目录响应响应数据✨@ResponseBody✨G</div> </li> <li><a href="/article/1881727468591706112.htm" title="商品详情页面html,div+css+JQuery仿京东商品详情界面" target="_blank">商品详情页面html,div+css+JQuery仿京东商品详情界面</a> <span class="text-muted">L相好</span> <a class="tag" taget="_blank" href="/search/%E5%95%86%E5%93%81%E8%AF%A6%E6%83%85%E9%A1%B5%E9%9D%A2html/1.htm">商品详情页面html</a> <div>【实例简介】div+css+JQuery仿京东商品详情界面【实例截图】【核心代码】京东商品详情界面├──__MACOSX│└──浜笢鍟嗗搧璇︽儏鐣岄潰│├──css│├──images││├──images││└──products│└──js└──浜笢鍟嗗搧璇︽儏鐣岄潰├──css│├──common_07.css│├──product.css│├──product_left.css│├──</div> </li> <li><a href="/article/1881375872640937984.htm" title="基于JAVA水果商城设计计算机毕业设计源码+数据库+lw文档+系统+部署" target="_blank">基于JAVA水果商城设计计算机毕业设计源码+数据库+lw文档+系统+部署</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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a> <div>基于JAVA水果商城设计计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA水果商城设计计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https</div> </li> <li><a href="/article/1880960263910387712.htm" title="kafka" target="_blank">kafka</a> <span class="text-muted">宋song一</span> <a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">中间件</a><a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a><a class="tag" taget="_blank" href="/search/big/1.htm">big</a><a class="tag" taget="_blank" href="/search/data/1.htm">data</a> <div>Kafka学习之路Kafka必知必会kafka核心原理go操作kafka消息队列之-KafkaKafka分区分配策略或(https://blog.csdn.net/u013256816/article/details/81123625)kafka怎么保证消息顺序？StickyAssignor:0.11.x版本引入,消费者尽量不离开分区.即BalanceStrategySticky:重平衡策略,适用</div> </li> <li><a href="/article/1880951942977482752.htm" title="指针的运算 | 为什么指针不能加/乘/除指针？|NULL有什么用？|void* 能干什么？指针详解" target="_blank">指针的运算 | 为什么指针不能加/乘/除指针？|NULL有什么用？|void* 能干什么？指针详解</a> <span class="text-muted">编程反思录</span> <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80%E5%BF%85%E7%9F%A5%E5%BF%85%E4%BC%9A/1.htm">C语言必知必会</a><a class="tag" taget="_blank" href="/search/%E6%8C%87%E9%92%88/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/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a> <div>指针的运算详解[C语言必知必会]指针的运算指针加减常量请看下面的程序，猜测一下结果：intmain(){intarr[10]={1,2,3,4,5,6,7,8,9,10};int*a=&arr;printf("a=%p\n",a);printf("a+1=%p\n",a+1);printf("a-1=%p\n",a-1);}运行结果：a=00AFF82Ca+1=00AFF830a-1=00AFF8</div> </li> <li><a href="/article/1880949294161260544.htm" title="前端必知必会-Node.js连接MongoDB 删除集合" target="_blank">前端必知必会-Node.js连接MongoDB 删除集合</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/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>文章目录Node.js连接MongoDB删除集合删除集合db.dropCollection总结Node.js连接MongoDB删除集合删除集合您可以使用drop()方法删除表或MongoDB中所谓的集合。drop()方法采用包含错误对象和结果参数的回调函数，如果成功删除集合，则返回true，否则返回false。示例获取您自己的Node.js服务器删除“customers”表：varMongoCli</div> </li> <li><a href="/article/1880705578540527616.htm" title="JQuery" target="_blank">JQuery</a> <span class="text-muted">我是奶龙！我是奶龙！我是奶龙！</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</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> <div>jQuery获取表单元素的值（val()）$(选择器).val();//获取$(选择器).val(值);//赋值获取元素下所有内容(html()).html();//获取.html(“XXXX”)；//赋值获取元素下文本内容.text();//获取.text(w);文本内容);//赋值操作元素CSS属性操作单个CSS$(选择器).css(属性,值);//改变$(选择器).css(属性);//获取操</div> </li> <li><a href="/article/1880676205481488384.htm" title="【AIcoding技术必知必会】12问--前后端联调是什么？" target="_blank">【AIcoding技术必知必会】12问--前后端联调是什么？</a> <span class="text-muted">srzxy42</span> <a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/coding%E6%8A%80%E6%9C%AF%E5%BF%85%E7%9F%A5%E5%BF%85%E4%BC%9A/1.htm">coding技术必知必会</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a><a class="tag" taget="_blank" href="/search/%E4%BA%A7%E5%93%81%E7%BB%8F%E7%90%86/1.htm">产品经理</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>基础说明前后端联调（Frontend-BackendIntegration）是指前端工程师和后端工程师将各自开发的功能模块进行对接和测试的过程。这个过程确保前端页面能够正确地与后端API进行数据交互，实现完整的业务功能。具体步骤准备阶段前后端团队共同制定接口文档（APIDocumentation）确定接口的请求方式（GET/POST等）定义请求参数和返回数据格式（通常是JSON）约定接口的命名规范</div> </li> <li><a href="/article/1880669513771446272.htm" title="Spring Boot 3项目集成Swagger3教程" target="_blank">Spring Boot 3项目集成Swagger3教程</a> <span class="text-muted">m0_74825746</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>SpringBoot3项目集成Swagger3教程??前言欢迎来到我的小天地，这里是我记录技术点滴、分享学习心得的地方。????技能清单编程语言：Java、C、C++、Python、Go、前端技术：Jquery、Vue.js、React、uni-app、EchartsUI设计:Element-ui、Antd、Color-ui后端技术：SpringBoot、Mybatis-plus、Swagger移</div> </li> <li><a href="/article/1880430491719495680.htm" title="Yii框架中的日历控件如何实现日期选择器" target="_blank">Yii框架中的日历控件如何实现日期选择器</a> <span class="text-muted">ac-er8888</span> <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>在Yii框架中，虽然Yii本身不直接提供一个内置的日历控件用于日期选择器，但你可以利用Yii的扩展包或者结合前端库（如jQueryUIDatepicker、BootstrapDatepicker等）来实现这一功能。以下是一些常见的方法来实现日期选择器：1.使用jQueryUIDatepickerjQueryUI是一个流行的jQuery插件集，其中包含了日期选择器组件。你可以通过以下步骤在Yii中集</div> </li> <li><a href="/article/1880428729457504256.htm" title="基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署" target="_blank">基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署</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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7</div> </li> <li><a href="/article/1880413974210605056.htm" title="java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署" target="_blank">java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署</a> <span class="text-muted">静静学姐</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AE%A0%E7%89%A9/1.htm">宠物</a> <div>java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址</div> </li> <li><a href="/article/1880395432257974272.htm" title="【Rust】——不安全Rust" target="_blank">【Rust】——不安全Rust</a> <span class="text-muted">Y小夜</span> <a class="tag" taget="_blank" href="/search/Rust%EF%BC%88%E5%AE%98%E6%96%B9%E6%96%87%E6%A1%A3%E9%87%8D%E7%82%B9%E6%80%BB%E7%BB%93%EF%BC%89/1.htm">Rust（官方文档重点总结）</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录不安全的超能力解引用裸指针调用不安全函数或方法创建不安全代码的安全抽象使用e</div> </li> <li><a href="/article/1880193276384964608.htm" title="java计算机毕业设计货币博物馆展品管理系统源码+数据库+系统+lw文档+mybatis+运行部署" target="_blank">java计算机毕业设计货币博物馆展品管理系统源码+数据库+系统+lw文档+mybatis+运行部署</a> <span class="text-muted">游游科技</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>java计算机毕业设计货币博物馆展品管理系统源码+数据库+系统+lw文档+mybatis+运行部署java计算机毕业设计货币博物馆展品管理系统源码+数据库+系统+lw文档+mybatis+运行部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8</div> </li> <li><a href="/article/1880153149113692160.htm" title="Jquery 、Js —— 获取当前年月日、星期几、地点、天气！" target="_blank">Jquery 、Js —— 获取当前年月日、星期几、地点、天气！</a> <span class="text-muted">爱吃果蔬的猫</span> <a class="tag" taget="_blank" href="/search/Jquery/1.htm">Jquery</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</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> <div>最近的工作中的小需求，自己整理了下有关——日期与天气的代码：有其他需求的小伙伴可以去官网天气插件-心知天气html代码Date:Time:Day:js代码$(document).ready(function(){functionupdateDateTime(){constnow=newDate();constyear=now.getFullYear();constmonth=(now.getMon</div> </li> <li><a href="/article/1880001549963423744.htm" title="PHP与HTML、CSS、JavaScript、jQuery的关系**" target="_blank">PHP与HTML、CSS、JavaScript、jQuery的关系**</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/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>在当今数字化的Web开发领域，PHP与HTML、CSS、JavaScript、jQuery各自扮演着重要的角色，并且它们之间存在着紧密而复杂的关系。一、HTML与PHP的关系HTML（超文本标记语言）是构建网页内容结构的基础。它定义了网页中的各种元素，如标题、段落、列表、链接等。PHP（超文本预处理器）则是一种服务器端脚本语言。数据嵌入与动态内容生成PHP可以嵌入到HTML中，在服务器端执行PHP</div> </li> <li><a href="/article/75.htm" title="knob UI插件使用" target="_blank">knob UI插件使用</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/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/knob/1.htm">knob</a> <div>图形是用canvas绘制的 js代码 var paras = { max:800, min:100, skin:'tron',//button type thickness:.3,//button width width:'200',//define canvas width.,canvas height displayInput:'tr</div> </li> <li><a href="/article/202.htm" title="Android+Jquery Mobile学习系列(5)-SQLite数据库" target="_blank">Android+Jquery Mobile学习系列(5)-SQLite数据库</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/JQuery+Mobile/1.htm">JQuery Mobile</a> <div>目录导航 SQLite是轻量级的、嵌入式的、关系型数据库，目前已经在iPhone、Android等手机系统中使用,SQLite可移植性好，很容易使用，很小，高效而且可靠。因为Android已经集成了SQLite，所以开发人员无需引入任何JAR包，而且Android也针对SQLite封装了专属的API，调用起来非常快捷方便。我也是第一次接触S</div> </li> <li><a href="/article/329.htm" title="impala-2.1.2-CDH5.3.2" target="_blank">impala-2.1.2-CDH5.3.2</a> <span class="text-muted">dayutianfei</span> <a class="tag" taget="_blank" href="/search/impala/1.htm">impala</a> <div>最近在整理impala编译的东西，简单记录几个要点：根据官网的信息（https://github.com/cloudera/Impala/wiki/How-to-build-Impala）： 1. 首次编译impala，推荐使用命令： ${IMPALA_HOME}/buildall.sh -skiptests -build_shared_libs -format 2.仅编译BE ${I</div> </li> <li><a href="/article/456.htm" title="求二进制数中1的个数" target="_blank">求二进制数中1的个数</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/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E4%BA%8C%E8%BF%9B%E5%88%B6/1.htm">二进制</a> <div>解法一：对于一个正整数如果是偶数，该数的二进制数的最后一位是 0 ，反之若是奇数，则该数的二进制数的最后一位是 1 。因此，可以考虑利用位移、判断奇偶来实现。 public int bitCount(int x){ int count = 0; while(x!=0){ if(x%2!=0){ /</div> </li> <li><a href="/article/583.htm" title="spring中hibernate及事务配置" target="_blank">spring中hibernate及事务配置</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div>hibernate的sessionFactory配置：  <bean id="sessionFactory" class="org.springframework.orm.hibernate3.LocalSessionFactoryBean"> <</div> </li> <li><a href="/article/710.htm" title="log4j.properties 使用" target="_blank">log4j.properties 使用</a> <span class="text-muted">510888780</span> <a class="tag" taget="_blank" href="/search/log4j/1.htm">log4j</a> <div>log4j.properties 使用一.参数意义说明输出级别的种类 ERROR、WARN、INFO、DEBUG ERROR 为严重错误主要是程序的错误 WARN 为一般警告，比如session丢失 INFO 为一般要显示的信息，比如登录登出 DEBUG 为程序的调试信息配置日志信息输出目的地 log4j.appender.appenderName = fully.qua</div> </li> <li><a href="/article/837.htm" title="Spring mvc-jfreeChart柱图（2）" target="_blank">Spring mvc-jfreeChart柱图（2）</a> <span class="text-muted">布衣凌宇</span> <a class="tag" taget="_blank" href="/search/jfreechart/1.htm">jfreechart</a> <div>上一篇中生成的图是静态的，这篇将按条件进行搜索，并统计成图表，左面为统计图，右面显示搜索出的结果。第一步：导包第二步；配置web.xml(上一篇有代码) 建BarRenderer类用于柱子颜色 import java.awt.Color; import java.awt.Paint; import org.jfree.chart.renderer.category.BarR</div> </li> <li><a href="/article/964.htm" title="我的spring学习笔记14-容器扩展点之PropertyPlaceholderConfigurer" target="_blank">我的spring学习笔记14-容器扩展点之PropertyPlaceholderConfigurer</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/Spring3/1.htm">Spring3</a> <div>PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。 PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java</div> </li> <li><a href="/article/1091.htm" title="maven 之 cobertura 简单使用" target="_blank">maven 之 cobertura 简单使用</a> <span class="text-muted">antlove</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/test/1.htm">test</a><a class="tag" taget="_blank" href="/search/unit/1.htm">unit</a><a class="tag" taget="_blank" href="/search/cobertura/1.htm">cobertura</a><a class="tag" taget="_blank" href="/search/report/1.htm">report</a> <div>1. 创建一个maven项目 2. 创建com.CoberturaStart.java package com; public class CoberturaStart { public void helloEveryone(){ System.out.println("=================================================</div> </li> <li><a href="/article/1218.htm" title="程序的执行顺序" target="_blank">程序的执行顺序</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/JAVA%E6%89%A7%E8%A1%8C%E9%A1%BA%E5%BA%8F/1.htm">JAVA执行顺序</a> <div> 刚在看java核心技术时发现对java的执行顺序不是很明白了,百度一下也没有找到适合自己的资料,所以就简单的回顾一下吧代码如下; 经典的程序执行面试题 //关于程序执行的顺序 //例如： //定义一个基类 public class A(){ public A(</div> </li> <li><a href="/article/1345.htm" title="设置session失效的几种方法" target="_blank">设置session失效的几种方法</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/session%E5%A4%B1%E6%95%88/1.htm">session失效</a><a class="tag" taget="_blank" href="/search/%E7%9B%91%E5%90%AC%E5%99%A8/1.htm">监听器</a> <div>在系统登录后，都会设置一个当前session失效的时间，以确保在用户长时间不与服务器交互，自动退出登录，销毁session。具体设置很简单，方法有三种：（1）在主页面或者公共页面中加入：session.setMaxInactiveInterval(900);参数900单位是秒，即在没有活动15分钟后，session将失效。这里要注意这个session设置的时间是根据服务器来计算的，而不是客户端。所</div> </li> <li><a href="/article/1472.htm" title="java jvm常用命令工具" target="_blank">java jvm常用命令工具</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/jvm/1.htm">jvm</a> <div>一.概述程序运行中经常会遇到各种问题，定位问题时通常需要综合各种信息，如系统日志、堆dump文件、线程dump文件、GC日志等。通过虚拟机监控和诊断工具可以帮忙我们快速获取、分析需要的数据，进而提高问题解决速度。本文将介绍虚拟机常用监控和问题诊断命令工具的使用方法，主要包含以下工具: &nbs</div> </li> <li><a href="/article/1599.htm" title="【Spring框架一】Spring常用注解之Autowired和Resource注解" target="_blank">【Spring框架一】Spring常用注解之Autowired和Resource注解</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Spring%E5%B8%B8%E7%94%A8%E6%B3%A8%E8%A7%A3/1.htm">Spring常用注解</a> <div>Spring自从2.0引入注解的方式取代XML配置的方式来做IOC之后，对Spring一些常用注解的含义行为一直处于比较模糊的状态，写几篇总结下Spring常用的注解。本篇包含的注解有如下几个： Autowired Resource Component Service Controller Transactional 根据它们的功能、目的，可以分为三组，Autow</div> </li> <li><a href="/article/1726.htm" title="mysql 操作遇到safe update mode问题" target="_blank">mysql 操作遇到safe update mode问题</a> <span class="text-muted">bitray</span> <a class="tag" taget="_blank" href="/search/update/1.htm">update</a> <div> 我并不知道出现这个问题的实际原理,只是通过其他朋友的博客,文章得知的一个解决方案,目前先记录一个解决方法,未来要是真了解以后,还会继续补全. 在mysql5中有一个safe update mode,这个模式让sql操作更加安全,据说要求有where条件,防止全表更新操作.如果必须要进行全表操作,我们可以执行 SET</div> </li> <li><a href="/article/1853.htm" title="nginx_perl试用" target="_blank">nginx_perl试用</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx_perl%E8%AF%95%E7%94%A8/1.htm">nginx_perl试用</a> <div>因为空闲时间比较多，所以在CPAN上乱翻，看到了nginx_perl这个项目(原名Nginx::Engine)，现在托管在github.com上。地址见：https://github.com/zzzcpan/nginx-perl 这个模块的目的，是在nginx内置官方perl模块的基础上，实现一系列异步非阻塞的api。用connector/writer/reader完成类似proxy的功能（这里</div> </li> <li><a href="/article/1980.htm" title="java-63-在字符串中删除特定的字符" target="_blank">java-63-在字符串中删除特定的字符</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class DeleteSpecificChars { /** * Q 63 在字符串中删除特定的字符 * 输入两个字符串，从第一字符串中删除第二个字符串中所有的字符。 * 例如，输入”They are students.”和”aeiou”，则删除之后的第一个字符串变成”Thy r stdnts.” */ public static voi</div> </li> <li><a href="/article/2107.htm" title="EffectiveJava--创建和销毁对象" target="_blank">EffectiveJava--创建和销毁对象</a> <span class="text-muted">ccii</span> <a class="tag" taget="_blank" href="/search/%E5%88%9B%E5%BB%BA%E5%92%8C%E9%94%80%E6%AF%81%E5%AF%B9%E8%B1%A1/1.htm">创建和销毁对象</a> <div>本章内容： 1. 考虑用静态工厂方法代替构造器 2. 遇到多个构造器参数时要考虑用构建器（Builder模式） 3. 用私有构造器或者枚举类型强化Singleton属性 4. 通过私有构造器强化不可实例化的能力 5. 避免创建不必要的对象 6. 消除过期的对象引用 7. 避免使用终结方法 1. 考虑用静态工厂方法代替构造器类可以通过</div> </li> <li><a href="/article/2234.htm" title="[宇宙时代]四边形理论与光速飞行" target="_blank">[宇宙时代]四边形理论与光速飞行</a> <span class="text-muted">comsci</span> <div> 从四边形理论来推论为什么光子飞船必须获得星光信号才能够进行光速飞行？一组星体组成星座向空间辐射一组由复杂星光信号组成的辐射频带，按照四边形-频率假说一组频率就代表一个时空的入口那么这种由星光信号组成的辐射频带就代表由这些星体所控制的时空通道，该时空通道在三维空间的投影是一</div> </li> <li><a href="/article/2361.htm" title="ubuntu server下python脚本迁移数据" target="_blank">ubuntu server下python脚本迁移数据</a> <span class="text-muted">cywhoyi</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/Kettle/1.htm">Kettle</a><a class="tag" taget="_blank" href="/search/pymysql/1.htm">pymysql</a><a class="tag" taget="_blank" href="/search/cx_Oracle/1.htm">cx_Oracle</a><a class="tag" taget="_blank" href="/search/ubuntu+server/1.htm">ubuntu server</a> <div>因为是在Ubuntu下，所以安装python、pip、pymysql等都极其方便，sudo apt-get install pymysql，但是在安装cx_Oracle（连接oracle的模块）出现许多问题，查阅相关资料，发现这边文章能够帮我解决，希望大家少走点弯路。http://www.tbdazhe.com/archives/602 1.安装python 2.安装pip、pymysql</div> </li> <li><a href="/article/2488.htm" title="Ajax正确但是请求不到值解决方案" target="_blank">Ajax正确但是请求不到值解决方案</a> <span class="text-muted">dashuaifu</span> <a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/async/1.htm">async</a> <div>Ajax正确但是请求不到值解决方案解决方案：1 . async: false , 2. 设置延时执行js里的ajax或者延时后台java方法！！！！！！！例如： $.ajax({ &</div> </li> <li><a href="/article/2615.htm" title="windows安装配置php+memcached" target="_blank">windows安装配置php+memcached</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/Install/1.htm">Install</a><a class="tag" taget="_blank" href="/search/memcache/1.htm">memcache</a> <div>Windows下Memcached的安装配置方法 1、将第一个包解压放某个盘下面，比如在c:\memcached。 2、在终端（也即cmd命令界面）下输入 'c:\memcached\memcached.exe -d install' 安装。 3、再输入： 'c:\memcached\memcached.exe -d start' 启动。（需要注意的: 以后memcached将作为windo</div> </li> <li><a href="/article/2742.htm" title="iOS开发学习路径的一些建议" target="_blank">iOS开发学习路径的一些建议</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a> <div>iOS论坛里有朋友要求回答帖子，帖子的标题是：想学IOS开发高阶一点的东西，从何开始，然后我吧啦吧啦回答写了很多。既然敲了那么多字，我就把我写的回复也贴到博客里来分享，希望能对大家有帮助。欢迎大家也到帖子里讨论和分享，地址：http://bbs.csdn.net/topics/390920759 下面是我回复的内容：结合自己情况聊下iOS学习建议，</div> </li> <li><a href="/article/2869.htm" title="Javascript闭包概念" target="_blank">Javascript闭包概念</a> <span class="text-muted">fanfanlovey</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E9%97%AD%E5%8C%85/1.htm">闭包</a> <div>1.参考资料 http://www.jb51.net/article/24101.htm http://blog.csdn.net/yn49782026/article/details/8549462 2.内容概述要理解闭包，首先需要理解变量作用域问题内部函数可以饮用外面全局变量 var n=999; 　　functio</div> </li> <li><a href="/article/2996.htm" title="yum安装mysql5.6" target="_blank">yum安装mysql5.6</a> <span class="text-muted">haisheng</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>1、安装http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm 2、yum install mysql 3、yum install mysql-server 4、vi /etc/my.cnf 添加character_set_server=utf8</div> </li> <li><a href="/article/3123.htm" title="po/bo/vo/dao/pojo的详介" target="_blank">po/bo/vo/dao/pojo的详介</a> <span class="text-muted">IT_zhlp80</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a><a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/po/1.htm">po</a> <div> JAVA几种对象的解释 PO:persistant object持久对象,可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作. VO:value object值对象。通常用于业务层之间的数据传递，和PO一样也是仅仅包含数据而已。但应是抽象出的业务对象,可</div> </li> <li><a href="/article/3250.htm" title="java设计模式" target="_blank">java设计模式</a> <span class="text-muted">kerryg</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>设计模式的分类：一、设计模式总体分为三大类： 1、创建型模式（5种）：工厂方法模式，抽象工厂模式，单例模式，建造者模式，原型模式。 2、结构型模式（7种）：适配器模式，装饰器模式，代理模式，外观模式，桥接模式，组合模式，享元模式。 3、行为型模式（11种）：策略模式，模版方法模式，观察者模式，迭代子模式，责任链模式，命令模式，备忘录模式，状态模式，访问者</div> </li> <li><a href="/article/3377.htm" title="[1]CXF3.1整合Spring开发webservice——helloworld篇" target="_blank">[1]CXF3.1整合Spring开发webservice——helloworld篇</a> <span class="text-muted">木头.java</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a><a class="tag" taget="_blank" href="/search/CXF/1.htm">CXF</a> <div>Spring 版本3.2.10 CXF 版本3.1.1 项目采用MAVEN组织依赖jar 我这里是有parent的pom，为了简洁明了，我直接把所有的依赖都列一起了，所以都没version，反正上面已经写了版本 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="ht</div> </li> <li><a href="/article/3504.htm" title="Google 工程师亲授：菜鸟开发者一定要投资的十大目标" target="_blank">Google 工程师亲授：菜鸟开发者一定要投资的十大目标</a> <span class="text-muted">qindongliang1922</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E6%84%9F%E6%82%9F/1.htm">感悟</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E7%94%9F/1.htm">人生</a> <div>身为软件开发者，有什么是一定得投资的？ Google 软件工程师 Emanuel Saringan 整理了十项他认为必要的投资，第一项就是身体健康，英文与数学也都是必备能力吗？来看看他怎么说。（以下文字以作者第一人称撰写））你的健康无疑地，软件开发者是世界上最久坐不动的职业之一。每天连坐八到十六小时，休息时间只有一点点，绝对会让你的鲔鱼肚肆无忌惮的生长。肥胖容易扩大罹患其他疾病的风险，</div> </li> <li><a href="/article/3631.htm" title="linux打开最大文件数量1,048,576" target="_blank">linux打开最大文件数量1,048,576</a> <span class="text-muted">tianzhihehe</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>File descriptors are represented by the C int type. Not using a special type is often considered odd, but is, historically, the Unix way. Each Linux process has a maximum number of files th</div> </li> <li><a href="/article/3758.htm" title="java语言中PO、VO、DAO、BO、POJO几种对象的解释" target="_blank">java语言中PO、VO、DAO、BO、POJO几种对象的解释</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/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a><a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/po/1.htm">po</a> <div>PO:persistant object持久对象最形象的理解就是一个PO就是数据库中的一条记录。好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作。 BO:business object业务对象封装业务逻辑的java对象</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>