9是酱紫

观察者模式中通常有两个模型，一个观察者（observer）和一个被观察者（Observed）。从字面意思上理解，即被观察者发生某些行为或者变化时，会通知观察者，观察者根据此行为或者变化做出处理。那么具体如何操作呢，接下来我们就用JavaScript代码实现一个下图👇所示的观察…

说人话就是Blob为一些JavaScript操作二进制数据的API提供了数据交换机制的支持。比如我们比较熟系的File接口就是基于Blob实现的，也是我们使用的Blob最多的方式，我们还可以借助Blob使用XMLHttpRequest从网络下载文件(二进制数据)，并且Blob可…

数组对应数据结构线性表的顺序存储结构，即数组中的元素在内存中是按照物理位置一个挨着一个连续存储的。通常来说数组的大小是固定的，我们在创建数组的时候就确定了数组的元素个数，但是js的数组是天生动态的，数组容量大小可以动态扩展。 这个数组的方法是将数组拼接成以某个字符串作为分隔符的…

在阅读了H5 直播的疯狂点赞动画是如何实现的？(附完整源码)这篇文章后感觉这个点赞效果很不错，并且也跟着作者实现了一下这个动画效果。其中css的实现方式很容易理解，但是我在读完作者canvas实现方法之后有不同的实现思路，因此又按照自己的思路实现了一下。实现效果如下： 我看到这…

那么接下来我们一边学习一些dom元素滚动相关的知识点，一边实现一个上图的效果和一些其他滚动相关的功能。 scrollTop属性是一个描述容器元素内容的top值与容器元素(viewport)视口顶部top值之间的差值，即容器中内容向上滑动后超出容器视口的部分。可以通过修改此属性控…

webpack是一个代码编译打包工具，有入口，出口、loader和插件等，大多数前端开发人员能够熟练的使用webpack管理我们的代码，但我们可能还没有尝试理解过webpack编译的原理，让我们怀着好奇(｀ﾍ´)=3的心态通过阅读编译后的源码来尝试理解一下webpack编译的基…

在html标签中设置manifest属性，该属性指向一个缓存清单配置文件即可。 清单文件首行以字符串"CACHE MANIFEST"开头进行标记，剩余的就是要缓存的URL列表。 此区域后面的内容就是要缓存的内容。 此内容之后标识的内容即不会缓存的内容，即总是从网络获取。 区域中…

我们对Vue中data数据的修改会导致界面对应的响应变化，而通过nextTick方法，可以在传入nextTick的回调函数中获取到变化后的DOM，讲起来可能还是有点梦幻，

我们要从weex的runtime源码出发理解weex的实现原理。 看文件夹的名字也知道，entries文件夹就是入口文件定义的位置了，我们点进去看他的index.js的定义，发现它是各种前端框架的入口文件，以index.js为入口会编译所有框架的版本。 api文件夹主要是暴露a…