前端面试题(五)

200 阅读2分钟

喜马拉雅(30问)

  1. ES6新的特性
  • 加入let, const变量定义类型。

  • 对象字面量的属性赋值简写(property value shorthand)

  • 赋值解构

  • 函数参数 - 默认值、参数打包、 数组展开(Default 、Rest 、Spread)

  • 箭头函数 Arrow functions

  • 字符串模板 Template strings

  • Iterators(迭代器)+ for..of

  • 生成器 (Generators)

  • class

  • Module

  • Math + Number + String + Array + Object APIs 更新

  • Proxy

  • Symbols

  • Promises

  1. 介绍Promise

Promise 对象代表了未来将要发生的事件,用来传递异步操作的消息。

Promise的特点:

  • 状态
  1. Promise有⼏个状态
  • pending: 初始状态,不是成功或失败状态。
  • fulfilled: 意味着操作成功完成。
  • rejected: 意味着操作失败。
  1. 说⼀下闭包

包含自由变量(未保留在特定对象中的变量)的环境,通常用包含一个使用自由变量的函数,防止自由变量被销毁。

  1. React的⽣命周期

组件加载,组件更新,组件卸载

  1. componentWillReceiveProps的触发条件是什么

props修改是触发

  1. React16.3对⽣命周期的改变

增加过期的生命周期的别名

(1) UNSAFE_componentWillMount,

(2) UNSAFE_componentWillReceiveProps

(3) UNSAFE_componentWillUpdate。 (旧的生命周期名称和新的别名都将受支持。)

如果使用componentWillMount,会有警告,所以应该把componentWillMount的代码移到UNSAFE_componentWillMount,最好不用。

两个新的生命周期,分别是getDerivedStateFromProps和getSnapshotBeforeUpdate。

  1. 介绍下React的Filber架构

  2. 画Filber渲染树

  3. 介绍React⾼阶组件

  4. ⽗⼦组件之间如何通信

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

  6. React-Router版本号

  7. ⽹站SEO怎么处理

  8. 介绍下HTTP状态码

  9. 403、301、302是什么

  10. 缓存相关的HTTP请求头

  11. 介绍HTTPS

  12. HTTPS怎么建⽴安全通道

  13. 前端性能优化(JS原⽣和React)

  14. ⽤户体验做过什么优化

  15. 对PWA有什么了解

  16. 对安全有什么了解

  17. 介绍下数字签名的原理

  18. 前后端通信使⽤什么⽅案

  19. RESTful常⽤的Method

  20. 介绍下跨域

  21. Access-Control-Allow-Origin在服务端哪⾥配置

  22. csrf跨站攻击怎么解决

  23. 前端和后端怎么联调

如果有现成的接口,看看是否适用,使用直接调,不适用询问后端是否可以修改。没有现成的接口,向后端提出需求和接口的结构。先用Post看接口是否正确,接口没问题,将接口接入前端代码。