bala001 - 博客园

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

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

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

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

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

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

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

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

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

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

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

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

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

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

posted @ 2019-11-06 16:32 bala001 阅读(365) 评论(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 阅读(831) 评论(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 阅读(355) 评论(0) 推荐(0)

webpack 入门篇

摘要：官网首页：这些资源包括：脚本 / 图片 / 样式 / 表。所以，本质上，webpack 就是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。用来干吗的？它做的事情是：分析你的项目结构，找到 JavaScript 模块、图片、以及其他的一些浏览器不阅读全文

posted @ 2019-10-26 17:21 bala001 阅读(267) 评论(0) 推荐(0)

vue和react的区别

摘要：不同之处转载自：https://www.jianshu.com/p/b7cd52868e95?from=groupmessage vue 和 react 相同之处： 1、提供了Virtual DOM 2、提供了响应式（Reactive）和组件化（composable）的视图组件 3、将注意力集中保持阅读全文

posted @ 2019-10-26 14:35 bala001 阅读(757) 评论(0) 推荐(0)

面试题之：字符串

摘要： // 公用 html <input type="text" id="input" placeholder="请输入" /> <button onclick="set()">button</button> <div class="result"> 结果：<div id="result"></div> 阅读全文

posted @ 2019-10-22 16:40 bala001 阅读(157) 评论(0) 推荐(0)