前端八股文|box-sizing,盒模型，grid布局，localstorage,sessionstorage,cookie,前端如何导出 Excel（CSV）文件

box-sizing

人们慢慢的意识到传统的盒子模型不直接，所以他们新增了一个叫做 box-sizing 的CSS属性。当你设置一个元素为 box-sizing: border-box; 时，此元素的内边距和边框不再会增加它的宽度。这里有一个与前一页相同的例子，唯一的区别是两个元素都设置了 box-sizing: border-box; ：
box-sizing:border-box;box-sizing:border-ox;内边距和不变矩都不会增加它的宽度，

盒模型：

当你设置了元素的宽度，实际展现的元素却超出了你的设置，元素的边框和内边距会撑开元素，
box-sizing:bborder-box:内编剧和i安居都哦不会增加它的宽度
。clearfix{overflow:auto;zoom:1;}

grid 布局

grid 是一种网格布局，之所以被称为网格布局，在我看来它就是一张网，类似于一个 excel 表格，可以做出各式各样的网页布局。相比 Flexbox 布局，网格布局更胜一筹，它是「二维」的，也就是说它不仅可以对行（row）进行控制，同时又能对列（column）进行控制。不过网格布局与 Flexbox 布局思想有着很多相似之处&