codeing or artist ?
记得大学第一节编程课,教授说,"如果一件事儿有对错,那么是科学。如果有美丑好坏,那么是艺术。" 一个能顺利运行还能让人阅读时体验思维美妙的代码,就是艺术和科学的结合。能运行的程序并不是好程序,能当作文章来读的才是。在我看来代码是一种特殊的文体,程序猿其实会写诗。
摘要: 效果: 阅读全文
posted @ 2016-09-04 23:37 codeing-or-artist-?? 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 1 var mylibs = (function(){ 2 var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, 3 core_trim = String.prototype.trim, 4 core_rspace = /\s+/, 5 rclass = /[\t\r\n]/g;... 阅读全文
posted @ 2016-09-04 20:33 codeing-or-artist-?? 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 1 var insertAfter = function(newElement, targetElement){ 2 var parent = targetElement.parentNode; 3 if (parent.lastChild == targetElement) { 4 // 如果最后的节点是目标元素,则直接添加。因为默认是最后 5 ... 阅读全文
posted @ 2016-09-04 17:52 codeing-or-artist-?? 阅读(1666) 评论(0) 推荐(0) 编辑
摘要: 父级.insertBefore(新的元素,被插入的元素)方法 在指定的元素前面插入一个新元素 在ie下如果第二个参数的节点不存在,会报错 在其他浏览器下如果第二个参数不存在,则会以appendChild的形式进入添加 阅读全文
posted @ 2016-09-04 17:28 codeing-or-artist-?? 阅读(897) 评论(0) 推荐(0) 编辑
摘要: clientWidth:可视区宽说明:样式宽+padding参考:js的client详解 scrollTop : 滚动条滚动距离说明:chrome下他会以为滚动条是文档元素的,所以需要做兼容:var scrollTop = document.documentElement.scrollTop || 阅读全文
posted @ 2016-09-04 16:24 codeing-or-artist-?? 阅读(342) 评论(0) 推荐(0) 编辑
摘要: offsetLeft与offsetTop使用方法一样,只是一个是找距离定位父级(position:relative)左边的距离,一个是找距离定位父级上边的距离 没有定位则找body,我们还是看看ie7以下的情况吧。 先看div都设置了宽高的情况: 没有设置定位,ie7下竟然是50px,是不是很诡异: 阅读全文
posted @ 2016-09-04 16:10 codeing-or-artist-?? 阅读(478) 评论(0) 推荐(0) 编辑
摘要: offsetParent与parentNode一样,都是获取父节点,但是offsetParent却有很大的不同之处: offsetParent找有定位的父节点,没有定位默认是body,ie7以下定位在当前元素是html 怎么理解上面的话呢,其实这需要与css配合使用,我们先看例子: ie9: ie7 阅读全文
posted @ 2016-09-04 15:31 codeing-or-artist-?? 阅读(218) 评论(0) 推荐(0) 编辑
摘要: IE9下获取对象层次中的父对象,9以上获取文档层次中的父对象 <table><tr><p><td id="haha">haha</td></p></tr></table> 在IE9下取得都是P元素对象,9以上tr元素 阅读全文
posted @ 2016-09-04 14:58 codeing-or-artist-?? 阅读(597) 评论(0) 推荐(0) 编辑
摘要: 元素.childNodes:只读 属性 子节点列表集合 标准浏览器下:包含文本和元素类型节点,也会包含非法嵌套的子节点 非标准浏览器下:只包含元素类型节点,ie7下不会包含非法嵌套的子节点 childNodes只包含一级子节点,不包含后辈孙级节点 我们来看例子: ie9以上: ie8: ie7: 由 阅读全文
posted @ 2016-09-04 13:47 codeing-or-artist-?? 阅读(427) 评论(0) 推荐(0) 编辑
摘要: // NodeType const unsigned short ELEMENT_NODE = 1; 元素节点 const unsigned short ATTRIBUTE_NODE = 2; 属性节点 const unsigned short TEXT_NODE = 3; 文本节点 const u 阅读全文
posted @ 2016-09-04 13:32 codeing-or-artist-?? 阅读(4876) 评论(0) 推荐(0) 编辑
摘要: 1 function getElementsByClassName(classStr,tagName,element){ 2 tagName = (tagName || '*'); 3 element = (element || document); 4 5 if(typeof tagName == 'object'){ 6 elem... 阅读全文
posted @ 2016-09-04 00:10 codeing-or-artist-?? 阅读(230) 评论(0) 推荐(0) 编辑