小被子

在各种前端框架盛行的时代，用户浏览器的运行代码和前端开发写的原始代码已经很不一样了，因为原始代码经过loaders 的预编译（TypeScript / Babel 等）以及压缩工具的混淆、合并、压缩之后已经变得面目全非。 通常 JS 引擎会告诉你，第几行第几列代码出错，但这对于…

尽管通常将 JavaScript 归类为“动态”或“解释执行”语言，但事实上它是一门编译语言。但与传统的编译语言不同，它不是提前编译的，编译结果也不能在分布式系统中移植。 在传统编译语言的流程中，程序中的一段源代码在执行之前会经历三个步骤，统称为“编译”。 将由字符组成的字符串…

一般人理解 Node 是单线程的，所以 Node 启动后线程数应该为 1，我们做实验看一下。 可以看到 Node 进程占用了 7 个线程（注意：不同版本 node 占用的线程数可能不一致）。为什么会有 7 个线程呢？ 我们都知道，Node 中最核心的是 V8 引擎，在 Node…

map & forEach 都是从 es5 才开始出现，本文会讨论它们之间主要的区别以及如何使用它们。 map & forEach 都是用来更方便地遍历数组的。 map 接收两个参数：callback 函数，它会在 map 执行之后被触发。上下文变量，即执行 callback …

这其中涉及了 Javascript Event Loop 的知识，script(整体代码) / setTimeout / setInterval / request 都是宏任务(macro-tasks / tasks)，nextTick 是微任务(micro-tasks / j…

key-metrics 块展示了一些指标的整体数据，其中红框中的数据由后台返回，蓝框的显示和选择的时间有关，每个指标都可以点击选中。项目中这块出现多次，所以打算封装成 key-metric & key-metric-group 组件。 前端针对每个页面的 key-metrics…

全局注册的组件在注册之后，可以用在其被注册之后的任何 (通过 new Vue) 新创建的 Vue 根实例，也包括其组件树中的所有子组件的模板中。 局部注册的组件只在注册组件中可用，在其子组件中不可用。 使用基础的 Vue 构造器，创建一个子类，参数是一个包含组件选项的对象。 d…

有以下文件 a.js / b.js / c.js / d.js 以及 webpack.config.js, 其中 a.js 为入口文件，它们之间的依赖关系如下图，实心箭头代表异步加载。 chunkGroup：一个 chunkGroup 可以包含多个 chunk，可以通过 chu…

因为我们开发的项目在多个国家和地区使用，不同国家和地区对于日期的显示习惯是不同的。例如：我们习惯使用 年-月-日 的方式显示日期，而英国习惯使用 日-月-年 的方式显示日期。因此在这里介绍一下日期本地化函数 toLocaleString。 toLocaleString() 方法…