前端知识整理

我们都知道Vue 2中用的diff算法是双端Diff。而Vue 3的其中一个特性就是把底层的diff算法改成了快速Diff。 与字面意思一样，快速diff是目前已知的最快的diff算法。 本文将

相信每个前端开发者在职业生涯中肯定都会遇到过Blob，但却很少有人真的了解过这个东西究竟是什么。今天我们就一起来聊聊Blob吧。

状态模式是一种很优秀的设计模式，可是在很多情况下它会增加开发的代码量。当然它的好处是可以极大的提高代码的语义化。因此掌握状态模式的核心思想，我们就等于在开发时拥有了在代码量与可读性两种情况间更多

如果你写过typescript，可能会听过一个词 ——“装饰器”。这个词在java开发中会更加的常见，是通过一种写法来丰富某个类的方法的操作。而装饰器的来源就是装饰者模式，今天我们就来看看什么是

设计模式的创造主要实现的是，解耦代码提高可维护性和优化代码性能。之前写的文章中大部分的设计模式都是侧重解耦代码，而今天讲的享元模式则是可以优化代码性能的一种设计模式。 设计思路 假如现在我们是一

模板方式模式是一种严重依赖“抽象类”的设计模式，我们都知道在JavaScript中并没有真正的实现“类”这个概念。但这不妨碍我们利用这个设计模式的核心思路来优化我们的代码，接下来我们就一起来了解

今天来讲命令模式，命令模式让一个动作从发起人和执行人之间过程的耦合度减低。合理地使用命令模式可以大大提高我们代码的可维护性。 设计思路 一个命令从端到端之间消费，一定会存在很多复杂的逻辑。命令模

终于轮到了发布订阅模式。这应该是前端开发者听到最多的设计模式了，像Vue这种MVVM框架就是在发布订阅的基础上设计的。今天我们就来简单聊一下这个模式。 说明 现在网络上有2种观点，有人认为发布—

今天我们来看一下代理模式，代理模式其实在前端中的使用频率是非常高的。只是可能大部分的开发者并没有感知到。我们很多时候会为了减少直接对dom的操作次数，会先用一个对象实例来反映我们的操作，最后再修

Vuex作为VUE生态全家桶的一员，相信大部分使用VUE的前端开发工程师都会用过Vuex来做状态管理。可是大家有没有了解过Vuex的实现原来是怎样的呢？ Vuex是做什么的？ 用官方的话来说，V

最近读了《JavaScript设计模式与开发实践》这本书，感觉收获很大。便试着写一下记录总结，希望也能对大家有帮助。本文所有代码默认为JavaScript。 说明 单例模式是指：保证一个类仅有一

【Iterator】（迭代器)是ES6中JavaScript的一个新特性，拥有迭代器特性的数据，js可以为它执行如for...of,map(),filter()等迭代方法。掌握这个技巧之后，在某

随著对产品要求的提高，如今几乎所有的页面都会用到动画的效果。目的在于提高用户浏览页面的体验，为了实现页面的动画，前端的技术也在不停的演。从最早的用jq操作dom，到CSS3之后的CSS动画。开发

作为vue全家桶的一员，vue-router一直是广大前端开发者平常离不开的工具库之一。今天我们就来一起来了解一下vue-rouer。 快速说明 Vue Router 是 Vue.js (ope

作为一个前端工程师，相信大家都已经体验到了由ES7的async/await带来的好处了。可以说它彻底的改变了我们写代码的风格方式。今天我们就一起来深入一下，这个async/await的前世今生。

在之前我们讲过手写promise的实现（点击回顾），但忽略了Promise类上的方法。今天我们就来补全一下。 Promise.all Promise.all接受一个参数，参数是一个iterabl

JavaScript这门语言，在设计上其实存在则很多模糊的地方。同时，在高校中也没有专门的课程会带大家熟悉这门语言。导致很多的使用技巧其实是由工作了一段时间的大神们总结出来的。诸如创建一个干净的

浏览器中的eventloop。然而在NodeJs中的eventloop与浏览器的是有区别的。对于写nodejs的人来说掌握eventloop是一项很重要的技能。

工程化是前端开发者进阶的一个大标志，我们会开始研究开发构建，构建优化，已经服务开发等领域。而工程化的这最早代表，就是模块化的诞生。今天我们就来探讨一下前端模块化。

this的指向并不会延申很多，只要记住他的规律就行。另外我们还手写了实现了call与bind。其实this除了面试题之外，在我们的日常开发中出现的频率还是挺高的，掌握这方面的知识，可以在开发遇到问题时