前端笔记

观察者模式和发布/订阅模式，用一句话就可以区分其差别：观察者模式观察的是被观察者本身，而发布订阅模式订阅的是主题。

本文主要介绍IOC(控制反转)容器与DI(依赖注入)的Typescript实现，如何解决多应用实例下的隔离问题。

事件的关注点在哪里 事件的关注点应该是事件本身，而不是事件的派发者或者订阅者。事件处理其实是跨模块的逻辑编排，各模块应保持独立，避免耦合。

个人本周学习总结：DDD设计模式落地；实时采样算法；流式传输；rxjs和订阅重构；css列组合选择符

本文介绍 web worker实践中的两个问题：worker.js打包（404报错）和第三方依赖的加载。

可能有人认为，是esm战胜了amd，才导致了requireJS的没落。 但在我看来，esm战胜amd既是webpack流行的因，也是它的果。 webpack融合了构建与模块加载，是一个划时代的创举。

使用WeakMap来缓存请求Promise和AbortController，无需关注这两个实例的清理，和内存泄漏，降低心智负担。

多数的状态管理库解决的问题是跨组件数据通信的问题，并非解决状态管理复杂度，甚至他们反而会增加状态管理的复杂度。

这是一篇k8s入门的实战案例：如何手动将前端nginx项目镜像部署到k8s集群，并配置ingress路由。

问起event loop，有很多人会提到一个关键词：“宏任务”。不同作者对宏任务的定义不一样，但其实根本就不存在“宏任务”这个概念。

9月中公司裁员，国庆后开始找工作，煎熬了一个月后，11月底确定入职公司。本文记录一下过程中的面经和感受。

自定义webpack loader主要用于处理文件内容，比如解析自定义格式的文件（最常见的如解析.vue文件或jsx文件），或者对文件内容进行替换。

开发时经常会使用console.log进行调试，如果代码复杂，多个console.log输出往往会分不清其所在位置，因此可以通过一个插件，每次调用console.log时，自动加入其所在文件和代码行数

箭头函数中的this指向什么？ 这是一道经典JS问题。 很多人都认为，箭头函数中的this，指向的是它定义时的环境中的this。但是这个解释是有问题的!

前文介绍了Dockerfile文件，但在实际应用中还有一个常见的文件——docker-compose.yml，本文便介绍Compose的使用方法。

本文介绍docker中的文件分层存储，Dockerfile的编写和常用指令，以及docker build命令的使用方法。

docker渐渐成为前端避不开的一个知识点，好在docker上手非常简单，看完本文，十分钟带你入门。

本文介绍MongoDB整库导入的命令及常见错误。包括mongodb的创建、连接、导入方法和常见错误。

活动图是描述过程逻辑、业务流程和工作流的技术。在许多地方，它们扮演的角色类似于流程图，但和流程图表示法之间的首要区别是它们支持并行行为。

UML中交互图是顺序图和通信图的统称，这两种图都可以表示类似的交互，其中顺序图具有更丰富的符号标记，但是通信图也有其独特的功能，尤其适用于在墙上画草图。