简单来说就是页面分为左中右3个部分，其中左右两侧固定宽度，而中间部分自适应。 假设每列的高度为150px，左列宽度为200px，右列宽度为150px，中间部分自适应。 设置margin-right:-150px;right上移到center一行，完成圣杯布局。此时改变窗口大小，…

在我们前端开发过程中，写css（包括sass, less, stylus这样的预处理器）进行设计稿的样式还原是一项重要的工作，而其中，关于页面布局的部分，又是书写样式代码时候的重点和难点，这篇文章就尽可能的去总结常见的一些页面布局实现方案(并不是全部，布局实现方法太多了)，希望…

1. 你熟悉的es6 JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。为了解决这个问题，ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符…