2016年7月24日

圣杯布局的实现过程

摘要: 圣杯布局和双飞翼布局,他们的都要求三列布局,中间宽度自适应,两边定宽,这样做的优势是重要的东西放在文档流前面可以优先渲染,而双飞翼布局是对圣杯布局的一种改良,下一篇文章会讲到。 圣杯布局:用到浮动、负边距、相对定位,不添加额外标签 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 吴国源 阅读(976) 评论(0) 推荐(0) 编辑

2016年7月23日

前端里神奇的BFC 原理剖析

摘要: 以前在做自适应两栏布局的时候别人口中听到bfc这个词,于是看了各种关于bfc的文章,发现梦想天空介绍的不错,今天就在他的基础上润色一下。 一、BFC是什么? 在解释 BFC 是什么之前,需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box 是 CS 阅读全文

posted @ 2016-07-23 21:47 吴国源 阅读(1645) 评论(0) 推荐(0) 编辑

导航