用户752259610181

在阅读了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…

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

面向对象是一种编程思想，其重要特征就是多态和继承，通常涉及到类和类和类的实例（对象）、接口等概念。JavaScript中没有类，但是我们可以使用构造函数和原型模拟类的实现。 说到js的继承，那首先想到的肯定是原型链，实际上js中实现继承就是依赖原型链的机制，那么下面就让我们详细…

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