bala001 - 博客园

一：flutter & dart | 填坑笔记

摘要： 1. main 是固定写法，它是程序入口，运行 dart 文件默认执行 main 方法 void main() { print('hello dart!') } 2. flutter 有状态组件 StatefluWidget 和无状态组件 StatelessWidget 当我们有需要对页面的内容进阅读全文

posted @ 2020-06-15 08:34 bala001 阅读(333) 评论(0) 推荐(0)

浏览器中的页面循环系统： 20 | async/await：使用同步的方式去写异步代码

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在上一篇文章中，我们介绍了怎么使用 Promise 来实现回调操作，使用 Promise 能很好地解决回调地狱的问题，但是这种方式充满了 Promise 的 then() 方法，如果处理流程比较复杂的话，那么整段代码将充斥着 then，语阅读全文

posted @ 2020-05-29 17:28 bala001 阅读(738) 评论(0) 推荐(0)

instanceof 与 typeof

摘要： 1、instanceof 与 typeof 在 JS 中，判断一个变量的类型常常会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都会返回 “object”。ECMAScript 引入了另一个 Java 运算符 instan 阅读全文

posted @ 2020-04-20 15:24 bala001 阅读(185) 评论(0) 推荐(0)

浏览器中的页面循环系统：19 | Promise：使用Promise，告别回调函数

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在上一篇文章中我们聊到了微任务是如何工作的，并介绍了 MutationObserver 是如何利用微任务来权衡性能和效率的。今天我们就接着来聊聊微任务的另外一个应用 Promise，DOM/BOM API 中新加入的 API 大多数都是建阅读全文

posted @ 2020-03-16 17:14 bala001 阅读(773) 评论(0) 推荐(0)

浏览器中的页面循环系统： 18 | 宏任务和微任务：不是所有任务都是一个待遇

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在前面的几篇文章中，我们介绍了消息队列，并结合消息队列介绍了两种典型的 WebAPI —— setTimeout 和 XMLHttpRequest ，通过这两个 WebAPI 我们搞清楚了浏览器的消息循环系统是怎么工作的。不过随着浏览器的阅读全文

posted @ 2020-03-10 17:05 bala001 阅读(648) 评论(0) 推荐(0)

浏览器中的页面循环系统：17 | WebAPI：XMLHttpRequest 是怎么实现的？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在上一篇文章中我们介绍了 setTimeout 是如何结合渲染进程的循环系统工作的，那本篇文章我们就继续介绍另外一种类型的 WebAPI —— XMLHttpRequest。自从网页中引入了 JavaScript，我们就可以操作 DOM 阅读全文

posted @ 2020-03-06 17:34 bala001 阅读(595) 评论(0) 推荐(0)

浏览器中的页面循环系统：16 | WebAPI：setTimeout 是如何实现的？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在上一篇文章中我们介绍了页面中的事件和消息队列，知道了浏览器页面是由消息队列和事件循环系统来驱动的。那在接下来的两篇文章中，我会通过 setTimeout 和 XMLHttpRequest 这两个 WebAPI 来介绍事件循环的应用。这阅读全文

posted @ 2020-03-02 16:37 bala001 阅读(946) 评论(0) 推荐(0)

浏览器中的页面循环系统：15 | 消息队列和事件循环：页面是怎么“活”起来的？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录前面我们讲到了每个渲染进程都有一个主线程，并且主线程非常繁忙，既要处理 DOM，又要计算样式，还要处理布局，同时还需要处理 JavaScript 任务以及各种输入事件。要让这么多不同类型的任务在主线程中有条不紊地执行，这就需要一个系统来统阅读全文

posted @ 2020-01-19 16:44 bala001 阅读(979) 评论(0) 推荐(0)

V8工作原理：14 | 编译器和解释器：V8是如何执行一段JavaScript代码的？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录前面我们已经花了很多篇幅来介绍 JavaScript 是如何工作的，了解了这些内容能帮助你从底层理解 JavaScript 的工作机制，从而能帮助你更好地理解和应用 JavaScript。今天这篇文章我们就继续 “向下” 分析，站在 J 阅读全文

posted @ 2020-01-17 14:03 bala001 阅读(2143) 评论(0) 推荐(0)

V8工作原理：13 | 垃圾回收：垃圾数据是如何自动回收的？

摘要：前言：该篇说明：|请见说明 —— 浏览器工作原理与实践目录在上一篇文章中，我们提到了 JavaScript 中的数据是如何存储的，并通过例子分析了原始数据类型是存储在栈空间中的，引用类型的数据是存储在堆空间中的。通过这种分配方式，我们解决了数据的内存分配的问题。不过有些数据被使用之后，可能就阅读全文

posted @ 2020-01-15 14:09 bala001 阅读(948) 评论(0) 推荐(0)