bala001 - 博客园

浏览器中的页面： 23 | 渲染流水线：CSS如何影响首次加载时的白屏时间？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在上一篇文章中我们详细介绍了 DOM 的生成过程，并结合具体例子分析了 JavaScript 是如何阻塞 DOM 生成的。那本文我们就继续深入聊聊渲染流水线中的 CSS。因为 CSS 是页面中非常重要的资源，它决定了页面最终显示出来的效果阅读全文

posted @ 2020-09-26 18:03 bala001 阅读(433) 评论(0) 推荐(0) 编辑

浏览器中的页面：22 | DOM树：JavaScript是如何影响DOM树构建的？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在上一篇文章中，我们通过开发者工具中的网络面板，介绍了网络请求过程的几种性能指标以及对页面加载的影响。而在渲染流水线中，后面的步骤都直接或者间接地依赖于 DOM 结构，所以本文我们就继续沿着网络数据流路径来介绍 DOM 树是怎么生成的。阅读全文

posted @ 2020-08-01 10:04 bala001 阅读(566) 评论(0) 推荐(0) 编辑

浏览器中的页面： 21 | Chrome开发者工具：利用网络面板做性能分析

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录浏览器中的页面循环系统”模块我们已经介绍完了，循环系统是页面的基础，理解了循环系统能让我们从本质上更好地理解页面的工作方式，加深我们对一些前端概念的理解。接下来我们就要进入新的模块了，也就是“浏览器中的页面”模块，正如专栏简介中所言，页阅读全文

posted @ 2020-08-01 09:37 bala001 阅读(720) 评论(0) 推荐(0) 编辑

Vue - SSR 服务端渲染学习笔记

摘要： 1、Vue 中可以进行分包，webpack 也可以使用 prerender-spa-plugin 轻松地添加预渲染，为什么还需要使用SSR？ Vue-Route 路由方式只有两种，一种是 hash，一种是 history，但是本身还是 spa模式，整个项目还是只当成只有一个页面，这对于浏览器爬虫来阅读全文

posted @ 2020-07-27 09:59 bala001 阅读(41) 评论(0) 推荐(0) 编辑

一：flutter & dart | 填坑笔记

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

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

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

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

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

instanceof 与 typeof

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

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

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

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

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

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

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

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

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

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

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