正则表达式速查表和常用正则表达式
字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“ n ”匹配字符“ n ”。“ \n ”匹配一...
DOM节点获取指定元素的前一个后一个元素以及第一个最后一个子元素
functionfirstNode(obj){if(!obj.firstChild){returnfalse};returnobj.firstElementChild||(obj.firstChild.nodeType==1?obj.firstChild:nextNode(obj.firstChild));}functionnextNode(obj){if(!obj.nextSibling){ret...
DOM节点获取指定元素的前一个和后一个元素的兼容性写法
//获取指定元素的前一个元素节点兼容性写法functiongetPreviousElement(element){if(element.previousElementSibling!==undefined){returnelement.previousElementSibling;}else{varprev=element....
DOM的Event对象的默认行为冒泡行为及取消默认行为和取消冒泡
Event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。我们常见的事件对象，比如超链接的跳转，鼠标...
单页面的Grunt工具使用总结
虽然Grunt已经没有Gulp流行了，但是小规模的应用还是可以的。这里有一份自用的Grunt插件组合及配置清单。可以快速的实现页面的优化，优化的内容有： 清...
clientX,offsetX,screenX一张图即可弄懂
从图中可以看出，无论是某某X还是某某Y都是相对鼠标点击的那个点。 screen显示器的意思，所以screenX和screenY则是鼠标点击位置相对距离显示器左边水平距...
【JS练习】滚动进度条
!DOCTYPEhtmlhtmlheadmetacharset=utf-8metahttp-equiv=X-UA-Compatiblecontent=IE=edge,chrome=1metaname=renderercontent=webkit!--somemetatags,importantforSEO--metaname=descriptioncontent=putashortdescripti...
【算法】javascript冒泡排序和快速排序
1.冒泡排序 相邻的两个元素比较，如果前面一个比后面的大，就交换一下位置。 functionbubbleSort(array){for(vari=0;iarray.length-1;i++){for(varj=0;jarray.length-1-i;j++){var...
DomContentLoaded和Load事件的区别
两个事件的触发事件不一样，一个在前，一个在后。从字面的意思来看：DomContentLoaded表示的是DOM结构的loaded完成，而load则是整个文档页的加载完成。整个...
Javascrip中经常弄混的split(),slice()和splice()
在学习JS的字符串和数组中，我们遇到过这三个函数split(),slice()和splice()，特别是后两个函数，在运用过程中，经常会模糊他们的区别。 我们直接从MDN的定...