莫得盐

本文记录为非技术类文章，旨在记录一个让我无地自容的故事，鞭笞自己能知耻而后勇。 故事要从 2020 年末讲起，届时正值我司方向变动期，以往工作内容或将永远舍弃，我多少也有些失望和迷茫，于是起了挪窝的心思。恰巧，钉钉团队的东明在不久后（2021年初）从简历库中捞到了我，问我是否有…

本文部分内容摘抄于《图解 HTTP》，就不一一使用引用标记了。 1989年3月，互联网还只属于少数人。在这一互联网的黎明期，HTTP诞生了。 CERN（欧洲核子研究组织）的蒂姆·伯纳斯-李（Tim Berners-Lee）博士提出了一种能让远隔两地的研究者们共享知识的设想。最初…

侦听器是常用的 Vue API 之一，它用于监听一个数据并在数据变动时做一些自定义逻辑，本文将先列举侦听器在 Vue 中的使用方式，然后再分析源码讲述为什么可以这样使用、以及侦听器的实现原理。 在 Vue3 中使用侦听器有两种方式，一种是传统的 Options API ，另一种…

它可以在浏览器上渲染出“Hello Vue”这个字符串，当然对于开发者来说这不要太简单——在 HTML 中添加一个文本节点。但 Vue 作为一个框架，它要实现这个简单的功能要经过哪些步骤呢？ 可以看到 ensureRenderer 其实是一个简单的单例实现，保证渲染器（Rend…

在当下最流行的两个前端框架都存在 Virtual DOM 的前提下， 渐渐比较多的听到类似“使用 Virtual DOM 有什么优势？” 的面试题，但一直没有太在意。直到今天在写一个文档时，突让想到要把“为什么需要 Virtual DOM ？”也写进去，待我流畅的写好答案，略一…

本文将以目前（2020/10/26）最新的 vue-cli 版本 @vue/cli-service 4.5.8 （后文以 CLI4 代指）以脉络，详细分享 .vue 文件解析和编译的过程。解析指 .vue 文件被解析为 template|script|style 三份源码，编译…

在分析 Vue 文件编译过程时，囿于对其相关 loader 的流向不清晰，即使知道哪些 loader 发挥了什么作用，也总觉得是在雾里看花，不甚明了，于是准备走读源码分析下 loader 机制。 JS 不是一门易读的语言，为了节约时间，我先创建了一个简单的工程，借此我可以调试 …

Tree / Table 组件的渲染，通常会出现需渲染超过千条（虚数，和实际渲染实例DOM结构负相关）的数据的情景， 在当前大众硬件条件和浏览器渲染机制的限制下，这必然会造成不太愉快的用户体验。 这里特意把 Vue 的 Compile 阶段设置为阶段 0 ，因为通常我们都是借助…

单个变量缓存优点：方便、易理解缺点：每个缓存函数都需要额外维护一个*Cache变量缓存辅助函数优点：常用、只需暴露一个memorize函数缺点：memorize通常需要多次重载（处理不同参数的函数）缓