前端面试的四次元口袋1：初始化样式、本地缓存、display:none;和visibility:hidden；、postcss、闭包、webpack

要点：

1. 为什么要进行初始化CSS样式
2. cookie、sessionStorgae、localStorage的区别
3. display:none;和visibility:hidden；的区别
4. 什么是postcss，以及postcss的作用
5. 什么是闭包，闭包解决了什么问题
6. webpack

1、为什么要进行初始化css样式

• 因为浏览器的兼容性问题，不同浏览器对某些元素的默认样式的是不同的，并且默认样式会影响到项目最终的布局。如果没有进行CSS样式初始化，那么有可能出现浏览器之间的页面显示差别。

2、cookies、sessionStorgae、localStorage的区别

• cookies：它是网站用来标记用户身份的一段数据，通常情况下是一段加密的字符串，并且默认情况下只会在同源的HTTP请求中使用。
• sessionStorage：它是浏览器本地存储的一种方式，以键值对的形式进行存储，并且存储的数据会在浏览器关闭之后自动删除。
• localStorage: 它是浏览器本地存储的一种方式，以键值对的形式进行存储，不过它存储的是一个持久化的数据，一般不主动删除，数据会一直存在。

3、display:none;与visibility:hidden;的区别

• 共同点：它们都可以让元素不可见
• 不同点：display:none；会让元素完全从渲染树上消失，不渲染的时候不占据任何空间。visibility:hidden;不会让元素从渲染树上消失，不渲染的时候元素会继续占据空间，只是内容不可见。

4、什么是postcss，以及postcss的作用

• postcss是一个平台
• 基于这个平台可以使用一些插件，来优化css代码。

5、什么是闭包，闭包解决了什么问题

• 闭包是能够读取其他函数内部变量的一个函数。通常情况下，我们会在一个函数中，去创建另一个函数，然后通过新创建的这个函数来访问上层函数的局部变量，被访问到的局部变量会始终在内存之中。

6、webpack

• webpack是一个js模块打包工具，可以使用webpack管理项目中的js模块依赖。
• webpack提供一些默认的配置，比如说devServer，我们可以利用devServer来快速启动一个开发时的web服务器。
• 因为webpack默认只能打包js文件，所以webpack额外提供了loader概念，我们可以使用loader来预处理一些文件，并且可以打包除了js之外的任何静态资源。
• 另外webpack还提供了一些插件，可以用来做一些工作。