bala001 - 博客园

宏观视角下的浏览器：06 | 渲染流程(下)：HTML、CSS和JavaScript，是如何变成页面的？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录上篇文章中，我们介绍了渲染流水线中的 DOM 生产、样式计算和布局三个阶段，那今天我们接着讲解渲染流水线后面的阶段。这里还是先简单回顾下上节前三个阶段的主要内容：在 HTML 页面内容被提交给渲染引擎之后，渲染引擎首先将 HTML 解析阅读全文

posted @ 2019-12-30 20:32 bala001 阅读(788) 评论(0) 推荐(0) 编辑

宏观视角下的浏览器：05 | 渲染流程(上)：HTML、CSS和JavaScript，是如何变成页面的？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在上一篇文章中我们介绍了导航相关的流程，那导航被提交后又会怎么样呢？就进入了渲染阶段。这个阶段很重要，了解其相关流程能让你 “看透” 页面是如何工作的，有了这些知识，你可以解决一系列相关的问题，比如能熟练使用开发者工具，能理解开发者工具里阅读全文

posted @ 2019-12-28 17:30 bala001 阅读(767) 评论(0) 推荐(0) 编辑

宏观视角下的浏览器：04 | 导航流程：从输入URL到页面展示，这中间发生了什么？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录 “在浏览器里，从输入 URL 到页面展示，这中间发生了什么？ ”这是一道经典的面试题，能比较全面地考察应聘者知识的掌握程度，其中涉及到了网络、操作系统、Web 等一系列的知识。所以我在面试应聘者时也必问这道题，但遗憾的是大多数人只能回答其阅读全文

posted @ 2019-12-10 20:14 bala001 阅读(793) 评论(0) 推荐(0) 编辑

宏观视角下的浏览器：03 | HTTP 请求流程：为什么很多站点第二次打开速度会很快？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在上一篇文章中介绍了 TCP 协议是如何保证数据完整传输的，相信你还记得，一个 TCP 连接过程包括了建立连接、传输数据和断开连接三个阶段。而 HTTP 协议，正是建立在 TCP 连接基础之上的。HTTP 是一种允许浏览器向服务器获取资阅读全文

posted @ 2019-11-13 17:41 bala001 阅读(875) 评论(0) 推荐(0) 编辑

宏观视角下的浏览器：02 | TCP协议：如何保证页面文件能被完整送达浏览器？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在衡量 Web 页面性能的时候有一个重要的指标叫 “FP（First Paint）”，是指从页面加载到首次开始绘制的时长。这个指标直接影响了用户的跳出率，更快的页面响应意味着更多的PV、更高的参与度，以及更高的转化率。那什么影响 FP 阅读全文

posted @ 2019-11-12 16:51 bala001 阅读(904) 评论(0) 推荐(0) 编辑

说明 —— 浏览器工作原理与实践

摘要：声明：该目录下的文章皆是出自极客时间 - 李兵老师的《浏览器工作原理与实践》原文记录，只供本人学习所用，且并不完全保证文章的一致性，文中有些个人觉得不对的或者多余的，个人会视情况修改或删除。希望看原文或有意见的还请移步。文中的作者/老师均指李兵老师。阅读全文

posted @ 2019-11-11 15:36 bala001 阅读(2051) 评论(0) 推荐(0) 编辑

宏观视角下的浏览器：01 Chrome 架构：仅仅打开了 1 个页面？为什么有 4 个进程？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录无论你是想要设计高性能 Web 应用，还是要优化现有的 Web 应用，你都需要了解浏览器中的网络流程、页面渲染过程，JS 执行流程，以及 Web 安全理论，而这些功能是分散在浏览器的各个功能组件中的，比较多、比较散，要怎样学习才能掌握呢？阅读全文

posted @ 2019-11-09 15:22 bala001 阅读(1341) 评论(0) 推荐(0) 编辑

这一次，彻底弄懂 JavaScript 执行机制

摘要：该文，是对于原文：这一次，彻底弄懂 JavaScript 执行机制的解读本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道阅读全文

posted @ 2019-11-06 16:32 bala001 阅读(334) 评论(0) 推荐(0) 编辑

async/await 与 Promise 详解

摘要： async 是什么？ async 中文翻译过来是 “异步，非同步，异步通信” 的意思。 async 是 ES7 才有的与异步操作有关的关键字，和 Promise ， Generator 有很大关联的。注：ES7/8/9 都是 ES6 的补充怎么用？语法： async function name 阅读全文

posted @ 2019-11-04 15:50 bala001 阅读(740) 评论(0) 推荐(0) 编辑

面试题之：js 实现阶乘

摘要：阶乘的公式是： n! = 1 * 2 * 3 * 4 * ... * (n-2) * (n-1) * n 输入一个 n，实现阶乘。代码如下： // 公共 html 部分 <p> 请输入： <input type="text" id="input" placeholder="请输入整数n" /> 阅读全文

posted @ 2019-10-30 20:03 bala001 阅读(333) 评论(0) 推荐(0) 编辑

导航

公告