浏览器的重绘(Repaint)与重排(Reflow)机制

什么时候会触发重排? 添加或删除可见的 DOM 元素 元素位置改变 元素尺寸改变(包括:外边距、内边距、边框厚度、宽度、高度等属性改变) 内容改变。例如:文本改变或图片被另一个不同尺寸的图片代替 页面渲染器初始化 浏览器窗口尺寸改变 获取会导致渲染队列刷新的属性(详细介绍如下) 除此之外,一些获取DOM结构和布...

Task, Job 与 EventLoop

在解释事件循环前……1234567891011function foo(b) { var a = 10; return a + b + 11;}function bar(x) { var y = 3; return foo(x * y);}console.log(b...

HTTP状态码

2XX 成功 200 OK,表示从客户端发来的请求在服务器端被正确处理204 No content,表示请求成功,但响应报文不含实体的主体部分206 Partial Content,进行范围请求 3XX 重定向 301 moved permanently,永久性重定向,表示资源已被分配了新的 URL302...

OSI七层模型&TCP/IP四层模型

OSI七层模型OSI(Open System Interconnection,开放系统互连)七层网络模型称为开放式系统互联参考模型 ,是一个逻辑上的定义,一个规范,它把网络从逻辑上分为了7层。每一层都有相关、相对应的物理设备,比如路由器,交换机。OSI七层模型是一种框架性的设计方法,建立七层模型的主要目的是为解决...

HTTP的缓存机制

缓存用来做什么?缓存是一种保存资源副本并在下次请求时直接使用该副本的技术。当 web 缓存发现请求的资源已经被存储,它会拦截请求,返回该资源的拷贝,而不会去源服务器重新下载。这样带来的好处有:缓解服务器端压力,提升性能(获取资源的耗时更短了)。对于网站来说,缓存是达到高性能的重要组成部分。缓存需要合理配置,因为并...

Async/await和Promise的一些区别

先说说PromisePromise 对象用于表示一个异步操作的最终状态(完成或失败),以及该异步操作的结果值。 一个 Promise有以下几种状态: pending: 初始状态,既不是成功,也不是失败状态。 fulfilled: 意味着操作成功完成。(与rejected统称为settled状态) rejecte...

Vue(v2.6.10)的选项 / 生命周期钩子

Vue更新版生命周期截止v2.6.10版本,Vue相关的选项/生命周期共有11个: beforeCreate created beforeMount mounted beforeUpdate updated activated deactivated beforeDestroy destroyed errorC...

React 组件中 state 和生命周期

React的生命周期图谱v16.3和v16.4+版本的生命周期有着比较大的区别,感谢大神制作了一个React生命周期图谱 这里截图说明: constructor 如果不初始化 state 或不进行方法绑定,则不需要为 React 组件实现构造函数。 在 React 组件挂载之前,会调用它的构造函数。在为...

前端看HTTP

HTTP是什么HTTP (超文本传输协议) 是用来在 Web 上传输文件的 基础协议 ,基于 TCP/IP通信协议 来传递数据,最典型的是在浏览器和服务器之间传递以至于上网人员可以浏览他们。目前HTTP说明文档的版本是HTTP/2。 HTTPS 是 HTTP 协议的安全版本,HTTPS 在 HTTP 上加入套接字...

Bye QYER

在穷游一年的时间,最终还是选择了离开去寻找更大的环境,希望穷游的一切能够越来越好,希望同事们都能工作顺利! Bye!