2014年8月12日
querySelector和querySelectorAll
摘要： 1 querySelector和querySelectorAll是W3C提供的新的查询接口，他们的参数必须符合css selector，不同的是前者返回的是DOM对象，包含DOM对象下的所有节点，而后者返回的是NodeList，存放的是类数组元素。2目前IE8/9及Firefox/Chrome/Sa... 阅读全文
posted @ 2014-08-12 10:44 郭永峰 阅读(236) 评论(0) 推荐(0) 编辑
关于瀑布流的算法（转淘宝ued）
摘要： 1多列浮动各列固定宽度，并且左浮动；一列中的数据块为一组，列中的每个数据块依次排列即可；更多数据加载时，需要分别插入到不同的列上；优点：布局简单，应该说没啥特别的难点；不用明确知道数据块高度，当数据块中有图片时，就不需要指定图片高度。缺点：列数固定，扩展不易，当浏览器窗口大小变化时，只能固定的x列，... 阅读全文
posted @ 2014-08-12 09:30 郭永峰 阅读(1073) 评论(0) 推荐(0) 编辑
2014年8月11日
瀑布流的几个注意点
摘要： 瀑布流的典型应用，可以在蘑菇街和美丽说得到体现。瀑布流中对性能和布局到模板，都是有很多可以挖的点，下面我做一部分简要的总结：1 关于布局在main盒子中套多个box盒子，每个box盒子就是具体显示到网页中的一个个单体，box盒子中可以有图片产品信息购买入口促销提示等内容。这里重要的是等宽不等高的布局... 阅读全文
posted @ 2014-08-11 07:15 郭永峰 阅读(286) 评论(0) 推荐(0) 编辑
2014年8月10日
jsonp跨域
摘要： var getJSONP = function ( url, callback ) { if( !url ) { return ; } var cbnum = 'cb' + JSONP.counter++; var cbname = 'JSONP.' + cbnum; if( url... 阅读全文
posted @ 2014-08-10 19:07 郭永峰 阅读(239) 评论(0) 推荐(0) 编辑
数组去重和数组拍平
摘要： 1 简单数组去重 1 Array.prototype.unique = function(){ 2 var obj={},res=[]; //temp用于存放去重后的元素 3 4 for(var i=0;i<this.length;i++){ 5 ... 阅读全文
posted @ 2014-08-10 16:55 郭永峰 阅读(480) 评论(0) 推荐(0) 编辑
url字符串和对象之间的转换
摘要： 这里会涉及两个需求，有时候，我们想将获得的url字符串按键值对的形式保存成一个对象，用location.search获得url参数字符串，这里不考虑location.pathname和location.hash。url字符串对象化 1 var urlToObj = function (){ 2 ... 阅读全文
posted @ 2014-08-10 15:52 郭永峰 阅读(2005) 评论(0) 推荐(0) 编辑
关于CSS中浮动和定位问题的老生长谈
摘要： 1 盒子模型关于盒子模型的知识，想必大家都是非常熟悉的，是个被嚼碎了的话题，盒子概念的理解很简单，但是深入的理解W3C盒子模型和IE的盒子模型是需要费点心思的，特别是对于应用盒子模型做到网页元素的精确排版布局，也是一项重大的挑战。1.1 W3C的盒子模型标准的W3C盒子模型的范围包括有margin ... 阅读全文
posted @ 2014-08-10 13:38 郭永峰 阅读(352) 评论(0) 推荐(0) 编辑
2014年8月4日
运用面向对象创建数据模型
摘要： 请先看看下面这段代码，理解了，就是对面向对象的进一步理解，这里面的信息量比较大。 4 * Object.create() 最近才添加进了ECMAScript第5版规范，有些浏览器不支持 5 * 这里模拟一个Object.create方法解决兼容性问题 6 * Ob... 阅读全文
posted @ 2014-08-04 14:59 郭永峰 阅读(345) 评论(0) 推荐(0) 编辑
JS中的arguments
摘要： 写三个例子，说说arguments的用处：1.用arguments实现对传参的判断，增强函数的容错功能。 1 function avg() { 2 var num = 0, 3 len = 0; 4 5 for(var i = 0; i 1) { 7 throw new Error("only o... 阅读全文
posted @ 2014-08-04 14:55 郭永峰 阅读(179) 评论(0) 推荐(0) 编辑
RequireJS进行项目模块化管理实现
摘要： 直接来一张图，阐述实现的思路请看图，模块化的实现我进行了分层和逻辑抽离。垂直方向由五大块内容构成：1. 最下面是底层的类库或基础的依赖，比如jquery、zepto、prototype等2. 依赖于类库而封装的插件类或其他工具层的代码，这一块的内容与业务无关，放之他处也可用3. 然后往上，是基于插件... 阅读全文
posted @ 2014-08-04 14:48 郭永峰 阅读(385) 评论(0) 推荐(0) 编辑