字节前端

• position的属性和区别
  1）absolute 绝对定位，相对于父级元素，元素完全脱离文档流
  2）relative 相对定位，相对于正常的文档流，元素不会脱离文档流
  3）fixed 固定定位，相对于浏览器窗口进行定位
  4）sticky 粘性定位，基于用户滚动的位置
  5）inherit 继承父元素position的值
  6）initial 默认值

• Symbol
  symbol基本数据类型，具有静态方法和静态属性，symbol()返回symbol类型的值，
  详情

var sym1 = Symbol();
var sym2 = Symbol('foo');

Symbol("foo") === Symbol("foo"); // false
var sym = new Symbol(); // TypeError

• 求输出

function fn() {
    console.log(i)  //undefined 
    for (var i = 1; i < 2; i++) {
        console.log(i)   // 1
    }
}

const showThis = () => {
    console.log(this)
}
var obj = {
    showThis: showThis
 等于:
 	showThis:()=>{
 		console.log(this)
	}
}
showThis()  // window
obj.showThis()  // window  obj是全局变量

new Promise(function (resolve, reject) => {
    console.log('a')
    setTimeout(function(){
        console.log('b')
    })
    resolve()
}).then(() => {
    console.log('c')
})
setTimeout(function () {
    console.log('d')
})
console.log('e')

输出：a e c b d

var bar = {
    myName: "bar",
    printName: function () {
        console.log(myName)
        console.log(this)
    }
}
function foo() {
    let myName = "foo"
    return bar.printName
    // bar.printName 实际上等于 return function(){
    	......
	}
	}
let myName = "global"
let _printName = foo()  //_表示私有变量
// foo() = ƒ () {
        console.log(myName)
        console.log(this)
    }

_printName() // global,this->window
bar.printName() //global,this->bar

• 0.1 + 0.2 等于 0.3 吗？为什么？解决方案

0.1+0.2
 // 0.30000000000000004
 原因：
 Number采用的时IEEE 754 64位双精度浮点数编码
 解决方案：
 console.log(Number(0.1+0.2).toFixed(2)

• 浏览器从输入url到页面展示经历了什么
  1）用户输入url
  2）DNS解析，获取响应的IP地址
  3）建立Tcp链接
  4）发送http请求
  5）服务器端响应请求，并返回内容
  6）浏览器端接收内容，并解析渲染页面

• Vue路由的实现方式

• http状态码
  2xx：200 成功
  3xx：301永久重定向，302临时重定向
  4xx：客户端错误 ， 404 not found
  5xx：服务器端错误

• cookie、localStorage、sessionStorage的区别
  cookie：数据保存在客户端，服务器也知道，保存的是字符串，可设置路径参数
  session：数据存在服务器端，浏览器不知道，保存的是对象，不能区分路径，所有的session在任何地方都可以访问
  相同点：都保存在浏览器端，且同源
  区别：
  1）cookie数据始终在同源的http请求中携带，cookie数据在服务器端和浏览器端来回传递；localStorage和sessionStorage仅在本地保存
  2）存储大小：cookie数据不能超过4k,...Storage可以达到5M
  3）数据有效期：sessionStorage：仅在当前浏览器窗口关闭之前有效；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie：只在设置的cookie过期时间之前有效，即使窗口关闭或浏览器关闭
  4）作用域：sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；localstorage在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的