10 2019 档案
摘要：一、优化层级与执行效率的取舍 介绍了现代 JavaScript 引擎通用的工作流程： 我们也指出，尽管从高级抽象层面来看，引擎之间的处理流程都很相似，但他们在优化流程上通常都存在差异。为什么呢？为什么有些引擎的优化层级会比其他引擎多一些？事实证明，在快速获取可运行的代码与花费更多时间获得最优运行性能
阅读全文
摘要：探索vue源码之缓存篇 一、从链表说起 首先我们来看一下链表的定义： 链表（Linked list）是一种常见的基础数据结构，是一种线性表，但是并不会按线性的顺序存储数据，而是在每一个节点里存到下一个节点的指针(Pointer) 其中的双向链表是我们今天的主角： 双向链表也叫双链表。双向链表中不仅有
阅读全文
摘要：1. 递归 递归就是自己调自己，递归在前端里面算是一种比较常用的算法。假设现在有一堆数据要处理，要实现上一次请求完成了，才能去调下一个请求。一个是可以用Promise，就像《前端与SQL》这篇文章里面提到的。但是有时候并不想引入Promise，能简单处理先简单处理。这个时候就可以用递归，如下代码所示
阅读全文
摘要：1. 什么是 DOMContentLoaded。打开 Chrome DevTools，切到 Network 面板，重新加载网页，得到如下截图： 标记 1 指向的蓝线以及标记 2 指向的蓝色字 “DOMContentLoaded:1.29s” 均表示 DOMContentLoaded 这个事件触发的时
阅读全文
摘要：1. 加载CSS 在构建DOM的过程中，如果遇到link的标签，当把它插到DOM里面之后，就会触发资源加载——根据href指明的链接： 上面的rel指明了它是一个样式文件。这个加载是异步，不会影响DOM树的构建，只是说在CSS没处理好之前，构建好的DOM并不会显示出来。用以下的html和css做试验
阅读全文
摘要：什么是像素？ 像素是屏幕显示最小的单位，在一个1080p的屏幕上，它的像素数量是1920 1080，即横边有1920个像素，而竖边为1080个。一个像素就是一个单位色块，是由rgba四个通道混合而成。对于一个1200万像素的相机镜头来说，它有1200万个感光单元，它能输出的最大图片分辨率大约为300
阅读全文
摘要：ECMAScript 新特性与标准提案 一：ES 模块 第一个要介绍的 ES 模块，由于历史上 JavaScript 没有提供模块系统，在远古时期我们常用多个 script 标签将代码进行人工隔离。但得益于浏览器和 Node.js 对于 ES 标准的讨论统一，现在我们可以在浏览器中直接书写 ES 模
阅读全文
摘要：随着多终端、多平台、多业务形态、多技术选型等各方面的发展，前后端的数据交互，日益复杂。 同一份数据，可能以多种不同的形态和结构，在多种场景下被消费。 在理想情况下，这些复杂性可以全部由后端承担。前端只管从后端接口里，拿到已然整合完善的数据。 然而，不管是因为后端的领域模型，还是因为微服务架构。作为前
阅读全文
摘要：作为 Modern JavaScript 基础设施的一部分，Promises 对前端开发者而言异常重要。它是 async/await 语法的基础，是 JavaScript 中处理异步的标准形式。并且，未来的 Web API，只要是异步的，都会以 Promises 的形式出现。 1、实现 Promis
阅读全文
摘要：大家都知道缓存的英文叫做 cache。但我发现一个有趣的现象：这个单词在不同人的口中有不同的读音。为了全面了解缓存，我们得先从读音开始，这样才能够在和其他同事(例如 PM)交(zhuāng)流(bī)时体现自己的修(bī)养(gé) 基本的网络请求就是三个步骤：请求，处理，响应。 后端缓存主要集中于
阅读全文
摘要：无单位数字（unitless number）和行高（line-height） 有一些属性可以接收不带单位的数值（意思就是一个不带长度单位的数字），如line-height、z-index和font-weight（700等于bold，400等于normal，如此类推）。你也可以在需要长度单位的地方（如
阅读全文
摘要：1. 引言 Serverless 是一种 “无服务器架构”，让用户无需关心程序运行环境、资源及数量，只要将精力 Focus 到业务逻辑上的技术。 现在公司已经实现 DevOps 化，正在向 Serverless 迈进，而为什么前端要关注 Serverless？ 对业务前端同学： 会改变前后端接口定义
阅读全文
摘要：nodejs依赖： dependencies devDependencies peerDependencies bundledDependencies optionalDependencies 共5种 dependencies 这是 npm 最基本的依赖，通过命令 npm i xxx -S 或者 n
阅读全文
摘要：1.什么是.idea文件夹 因为IntelliJ IDEA是JetBrains最早推出的IDE（JetBrains一开始叫IntelliJ），因此使用IDEA作为配置文件夹的名称。按照这个SO问题里最高票答案的猜测，或许IntelliJ IDEA这个名字的含义是这样组成的： Intelli > In
阅读全文
