前端知识1

1. TCP、UDP的区别与选择？
   连接性：TCP面向连接、UDP面向非连接
   可靠性：TCP可靠，UDP不可靠
   传输效率：~
   在选用通信协议时，应该根据通信数据的要求而定。若通信数据完整性需让位与通信实时性，则应选用TCP(文件传输，重要状态的更新)。反之则应使用UDP(视频传输，实时通信）。

2. 跨域的产生和同源策略的限制

3. 同源策略和跨域方案，CORS的几个头部是什么？
   同源策略（Same origin policy）是一种约定，同源是指，域名，协议，端口相同。
   跨域是指从一个域的网页去请求另一个域的资源。
   CORS需要浏览器和服务器同时支持。
   

4. web安全
   dns劫持，http劫持。csrf的攻击原理。
   ssl加密的过程

5. mobx与redux使用场景
   （1）数据流流动
   （2）时间回溯能力
   （3）typescript 支持
   前端数据流不太复杂的情况，使用 Mobx，因为更加清晰，也便于维护；如果前端数据流极度复杂，建议谨慎使用 Redux，通过中间件减缓巨大业务复杂度。

6. React Fiber

7. 进程和线程的区别
   进程是资源分配的最小单位，线程是CPU调度的最小单位。
   一个软件大多一个进程，一个进程可以有多个线程。

8. css居中
   内联横居中：text-align
   块级横居中：margin：0 auto
   内联竖居中：lineheight（行距）与height(高度)设为相等
   块竖居中: padding-top与padding-bottom设为相等
   利用flex：
   横向：justify-content：center
   纵向：align-items: vertical

9. 手写深拷贝

10. 类型检测
    constructor
    Object.prototype.toString().call()
    Object原型链上的toString方法不是用来转换成字符串的。它的作用是返回当前方法执行的主体（方法中的this）所属类的详细信息，即[object Object]，其中第一个object代表当前实例是对象数据类型的（这个是固定不变的），第二个object代表的当前this所属类的名称。

    Object.prototype.toString.call('') ; // [object String] 
    Object.prototype.toString.call(1) ; // [object Number] 
    Object.prototype.toString.call(true) ; // [object Boolean] Object.prototype.toString.call(undefined) ; // [object Undefined] Object.prototype.toString.call(null) ; // [object Null] 
    Object.prototype.toString.call(new Function()) ; // [object Function] 
    Object.prototype.toString.call(new Date()) ; // [object Date] 
    Object.prototype.toString.call([]) ; // [object Array] 
    Object.prototype.toString.call(new RegExp()) ; // [object RegExp]
    Object.prototype.toString.call( newError()) ; // [object Error]
    Object.prototype.toString.call( document) ; // [object HTMLDocument]
    Object.prototype.toString.call( window) ; //[object global] window是全局对象global的引用
    
    

11. react异步数据如ajax请求应该放在哪个生命周期？

    1.跟服务器端渲染（同构）有关系，如果在componentWillMount里面获取数据，fetch data会执行两次，一次在服务器端一次在客户端。在componentDidMount中可以解决这个问题。

    2.在componentWillMount中fetch data，数据一定在render后才能到达，如果你忘记了设置初始状态，用户体验不好。

    3.react16.0以后，componentWillMount可能会被执行多次。

12. 计算白屏时间，以及相关的api,白屏优化。

13. 说一下模块化。

14. 浏览器有哪些进程和线程
    进程：
    浏览器主进程
    第三方插件进程
    浏览器渲染进程
    GPU进程
    线程：
    事件触发线程
    异步http请求线程
    js引擎线程
    定时器触发线程
    GUI线程