1.åè¿å¶ç-20è¡¥ç 为å¤å°
2.FREE SOLO - 自己动手实现Raft - 15 - leveldb源码分析与调试-1
3.Loader源码分析-Vue Loader v15
åè¿å¶ç-20è¡¥ç 为å¤å°
åè¿å¶-çè¡¥ç æ¯ã计ç®æºéåç æ¯ç¨æé«ä½è¡¨ç¤ºæ°åçæ£è´ï¼1为è´æ°ï¼0为æ£æ°ãæé«ä½ä¸º1çè´æ´æ°åç æ±è¡¥ç ï¼å°å ¶åç é¤ç¬¦å·ä½å¤çææä½ååï¼0å1ï¼1å0ï¼ç¬¦å·ä½ä¸º1ä¸åï¼åå 1ï¼æåå ä¸ç¬¦å·ä½ã
å³åè¿å¶-çåç 为ï¼é¤ç¬¦å·ä½å¤çææä½ä¸ºï¼åå为ï¼åå 1å°±çäºï¼å¸¦ä¸ç¬¦å·ä½æç»ä¸ºã
æ©å±èµæï¼
å¨è®¡ç®æºç³»ç»ä¸ï¼æ°å¼ä¸å¾ç¨è¡¥ç æ¥è¡¨ç¤ºååå¨ãåå å¨äºï¼ä½¿ç¨è¡¥ç ï¼å¯ä»¥å°ç¬¦å·ä½åæ°å¼åç»ä¸å¤çï¼åæ¶ï¼å æ³ååæ³ä¹å¯ä»¥ç»ä¸å¤çãå¯ä»¥å°åæ³è¿ç®è½¬å为补ç çå æ³è¿ç®æ¥å®ç°ï¼å æäºåç å åæ³è¿ç®ç¹æçå¼ç«¯ï¼å¯ææç®åè¿ç®å¨ç设计ã
åä¸ä¸ªæ°åå¨ä¸åçè¡¥ç 表示形å¼ä¸æ¯ä¸åçãæ¯å¦-çè¡¥ç ï¼å¨8ä½äºè¿å¶ä¸æ¯ï¼ç¶èå¨ä½äºè¿å¶è¡¥ç 表示ä¸ï¼å°±æ¯ã
FREE SOLO - 自己动手实现Raft - - leveldb源码分析与调试-1
leveldb 是源码由 Google 基础架构工程师 Jeff Dean 所设计的,是源码一种高效、可靠的源码键值对存储系统。它基于LSM(Log-Structured Merge)存储引擎,源码代码简洁精炼,源码非常适合深入学习与理解。源码锁屏赚钱源码leveldb 不仅可以作为一个简单的源码键值对引擎使用,而且内部组件如LRU Cache也具有独立的源码实用性,还能在此基础上封装出其他操作接口,源码例如vraft中的源码raftlog和metadata等。
通过理解leveldb,源码能够对后续学习如rocksdb等更高级的源码数据库引擎提供坚实基础。本文旨在从状态机的源码角度解析leveldb,帮助读者深入理解其内部工作原理。源码
在leveldb中,源码关键状态包括但不限于内存、磁盘状态以及LRU Cache状态。内存数据与磁盘数据的交互是leveldb的核心,用户的键值对数据通过日志写入到memtable,然后通过immutable memtable最终到达磁盘上的sorted table文件,这些文件按照级别(level)从0到6逐级存储。通达信空间指标源码通过在关键时刻添加ToJson函数,可以记录这些状态的变化,便于分析。
LRU Cache在leveldb中的实现同样值得深入研究。它作为一种缓存机制,有助于优化数据访问效率。通过在LRU Cache中添加ToJson函数并打印状态,可以直观地观察其内部结构和状态的动态变化。
为了更好地理解leveldb,本文将重点分析关键数据结构,动漫弹幕播放器源码并通过观察不同动作导致的状态变化,来深入探究leveldb的内部机制。在后续文章中,将详细展示leveldb内部状态的转换过程,以帮助读者掌握其核心工作原理。
Loader源码分析-Vue Loader v
vue-loader 是什么
简单来说,vue-loader 的作用是将 .Vue 文件编译成 .js 文件,这样就可以在浏览器中运行,同时也可以在 node 环境中使用 vue-server-render 进行运行。
vue-loader 的加油卡折扣系统源码改动
相较于之前的版本,vue-loader 进行了许多重要的改动,具体细节可以参考官方的迁移指南。
vue-loader 的编译过程
vue-loader 的处理流程可以大致分为以下几个部分:
vue-loader 入口函数
vue-loader 的入口代码并不多,我将入口函数的流程绘制了一个简单的 UML 图,通过这个图可以快速对流程有一个初步的了解。
vue-loader 入口函数主要做了以下几件事:
通过上面的 UML 图可以看出,.vue 文件初次编译时会走生成 code 的流程,那么生成的 code 究竟是什么呢?
通过调试 vue-loader,将 code 打印出来,仔细观察图中红色框中的恋爱计时器程序源码部分。
可以发现在几句 import 中,都是从 source.vue 获取对象,并且路径上携带了参数,这些参数就是 resourceQuery,type 有三种不同类型,分别是 template | script | styles。
这些 import 会继续触发新一轮的 vue-loader 执行,于是接下来就到了途中 resourceQuery 有 type 的情况。
下面是进行了适当删减后的源码,保留了上述涉及到的代码,对代码本身感兴趣的可以浏览。
parse .vue 组件解析
parse 方法内部处理了 vue SFC 文件,前面提到过,编译的方法默认是通过 vue-template-compiler 处理。
主要是通过 compiler.parseComponent 函数对 .vue 文件进行编译。
那么 vue-template-compiler 究竟是什么呢?
在了解 vue-template-compiler 之前,我对 vue 的编译过程有些了解,既然它们都是处理 vue SFC 文件,那么它们会不会是同一份代码呢?抱着疑问的态度,我们先看看 vue-template-compiler 的 readme.md。
This package is auto-generated. For pull requests please see src/platforms/web/entry-compiler.js.
在 readme.md 中可以看到官方对它的说明,实际上 vue-template-compiler 是一份自动生成的代码,它本质就是 vue 中的 sfc/parse。
但今天的主角并不是 vue-template-compiler,也不是 sfc/parse,我会在后面的篇章中对 vue build 的过程做一个详细的解读。
parse 流程 vue-loader 推导策略
在 vue-loader 入口函数分析中已经可以了解到,入口函数最终会生成一个 code,这个 code 包含了几个 import 语句,import 语句都含有 vue 标识并且标明了不同的分块类型。
这些 import 语句会被 VueLoaderPlugin 捕捉并做推导策略处理。
VueLoaderPlugin
老规矩,先来看 VueLoaderPlugin 的代码。
代码删减后及其简单,就一件事:注入 pitcher-loader,用于处理 vue 分块 loader 推导。
pitcher-loader
VueLoaderPlugin 的主要作用就是注入 pitcher-loader,由此可知,实际处理推导过程的是 pitcher-loader,VueLoaderPlugin 只不过是一个 loader 的注入器。
那么 pitcher-loader 是怎么做 loader 推导的呢?
前面提到入口函数生成的 code,code 中包含 import 语句。
这些 import 语句会触发 pitcher-loader,pitcher 根据 resourceQuery 来区分不同块,并生成不同的 loader request。
loader 推导流程总结
把上述过程汇聚成一张 UML 图,通过这张图可以对整个流程有一个清晰的认识。
vue-loader 的整体过程可以划分为以下几个部分: