前端面试题收集(一)

1.cs3的新特性

• 新增了一下边框样式

  • border-image
  • border-radius
  • border-shadow

• 背景样式

  • background-image
  • background-size
  • background-origin (背景区域)

• 文字效果

  • text-shadow
  • text-warp

• 过渡

  • transition (属性简写)
  • transition-property 规定应用过渡的 CSS 属性的名称。
  • transition-duration 定义过渡效果花费的时间。默认是 0。
  • transition-timing-function 规定过渡效果的时间曲线。默认是 “ease”
  • transition-delay

• 动画

  • @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。
  • 一般采用百分比来规定变化发生的时间，或用关键词 “from” 和 “to”，等同于 0% 和 100%。

• 转换

  • transform 向元素应用 2D 或 3D 转换
  • 通过 rotate() 方法，元素围绕某轴给定的度数进行旋转。
  • scale() 按照比例缩放—例如给chrome浏览器设置小于12px的字体
  • perspective() 元素转换的透视试图

2.h5的新特性

• 新增了一些语义化的标签
  • header nav aside main footer(常用的)
• 新标签
  • canvas 画布
  • video 视频
  • audio 音频
• 拖放
  • drag 拖
  • drop 放
• Geolocation（地理定位）
• 存储
  • localStorage 用于长久缓存,不会自动删除
  • sessionStorage 用于临时保存在同一窗口的数据,关掉窗口就清楚(可临时保存账户密码)
• webwork
  • 一个在后*立运行的js服务,不会影响性能
• websocket
  • h5提供的单个全双工通讯协议,解决了浏览器与服务器三次握手四次挥手的问题,数据一旦链接,就不会关闭,除非手动关闭

3.es6的新特性

• 箭头函数
  • 解决了传统函数中this指向的不确定性
  • 传统js中的this,只有在函数执行中才能确定,但实际上他的this的最终指向是调用他的对象
  • 箭头函数中的this,是定义函数的时候绑定的,简单来说函数在定义的时候,this就继承了定义函数的对象
• 变量声明
  • let 不会进行变量提升 变量名不能重复
  • const 值不能改变
• 解构语法
  • 对象解构
  • 数组解构
  • 字符串的解构赋值
• promise
  • 解决了回调地狱的问题
    • promise一旦被创建,就马上自行了一次
    • 有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）

function getDate(value) {
  let p = new Promise((resolve, reject) => {
    if (resolve) {
      resolve(value)
    } else {
      reject(err)
    }
  })

  return p
}

getDate(value)
.then(res=>{})
.then({})
......

• proxy
  • vue3.0 的双向绑定可能将用到proxy
  • 优化了defineProperty中只能监听到设置的属性的值,而proxy可以定义一个空对象,监听所有的值的改变