摘要: JS自带函数concat将两个或多个字符的文本组合起来,返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字符串中一个子串第一处出现的索引(从左到右搜... 阅读全文
posted @ 2015-07-28 14:37 小海豚Dolphins 阅读(139) 评论(0) 推荐(0) 编辑
摘要: JQuery方法:$(window).bind('scroll',function(){ // var len = $(this).scrollTop() if($('body').scrollTop() 10){ layer.style.display = 'block'; } else... 阅读全文
posted @ 2015-07-28 10:28 小海豚Dolphins 阅读(340) 评论(0) 推荐(0) 编辑
摘要: JQuery方法: $(window).bind('scroll',function(){ // var len = $(this).scrollTop() if($('body').scrollTop() < 10){ $('#DiaLayer').hide(); } else { $('#Dia 阅读全文
posted @ 2015-07-27 14:31 小海豚Dolphins 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 移除属性,两种方式都可$browsers.removeAttr("checked");$browsers.attr("checked",false);//切换到选中,两种方式均可$("#hidebrowser").attr("checked",true);$("#hidebrowser").attr... 阅读全文
posted @ 2015-05-13 15:12 小海豚Dolphins 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 很久没写原生的JS了,上周做了一个小东西让我又重新了解了一下原生JS,以下记录一些常见的原生JSvar canvArrow = document.getElementById('js-canv_arrow'); var body = document.getElementsByTagName('... 阅读全文
posted @ 2015-05-11 11:24 小海豚Dolphins 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 浮动是一个有意思(你也可以说它很麻烦)的CSS属性,任何元素设置了浮动,层级就提高了,会影响它后面没设置浮动的元素,这些倒霉的被影响者会跑到浮动层的下面去(当然IE6、IE7除外),那解决方法呢?常用清楚浮动方法1、对父级设置适合CSS高度2、新建子元素,再clear:both清除浮动3、给浮动元素... 阅读全文
posted @ 2015-03-19 14:35 小海豚Dolphins 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 前端的优化包括四个部分:HTML结构优化、CSS样式优化、JS行为优化、服务器的优化。合理的前端优化不仅能够提升网站加载速度,而且能够更好的提升用户体验和团队开发效率。所以前端性能优化的重要性是不言而喻的。HTML部分语义化HTML:好处在于可以使代码简洁清晰,支持不同设备,利于搜索引擎,便于团队开... 阅读全文
posted @ 2015-03-05 17:30 小海豚Dolphins 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 定义数组:var arr = [1,2,3]; var arr = new Array(1,2,3);shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift(); //a:[2,3,4,5] b:1... 阅读全文
posted @ 2015-03-05 17:25 小海豚Dolphins 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 上次看到某人去世了,百度就把相应介绍某人的信息页面全部灰掉,于是寻找到了种简单的方法,只需设置html 1 html { 2 filter: grayscale(100%); 3 -webkit-filter: grayscale(100%); 4 -... 阅读全文
posted @ 2015-03-04 15:26 小海豚Dolphins 阅读(660) 评论(0) 推荐(0) 编辑
摘要: 这是一个常见的问题,但是一些新人没遇到过可能不会发现,现在我对这种现在进行了分析与总结设置一些元素为块级元素时一般这么写li{display:inline-block; *display:inline; *zoom:1;}display:inline-block在IE下仅仅是触发了layout,而它... 阅读全文
posted @ 2015-03-04 15:22 小海豚Dolphins 阅读(249) 评论(0) 推荐(0) 编辑