变量作用域顾名思义就是变量作用范围，即我们可以在什么地方去使用这个变量，es6之前的js的作用域只有两种，即函数作用域和全局作用域。 词法作用域就是定义在词法阶段的作用域。换句话说，词法作用域是由你在写代码时将变量和块作用域写在哪里来决定的，因此当词法分析器处理代码时会保持作用…

直接在返回对象对象上声明一个服务。 接下来我们看第10行，如果注册的服务有create方法，那么我们取它的返回值为result，接下来分别把result上的属性复制到serviceMap.service，把result.instance上的属性复制到serviceMap上，最后…

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

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

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

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

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

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

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