摘要: 技巧一之setTimeout.应用案例:比如你想一个函数循环执行10次,怎么办?以前通常是先setInterval,然后clearInterval,技巧一就是克服这个问题(function () { var i = 0; function job() { console.log(i++); if (... 阅读全文
posted @ 2015-08-09 14:59 ProgramNoob 阅读(342) 评论(0) 推荐(0) 编辑
摘要: 尽可能少调用 ng-repeatng-repeat默认会创建很多监听器,所以在数据量很大的时候,这个非常消耗页面性能,我觉的只有在当需要经常更新数据列表的时候才需要用ng-repeat,要不然放那么多的监听器在那里也是浪费,这时候可以用ng自带的$interpolate服务来解析一个代码片段,类似于... 阅读全文
posted @ 2015-08-09 14:49 ProgramNoob 阅读(223) 评论(0) 推荐(0) 编辑
摘要: 缓存变量DOM遍历是昂贵的,所以尽量将会重用的元素缓存。// 糟糕h = $('#element').height();$('#element').css('height',h-20);// 建议$element = $('#element');h = $element.height();$elem... 阅读全文
posted @ 2015-08-03 00:10 ProgramNoob 阅读(375) 评论(0) 推荐(0) 编辑
摘要: 引言:1. 慢的页面可能会网站失去更多的用户.2. 慢500ms意味着20%的用户将放弃访问(google)3. 慢100ms意味着1%的用户将放弃交易(amazon)前段时间偶然看到网上的两篇关于前端优化的文章,其中大部分技巧都来自Yahoo的优化原则,这里是对两篇文章的摘抄和总结。减少Http请... 阅读全文
posted @ 2015-08-02 23:55 ProgramNoob 阅读(698) 评论(0) 推荐(0) 编辑
摘要: 在前端开发过程中我们经常会遇到给页面元素添加事件的问题,添加事件的js方法也很多,有直接加到页面结构上的,有使用一些js事件监听的方法,由于各个浏览器对事件冒泡事件监听的机制不同,le浏览器只有事件冒泡,没有事件监听的机制,对于事件监听的兼容性问题是最大的难题:1.直接把事件的方法写在页面结构上fu... 阅读全文
posted @ 2015-07-27 00:42 ProgramNoob 阅读(915) 评论(0) 推荐(0) 编辑
摘要: 在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了,下面总结8种清除浮动的方法,测试已通过 ie chrome firefox opera,需要的朋友可以参考下清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全,共8种方法。浮动会使当前标签产生向上浮的效果,同时会影响到前后... 阅读全文
posted @ 2015-07-27 00:23 ProgramNoob 阅读(437) 评论(0) 推荐(1) 编辑
摘要: 下面我将写出一个函数,用来获取GET方法提交的参数function getParameter(parameterName){ var string = window.location.search; var indexStart = string.indexOf(parameterNam... 阅读全文
posted @ 2015-07-20 01:57 ProgramNoob 阅读(937) 评论(0) 推荐(0) 编辑
摘要: 更好的为变量命名变量是Sass中最简单的特性之一,但有时候也会使用不当。创建站点范围内有语义化的变量,是不可或缺的工作。如果命名不好,他会变得难以理解和重复使用。这里有一些命名变量的小技巧,提供参考:命名变量时不要含糊不清坚持一种命名规则(Modular, BEM等等)确定变量的使用是有道理的这有一... 阅读全文
posted @ 2015-07-20 01:30 ProgramNoob 阅读(427) 评论(0) 推荐(0) 编辑
摘要: 版面设计也可以理解为布局设计,就是我们在浏览器上说看的一个完整的页面。设计师们如何将所有要体现的内容有机的整合和分布,达到某种视觉效果,这就叫做版面布局。我们将如何做好网站的版面设计呢? 本文将介绍网页版面设计的步骤和布局技巧网页版面设计步骤首先我认为是“过程注定了结果”,重视你所做的每一步并把它尽... 阅读全文
posted @ 2015-07-12 21:52 ProgramNoob 阅读(4496) 评论(0) 推荐(0) 编辑
摘要: 所有浏览器 通用 (市面上主要用到的IE6 IE7 FF)height: 100px;IE6 专用_height: 100px;IE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 100px !important;一、CSS 兼容以... 阅读全文
posted @ 2015-07-12 20:34 ProgramNoob 阅读(272) 评论(0) 推荐(0) 编辑