bala001 - 博客园

V8 工作原理：12 | 栈空间和堆空间：数据是如何存储的？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录对于前端开发者来说，JavaScript 的内存机制是一个不被经常提及的概念，因此很容易被忽视。特别是一些非计算机专业的同学，对内存机制可能没有非常清晰的认识，甚至有些同学根本就不知道 JavaScript 的内存机制是什么。但是如果阅读全文

posted @ 2020-01-13 17:44 bala001 阅读(1535) 评论(0) 推荐(1)

浏览器中的JavaScript执行机制：11 | this：从JavaScript执行上下文的视角讲清楚this

摘要：前言：该篇说明：|请见说明 —— 浏览器工作原理与实践目录在上篇文章中，我们讲了词法作用域、作用域链以及闭包，并在最后思考题中留了下面这样一段代码：相信你已经知道了，在 printName 函数里面使用的变量 myName 是属于全局作用域下面的，所以最终打印出来的值都是 “极客邦”。这是因阅读全文

posted @ 2020-01-10 15:41 bala001 阅读(545) 评论(0) 推荐(0)

浏览器中的JavaScript执行机制：10 | 作用域链和闭包：代码中出现相同的变量，JavaScript引擎是如何选择的？

摘要：前言：该篇说明：|请见说明 —— 浏览器工作原理与实践目录在上一篇文章中我们讲到了什么是作用域，以及 ES6 是如何通过变量环境和词法环境来同时支持变量提升和块级作用域，在最后我们也提到了如何通过词法环境和变量环境来查找变量，这其中就涉及到作用域链的概念。理解作用域链是理解闭包的基础，而闭包阅读全文

posted @ 2020-01-09 17:24 bala001 阅读(755) 评论(0) 推荐(1)

浏览器中的JavaScript执行机制：09 | 块级作用域：var缺陷以及为什么要引入let和const？

摘要：前言：该篇说明：|请见说明 —— 浏览器工作原理与实践目录在前面《07 | 变量提升：JavaScript 代码是按照顺序执行的吗？》这篇文章中，我们已经讲解了 JavaScript 中变量提升的相关内容，正是由于 JavaScript 存在变量提升这种特性，从而导致了很多于直觉不符的代码，这阅读全文

posted @ 2020-01-06 20:26 bala001 阅读(935) 评论(0) 推荐(0)

浏览器中的JavaScript执行机制：08 | 调用栈：为什么JavaScript代码会出现栈溢出？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在上篇文章中，我们讲到了，当一段代码被执行时，JavaScript 引擎先会对其进行编译，并创建执行上下文。但是并没有明确说明到底什么样的代码才算符合规范。那么接下来我们就来明确下，哪些情况下代码才算是“一段”代码，才会在执行之前就进行阅读全文

posted @ 2020-01-03 20:16 bala001 阅读(1128) 评论(0) 推荐(0)

浏览器中的 JavaScript执行机制：07 | 变量提升：JavaScript代码是按顺序执行的吗？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录讲解完宏观视角下的浏览器后，从这篇文章开始，我们就进入下一个新的模块了，这里我会对 JavaScript 执行原理做深入介绍。今天在该模块的第一篇文章，我们主要讲解执行上下文相关的内容。那为什么先讲执行上下文呢？它这么重要吗？可以这么说阅读全文

posted @ 2020-01-02 17:35 bala001 阅读(896) 评论(0) 推荐(0)

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

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

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

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

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

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

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

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

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

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

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

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

导航

公告