前端面试题【Day03】

本篇绪论

• 1, CSS选择器的优先级
• 2，常见的状态码
• 3，什么是BOM
• 4, cookie、sessionStorage、localStorage区别

1, CSS选择器的优先级

选择器	权重
!important	无穷大
行内样式(style="")	1000
id选择器(#id)	100
类选择器(.className)	10
属性选择器(a[rel="external"])	10
伪类选择器(a:hover, li:nth-child)	10
标签选择器(div, h1)	1
伪元素选择器	1
子选择器、相邻选择器	0
通配符选择器(*)	0

2，常见的状态码

• 200 请求被成功处理，请求成功
• 201 请求成功并且服务器创建了新的资源
• 202 服务器已接受请求，但尚未处理
• 204 服务器成功处理了请求，但没有返回任何内容。
• 301 永久重定向
  比如将网站的url变化后，重新申请一个域名，但是希望之前的用户访问之前url仍然能访问到，就可以做一个重定向新的url下面
• 302临时重定向
  比如用户在未登录时访问个人中心页面，这时就可以临时重定向到登录的url
• 400 服务器不理解请求的语法
• 401 请求要求身份验证
• 403 没有访问权限，服务器拒绝请求
• 404 服务器找不到请求的网页
  一般是输入的url不合法
• 500 服务器错误
• 503 服务器停机或正在维护

3，什么是BOM

DOM是浏览器对象

常见的BOM、location对象：

• location.href 当前文档的url
• location.search 返回url中的查询字符串部分
• location.hash 返回url#后面的内容，如果没有，返回空
• location.hostname 返回url中的主域名 xx.com
• location.pathname返回url中域名后的部分 xx.com/xhtml/返回/xhtml/
• location.port 返回端口
• location.reload() 重载当前页面

常见的BOM，history对象

• history.go() 前进后退指定的页面数
• history.back()后退一页
• history.forward() 前进一页

常见的BOM，Navigator对象

• navigator.userAgent 返回用户代理头的字符串表示
• navigator.cookieEnabled返回浏览器是否支持启用cookie

4, cookie、sessionStorage、localStorage区别

• cookie：在浏览器和服务器之间来回传递；cookie存储的大小很小只有4K左右；cookie只在设置的过期时间之前一直有效，即使关闭浏览器；在所有同源窗口中都是共享的。
• sessionStorage：仅在当前浏览器窗口关闭前有效
• localStorage：窗口或浏览器关闭也一直保存，在所有同源窗口中都是共享的