chaihongjun.me

跨浏览器事件处理对象EventUtil

跨浏览器事件处理对象EventUtil

柴宏俊阅读(86)chaihongjun.me

在JavaScript中,DOM0级、DOM2级与旧版本IE(8-)为对象添加事件的方法不同,为了以跨浏览器的方式处理事件,需要编写一段“通用代码”,即跨浏览器的事件处理...

正则表达式速查表和常用正则表达式

正则表达式速查表和常用正则表达式

柴宏俊阅读(59)chaihongjun.me

字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如,“ n ”匹配字符“ n ”。“ \n ”匹配一...

单页面的Grunt工具使用总结

单页面的Grunt工具使用总结

chaihongjun阅读(68)未知

虽然Grunt已经没有Gulp流行了,但是小规模的应用还是可以的。这里有一份自用的Grunt插件组合及配置清单。可以快速的实现页面的优化,优化的内容有: 清...

clientX,offsetX,screenX一张图即可弄懂

clientX,offsetX,screenX一张图即可弄懂

chaihongjun阅读(123)未知

从图中可以看出,无论是某某X还是某某Y都是相对鼠标点击的那个点。 screen显示器的意思,所以screenX和screenY则是鼠标点击位置相对距离显示器左边水平距...

【JS练习】滚动进度条

【JS练习】滚动进度条

chaihongjun阅读(170)未知

!DOCTYPEhtmlhtmlheadmetacharset=utf-8metahttp-equiv=X-UA-Compatiblecontent=IE=edge,chrome=1metaname=renderercontent=webkit!--somemetatags,importantforSEO--metaname=descriptioncontent=putashortdescripti...

【算法】javascript冒泡排序和快速排序

【算法】javascript冒泡排序和快速排序

chaihongjun阅读(183)未知

1.冒泡排序 相邻的两个元素比较,如果前面一个比后面的大,就交换一下位置。 functionbubbleSort(array){for(vari=0;iarray.length-1;i++){for(varj=0;jarray.length-1-i;j++){var...

DomContentLoaded和Load事件的区别

DomContentLoaded和Load事件的区别

chaihongjun阅读(182)未知

两个事件的触发事件不一样,一个在前,一个在后。从字面的意思来看:DomContentLoaded表示的是DOM结构的loaded完成,而load则是整个文档页的加载完成。整个...