Ubsoftc

前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名考虑的一个因素。 关于前端性能优化的文章的看的不少，但是大部分文章都是浅尝辄止或者是零零散散的优化手段拼凑在一起。这篇文章将从<从输入Url到浏览器完成页面渲染>的角度分析每一个过程中可以进行哪些性能优化？…

对应的Dom图片如下(用Word画的，本灵魂画手实在尽力了。。) BFS从一个节点开始，尝试访问尽可能靠近它的目标节点。本质上这种遍历在图上是逐层移动的，首先检查最靠近第一个节点的层，再逐渐向下移动到离起始节点最远的层。简单来说在树中BFS其实就是层次遍历。 DFS就是从图中的…

Webpack把一切都当作模块，当webpack处理应用程序时，根据给定的一个主文件，递归的构建一个关系依赖图。其中包含应用程序需要的每一个模块，然后把这些模块打包成一个或多个包。 Loader: Webpack把一切文件都视为模块，但是原生的js只能解析js文件，如果其它文件…

重绘：回流：优化策略：少使用以下属性读取:读取下面属性时，浏览器会触发回流和重绘来确保获得正确的值，频繁使用的时候采用缓存offsetTopoffsetLeftoffsetWidthoffsetHei

singel page web application 单页WEB应用。只有一个 HTML 页面，利用 JS 动态的变换 HTML 的内容，从而来模拟多个视图间跳转。只有一个完整的页面；它在加载页面时，不会加载整个页面，而是只更新某个指定的容器中内容。单页面应用(SPA)的核心…

3. 非对称加密+对称加密 是连接一开始B把自己的公钥发送给A。但是在这个时候，有个中间人截取了B的公钥，然后把自己的公钥发送给A。A在给B发送消息时，想用B的公钥进行加密。但实际上用的是中间人的公钥。中间人截取了A给B发送的消息，然后用自己的私钥解密。就可以随意读取消息的内容…

继续取出位于队首的任务，放入调用栈Stack中执行，以此类推，直到把microtask queue中的所有任务都执行完毕。如果在执行microtask的过程中，又产生了microtask，那么会加入到队列的末尾，也会在这个周期被调用执行； 执行宏队列中的队首任务（注意只执行一个…

304 资源已经找到，但是不满足条件，所以不把资源返回给客户端。常用于协商缓存。 401 该状态码表示发送的请求需要通过HTTP认证，初次收到401响应浏览器弹出认证的对话窗口。若收到第二次401状态码，则说明第一次验证失败。 403 请求资源的访问被服务器拒绝，一般是未获得文…