要点:
- 为什么要进行初始化CSS样式
- cookie、sessionStorgae、localStorage的区别
- display:none;和visibility:hidden;的区别
- 什么是postcss,以及postcss的作用
- 什么是闭包,闭包解决了什么问题
- 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还提供了一些插件,可以用来做一些工作。