-
TCP、UDP的区别与选择?
连接性:TCP面向连接、UDP面向非连接
可靠性:TCP可靠,UDP不可靠
传输效率:~
在选用通信协议时,应该根据通信数据的要求而定。若通信数据完整性需让位与通信实时性,则应选用TCP(文件传输,重要状态的更新)。反之则应使用UDP(视频传输,实时通信)。 -
跨域的产生和同源策略的限制
-
同源策略和跨域方案,CORS的几个头部是什么?
同源策略(Same origin policy)是一种约定,同源是指,域名,协议,端口相同。
跨域是指从一个域的网页去请求另一个域的资源。
CORS需要浏览器和服务器同时支持。
-
web安全
dns劫持,http劫持。csrf的攻击原理。
ssl加密的过程 -
mobx与redux使用场景
(1)数据流流动
(2)时间回溯能力
(3)typescript 支持
前端数据流不太复杂的情况,使用 Mobx,因为更加清晰,也便于维护;如果前端数据流极度复杂,建议谨慎使用 Redux,通过中间件减缓巨大业务复杂度。 -
React Fiber
-
进程和线程的区别
进程是资源分配的最小单位,线程是CPU调度的最小单位。
一个软件大多一个进程,一个进程可以有多个线程。 -
css居中
内联横居中:text-align
块级横居中:margin:0 auto
内联竖居中:lineheight(行距)与height(高度)设为相等
块竖居中: padding-top与padding-bottom设为相等
利用flex:
横向:justify-content:center
纵向:align-items: vertical -
手写深拷贝
-
类型检测
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的引用
-
react异步数据如ajax请求应该放在哪个生命周期?
1.跟服务器端渲染(同构)有关系,如果在componentWillMount里面获取数据,fetch data会执行两次,一次在服务器端一次在客户端。在componentDidMount中可以解决这个问题。
2.在componentWillMount中fetch data,数据一定在render后才能到达,如果你忘记了设置初始状态,用户体验不好。
3.react16.0以后,componentWillMount可能会被执行多次。
-
计算白屏时间,以及相关的api,白屏优化。
-
说一下模块化。
-
浏览器有哪些进程和线程
进程:
浏览器主进程
第三方插件进程
浏览器渲染进程
GPU进程
线程:
事件触发线程
异步http请求线程
js引擎线程
定时器触发线程
GUI线程
前端知识1
于 2022-02-10 16:26:27 首次发布