Chris在掘金74651

loader 干啥的？ 也就是说，webpack 把任何文件都看做模块，loader 能 import 任何类型的模块，但是 webpack 原生不支持譬如 css 文件等的

从前我总觉得脚手架是个很高大上的东西，好像得牛叉🐂一点的人才写的出来，可望而不可即。其实并不是因为困难使我们放弃，而是因为放弃才显得困难（这是个好词好句🙈）。只要你肯花个一天半天的时间✊，也能写出属于你自己的脚手架。 早前脚手架这个词是从 vue-cli 这里认识的，我们通…

上图的字符串中，只看到了3个字符，打印出的length却是10。因为这个字符串中隐藏了7个不可见零宽度字符。 一种不可打印的Unicode字符, 在浏览器等环境不可见, 但是真是存在, 获取字符串长度时也会占位置, 表示某一种控制功能的字符. 将零宽度字符插入文本中,干扰关键字…

运行时性能表现（runtime performance）：当页面在浏览器中运行时的性能表现。当然我们得有一个网站来使用。这里我用平时的开发页面进行分析。在chrome的 `performance tab` 点击（start profiling and reload page）。…

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要怎么处理？

通过源码可以找到答案。此次源码解读基于Chromium 64（10月28日更新的源码）。 下面通过加载资源的步骤，依次说明。 1. 开始加载 还有动态请求ajax属于Raw类型。因为ajax可以请求多种资源。 MainResource包括location即导航输入地址得到的页面…

我们通过 html、css 描述页面，浏览器会解析然后一帧帧渲染，通过 js 改变 dom 后，浏览器会重新计算布局信息然后渲染。 dom 改变有高频低频之分，比如动画就要高频改变样式，而且现代浏览器

snippets 是片段的意思，VSCode 支持自定义 snippets，写代码的时候可以基于它快速完成一段代码的编写。 不只是 VSCode，基本所有的主流编辑器都支持 snipeets。 一个功

网页开发中我们经常要处理用户交互，我们会用 addEventListener 添加事件监听器来监听各种用户操作，比如 click、mousedown、mousemove、input 等，这些都是由用户