前端面试题【Day03】
2021-08-23 本文已影响0人
小王子__
本篇绪论
- 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：窗口或浏览器关闭也一直保存，在所有同源窗口中都是共享的
