2021.2.28 前端题

【HTML】浏览器内多个标签页之间的通信方式有哪些？

• localstorage
  是多个页签之间一个共用的存储空间，监听windows的storage和onstorage事件。localstorge在一个标签页里被添加、修改或删除时，都会触发一个storage事件，通过在另一个标签页里监听storage事件，即可得到localstorge存储的值，实现不同标签页之间的通信。
• setinterval+cookies
  把信息放在cookies里，通过定时器setinterval定时刷新，检测Cookies里的信息是否改变。
• websocket
  全双工（full-duplex）通信自然可以实现多个标签之间的通信，在服务器和浏览器之间建立双向通信通道。
• SharedWorker
  html5浏览器的新特性
  参考
  参考2
• postMessage API
  支持两个页面跨域；只能传递字符串数据；参考 window.open；
• 直接引用
  适用于两个页面在同一域；可以传递对象数据（对象数据使用 instanceof 做类型判断时有坑）；参考 window.open

【CSS】css常用的布局方式有哪些？

• 静态布局
• 自适应布局
• 流式布局(又别名 百分比布局 %)
• 响应式布局：媒体查询
• 弹性布局 (rem/em flex布局)
  参考
  参考2

【JS】写一个判断数据类型的方法。

function judgetype(unk){
    console.log(typeof(unk))
}

【Vue】在vue中使用this应该注意哪些问题？

注意不同类型函数中this的指向问题

• 对于普通函数（包括匿名函数），this的指向有动态作用域决定，this指向直接调用对象。在默认情况下（非严格模式时），如果没有直接调用对象则指向windows。在严格模式时，this指向undefined。如果有call,apply,bind绑定，则指向绑定对象。
• 对于箭头函数，this并不属于函数的拥有者，箭头函数的作用域被称为词法作用域(或静态作用域)。词法作用域由上下文确定（也就是由外层调用者vue来确定）

避免在vue组件里使用箭头函数

k-折交叉验证

机器学习中将数据集分为训练集和测试集，k-折交叉验证一般用于在样本量不充足的情况下，将数据集随机分为k份，每次将K-1份用来训练，一份用作测试。
crossvalind函数