初级前端开发工程师面试题

2.1cookies,sessionStorage和localStorage的区别

对本地存储的方式是否熟悉。

cookies:它是网站用来标记用户身份的一段数据,通常情况下是一段加密的字符串,并且默认情况下只会在同源(同域名同端口同协议)HTTP请求中携带

sessionStorage:它是浏览器本地存储的一种方式,以键值对的形式进行存储,并且存储的数据会在浏览器关闭之后自动删除

localStorage:它也是浏览器本地存储的一种形式,和sessionStorage一样,也是以键值对的形式存在,不过它存储的是一种持久化的数据,一般不主动删除,数据会一直存在

2.2display:none; 与visibility:hidden的区别

易错的CSS问题

共同点:都可以让元素不可见

不同点:display:none; 会让元素完全从渲染树中消失,不渲染的时候不占据任何空间,而visibility:hidden;不会让元素从渲染树消失,不渲染时元素继续占据空间,只是内容不可见

              display:none; 非继承属性,子孙节点消失是因为元素从渲染树消失造成,通过修改子孙节点属性无法显示;而visibility:hidden;是继承属性,子孙节点消失由于继承了hidden,通过设置visibility:visible;可以让子孙节点显示

2.3为什么初始化CSS样式

看是否有实际开发的经验,清理掉一些元素默认所携带的样式,比如默认的padding和margin

因为浏览器兼容问题,不同浏览器对有些元素的默认样式的不同的,并且默认的样式会影响到项目最终的布局,如果没有对CSS初始化,那么很可能出来浏览器之间的页面显示差异

2.4PostCSS

什么是PostCSS,以及PostCSS有什么作用

postCSS是一个平台

基于这个平台,可以使用一些插件,来优化CSS的代码。比如说:autoprefixer插件,他就需要基于postcss使用,作用是可以帮助我们为css增加上不同的浏览器前缀

    

原文地址:https://www.cnblogs.com/sylvia1111/p/15710872.html