bala001 - 博客园

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

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

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

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

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

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

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

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

posted @ 2019-11-09 15:22 bala001 阅读(1482) 评论(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 阅读(805) 评论(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 阅读(354) 评论(0) 推荐(0)

webpack 入门篇

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

posted @ 2019-10-26 17:21 bala001 阅读(263) 评论(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 阅读(752) 评论(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 阅读(156) 评论(0) 推荐(0)

Less & Sass 的区别

摘要： Less CSS 预处理语言。扩展了 CSS 语言，增加了嵌套、变量、混合(Mixins)、函数等特性，使 CSS 更易维护和扩展。 Less 基于 JavaScript，是在客户端处理的。 // 变量： @width: 10px; #header{ width: @width } // 混合器：阅读全文

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