# 十七、喜马拉雅

# 1.ES6 新的特性

  • const 与 let
  • 模板字符串
  • 展开运算符
  • 箭头函数
  • class

# 2.介绍 Promise

# 3.Promise 有几个状态

padding resolved rejected

# 4.说一下闭包

函数内部可以访问定义在它们外面函数的变量

# 5.React 的生命周期

  • 挂载卸载过程:constructor、componentWillMount、componentDidMount、componentWillUnmount
  • 更新过程:componentWillReceiveProps、shouldComponentUpdate、componentWillUpdate、componentDidUpdate、render
  • 新增生命周期:getDerivedStateFromProps、getSnapshotBeforeUpdate

# 6.componentWillReceiveProps 的触发条件是什么

# 7.React16.3 对生命周期的改变

# 8.介绍下 React 的 Filber 架构

# 9.画 Filber 渲染树

# 10.介绍 React 高阶组件

# 11.父子组件之间如何通信

# 12.Redux 怎么实现属性传递,介绍下原理

# 13.React-Router 版本号

# 14.网站 SEO 怎么处理

# 15.介绍下 HTTP 状态码

  • 2xx 请求成功
    • 200 请求成功并且返回正确的网页
    • 201 新建或修改成功
    • 202 删除成功
  • 3xx 每次重定向的次数不超过 5 次
    • 304 走网页缓存,节省宽带和开销
  • 4xx 请求出错
    • 400 请求出错,服务器不理解请求的语法
    • 401 没有权限
    • 403 有权限,但访问被禁止
    • 404 没有找到页面
  • 5xx 请求出错
    • 500 请求出错
    • 503 服务器暂时无法访问(宕机,停机维护)

# 16.403、301、302 是什么

# 17.缓存相关的 HTTP 请求头

  • expires
  • cache-control
  • last-modified、if-modified-since
  • etag、if-none-match

# 1.介绍 HTTPS

# 1.HTTPS 怎么建立安全通道

# 1.前端性能优化(JS 原生和 React)

# 1.用户体验做过什么优化

# 1.对 PWA 有什么了解

是一个能安装到本地并且可以离线缓存的网页,通过一些新的技术手段使得安装到本地的应用能够获取类似原生应用的体验,并且拥有安装体积小(加载一个网页大小),可以在线使用不强制安装,跨平台(iOS、Android、PC)等优点

# 1.对安全有什么了解

# 1.介绍下数字签名的原理

# 1.前后端通信使用什么方案

  • ajax
  • EventSource
  • websocket
  • navigator.sendBeacon
  • 服务端渲染
  • web socket

# 1.RESTful 常用的 Method

  • post get delete put

# 1.介绍下跨域

  • 浏览器的同源策略导致不能请求非同源数据,请求非同源数据会出现跨域

# 1.Access-Control-Allow-Origin 在服务端哪里配置

  • 响应头

# 1.csrf 跨站攻击怎么解决

  • 验证码
  • token
  • 浏览器

# 1.前端和后端怎么联调

上次更新: 2022/6/29 上午12:09:44