js中的各种继承方式

原型链继承利用原型链实现继承,是通过子类原型引用父类实例来实现对父类的继承,具体实现示例如下 function Super() { this.name = 'Rose' } function Sub() { ...     阅读全文
饶英俊(Royin)'s avatar
饶英俊(Royin) 2月 22, 2022

webpack 的 hmr 原理

HMR介绍webpack 是通过“热模块替换” ,也就是 HMR( Hot Module Replacement)来实现资源的热更新的,可以仅针对部分资源进行更新而无需重载整个页面 ...     阅读全文
饶英俊(Royin)'s avatar
饶英俊(Royin) 2月 21, 2022

webpack 构建流程

webpack 的构建流程是一个串行的过程,从启动构建流程到结束的过程如下所示: 初始化参数。将配置文件(webpack.config.js)与 shell 中的参数合并到一起,得出最终的配置 开始编译。通过第【1】步得到的最终配置来初始化 Compiler(编译器) 对象,以及注册所有配置的插件,最后吊用 Compiler 的 run 方法开始编译 确定入口 。根据配置里的 Entry 找到所有...     阅读全文
饶英俊(Royin)'s avatar
饶英俊(Royin) 2月 21, 2022

DNS 查询

DNS 查询过程 客户端请求指定域名 查询本地 DNS 服务器缓存中是否有对应 IP 地址,如果有则返回 否则,查询本地 DNS 服务器,如果本地 DNS 服务器有则返回 否则,本地 DNS 服务器向根 DNS 服务器发起请求,根 DNS 服务器会解析根域名...     阅读全文
饶英俊(Royin)'s avatar
饶英俊(Royin) 2月 14, 2022

页面渲染过程

浏览器解析页面过程 浏览器获取到 HTML 文件,将各个标记解析成对应 DOM 节点以构建 DOM 树 解析【1】的过程中,如果遇到 CSS 文件,则并行下载 当 CSS 文件下载完毕,解析对应 CSS 样式生成对应 CSSOM 树,该...     阅读全文
饶英俊(Royin)'s avatar
饶英俊(Royin) 2月 11, 2022