这篇文章是三天前写就的，有大佬给我提了一些修改意见，我觉得这个意见确实中肯。所以就有了这个升级的修改版本。代码同步更新到 GitHub 了。 我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug，后来我查看代码才发现直接用的…

很多同学可能从来没接触过这个东西，所以本文我们就以现在最火最流行的Elasticsearch为例，来聊一下分布式搜索引擎的核心架构原理。” 要了解分布式搜索引擎，先了解一下搜索这个事儿吧，搜索这个技术领域里最入门级别的一个概念就是倒排索引。 我们先简单说一下倒排索引是个什么东西…

这几天 Vue 3.0 Beta 版本发布了，本以为是皆大欢喜的一件事情，但是论坛里还是看到了很多反对的声音。主流的反对论点大概有如下几点： 在我看来，Vue 黑暗的一天还远远没有过去，很多人其实并没有认真的去看 Vue-Composition-Api 文档中的 动机 章节，本…

在剖析feb-alive实现之前，希望大家对以下基本知识有一定的了解。 1. 针对activated钩子差异性 keep-alive配合vue-router在动态路由切换的情况下不会触发activated钩子，因为切换的时候组件没有变化，所以只能通过beforeRouteUpd…

JavaScript语言是“动态”或“解释执行”语言，但事实上是一门编译语言。但它不是提前编译的，编译结果也不能在分布式系统中移植。 传统编译语言流程中，程序在执行之前会经历三个步骤，统称为“编译”。 将由字符组成的字符串分解成（对编程语言来说）有意义的代码块。 上面这段程序会…

关于项目的用法和介绍可以查看上面的两个链接，这篇文章主要内容是对filemap.js的代码进行一步一步的分析，详细介绍其运行原理和优化策略。 n叉树先序遍历算法。 知识点1和2请自行查阅资料，现在对知识点3进行分析。 首先明白什么是树。引用数据结构与算法JavaScript描述…

~* \.(js|css|png|jpg|gif)$ 是匹配以相关文件类型然后单独处理。 = 表示精确匹配。只有请求的url路径与后面的字符串完全相等时，才会命中（优先级最高）。 ^~ 表示如果该符号后面的字符是最佳匹配，采用该规则，不再进行后续的查找。 ~ 表示该规则是使用正…

软件系统变得复杂的三个成因是规模、结构与变化。 『按文件类型组织』，这也是前端项目中最普遍的组织方式。例如： 『按功能特性组织』。例如： 两种文件组织方式都是在做『关注点分离』，不同的是对『关注点』的理解。 File-Type First 的 『关注点』是技术和手段。 Feat…

当下，正面临着近几年来的最严重的互联网寒冬，听得最多的一句话便是：相见于江湖~🤣。缩减HC、裁员不绝于耳，大家都是人心惶惶，年前如此，年后想必肯定又是一场更为惨烈的江湖厮杀。但博主始终相信，寒冬之中，人才更是尤为珍贵。只要有过硬的操作和装备，在逆风局下，同样也能来一波收割翻盘…