2016年7月24日

双飞翼布局和圣杯布局的对比

摘要: 在不增加额外标签的情况下,圣杯布局已经非常完美,圣杯布局使用了相对定位,以后布局是有局限性的,而且宽度控制要改的地方也多,那么有没其他方法更加简洁方便呢? 在淘宝UED探讨下,增加多一个div就可以不用相对布局了,只用到了浮动和负边距,这就是我们所说的双飞翼布局。 DOM结构:main内层增加了一个 阅读全文

posted @ 2016-07-24 10:01 吴国源 阅读(313) 评论(0) 推荐(0) 编辑

圣杯布局的实现过程

摘要: 圣杯布局和双飞翼布局,他们的都要求三列布局,中间宽度自适应,两边定宽,这样做的优势是重要的东西放在文档流前面可以优先渲染,而双飞翼布局是对圣杯布局的一种改良,下一篇文章会讲到。 圣杯布局:用到浮动、负边距、相对定位,不添加额外标签 DOM结构: 样式: 左中右部分样式变化过程 1、中间部分需要根据浏 阅读全文

posted @ 2016-07-24 09:58 吴国源 阅读(535) 评论(0) 推荐(0) 编辑

js数组去重的4个方法

摘要: 面试前端必须准备的一个问题:怎样去掉Javascript的Array的重复项, 这个问题看起来简单,但是其实暗藏杀机。 考的不仅仅是实现这个功能,更能看出你对计算机程序执行的深入理解。 我总共总结4种算法来实现这个目的: 其中第1种和第3种方法都用到了数组的indexOf方法。此方法的目的是寻找存入 阅读全文

posted @ 2016-07-24 09:47 吴国源 阅读(975) 评论(0) 推荐(0) 编辑

导航