2019年4月份面试笔试题

1、简答display:none和visibility:hidden的区别？

      答：display：none隐藏后不占据额外空间，如下图：

 

visibility:hidden隐藏元素后仍占据未隐藏时的空间。尽管元素不见了，但仍然会影响页面布局。  如下图

2、简答：你了解的4类HTTP协议状态码？

1** 信息类状态吗

2**成功

3**重定向

4**客户端错误

5**服务器错误

3、简答：css文件中怎么设置编码格式？

@charset "UTF-8"

4、html中默认的type=    ?

两个button按钮，一个是提交按钮，一个是重置按钮。

根据w3school的定义和用法  

type属性规定按钮的类型，请始终为按钮规定type属性。

IE的默认类型是“button”,  其他的浏览器默认是(包括w3c规范)“submit”。

5、简述cookie、sessionStorage、localStorage三者的区别？

cookie是网站为了标识用户身份而存储在用户本地终端上的数据。

cookie数据会在浏览器和服务器间来回传递

sessionStroage和localStorage不会自动发数据发送给服务器，仅在本地保存。

存储大小：

cookie数据大小不能超过4k

sessionStorage和localStorage可以达到5M或更大。

有期时间：

localStorage存储持久数据，浏览器关闭后数据不丢失除非主动删除

sessionStorage数据在当前浏览器关闭后自动删除

cookie设置的过期时间之前一直有效，即使浏览器关闭。

6、jQuery中的each()怎么结束循环？

答：return false跳出所有循环   return true跳出当前循环

7、简答 json序列化与反序列化?

（1）JSON.stringify( )将对象序列化为JSON字符串  如下图

（2）JSON.parse( )将JSON数据解析为javascript对象

8、如何判断checkbox是否选中以及设置checkbox选中？

判断checkbox是否选中：$('#id').is(":checked");

设置checkbox选中：$(‘#id’).prop("check","true");