摘要: 移动端实现拖拽功能 :当在一个界面里想要实现一个可拖拽的导航条时,需要考虑一下因素1 判断开始拖拽的操作,只有移动一点距离才会移动,不然会与点击事件混乱,move移动时阻止点击事件event.preventDefault()2 当移动到底之后可进行用户提示,防止用户以为不能移动了 阅读全文
posted @ 2015-08-21 15:16 小海豚Dolphins 阅读(685) 评论(0) 推荐(0)
摘要: 实现在移动端下拉ajax加载更多数据功能var i = 2;//从第二页开始取数据var n = 1;var loadMore = function(url,id){ var len = $(window).height() + $(window).scrollTop() + 200... 阅读全文
posted @ 2015-08-21 15:15 小海豚Dolphins 阅读(675) 评论(0) 推荐(0)
摘要: 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 阅读(142) 评论(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 阅读(350) 评论(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 阅读(196) 评论(0) 推荐(0)
摘要: 移除属性,两种方式都可$browsers.removeAttr("checked");$browsers.attr("checked",false);//切换到选中,两种方式均可$("#hidebrowser").attr("checked",true);$("#hidebrowser").attr... 阅读全文
posted @ 2015-05-13 15:12 小海豚Dolphins 阅读(278) 评论(0) 推荐(0)
摘要: 很久没写原生的JS了,上周做了一个小东西让我又重新了解了一下原生JS,以下记录一些常见的原生JSvar canvArrow = document.getElementById('js-canv_arrow'); var body = document.getElementsByTagName('... 阅读全文
posted @ 2015-05-11 11:24 小海豚Dolphins 阅读(274) 评论(0) 推荐(0)
摘要: 浮动是一个有意思(你也可以说它很麻烦)的CSS属性,任何元素设置了浮动,层级就提高了,会影响它后面没设置浮动的元素,这些倒霉的被影响者会跑到浮动层的下面去(当然IE6、IE7除外),那解决方法呢?常用清楚浮动方法1、对父级设置适合CSS高度2、新建子元素,再clear:both清除浮动3、给浮动元素... 阅读全文
posted @ 2015-03-19 14:35 小海豚Dolphins 阅读(168) 评论(0) 推荐(0)
摘要: 前端的优化包括四个部分:HTML结构优化、CSS样式优化、JS行为优化、服务器的优化。合理的前端优化不仅能够提升网站加载速度,而且能够更好的提升用户体验和团队开发效率。所以前端性能优化的重要性是不言而喻的。HTML部分语义化HTML:好处在于可以使代码简洁清晰,支持不同设备,利于搜索引擎,便于团队开... 阅读全文
posted @ 2015-03-05 17:30 小海豚Dolphins 阅读(238) 评论(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 阅读(146) 评论(0) 推荐(0)