在app端常常看到类似加载数据的动画，接下来我们来实现滚动触底加载动画提示，以及如何复用这些逻辑。 经过上面三种情况的分析，我们需要拿到 可视区域的高度 , 滚动高度 , 文档高度这三个变量来进行比较。 将滚动逻辑抽取成 mixins 放在 scroll.js 中。优化功能点如…

首先，我们先把需要实现的功能先确定下来。鼠标左键点击可以拖动鼠标滑轮滚动内容发生变化，自动更新滚动条长度提供开发者一个滚动回调的接口前面两点依靠原生滚动条其实比较简单，但是在第三点上实在是卡了我好久，

1. 类型强制转换 可以使用双位操作符来替代 Math.floor( )。双否定位操作符的优势在于它执行相同的操作运行速度更快。 如果variable1是真值就直接返回了，后面短路就不会被返回了，如果为假值，则会返回后面的foo。 如果param如果为真值则返回param.pr…

相信大家都听过一句话程序=数据结构+算法，数据结构和算法是脱离编程语言而存在的，不同的语言有不同的实现版本，但内在的逻辑却不会有变化，所体现的编程思想不会有变化。虽然前端可能对数据结构和算法的要求没有那么高，但是作为一个程序员数据结构是我们应该掌握的基本知识。 实现栈可以用数组…

1. 类型转换时的劫持 对象在转换类型的时候，会执行原生方法ToPrimitive。 如果都没有 原始类型 返回，则抛出 TypeError类型错误。 当然，我们可以通过重写Symbol.toPrimitive来制定转换规则，此方法在转原始类型时调用优先级最高。 鱼头注：事实上…

深入学习js系列是自己阶段性成长的见证，希望通过文章的形式更加严谨、客观地梳理js的相关知识，也希望能够帮助更多的前端开发的朋友解决问题，期待我们的共同进步。 基于原型的语言，之所以选择基于原型的面向对象系统，并不是因为时间匆忙，它设计起来相对简单，而是因为从一开始Brenda…

CommonsChunkPlugin 插件，是一个可选的用于建立一个独立文件(又称作 chunk)的功能，这个文件包括多个入口 chunk 的公共模块。简单来说CommonsChunkPlugin主要是用来提取第三方库和公共模块，避免首屏加载的bundle文件或者按需加载的bu…

就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…

不打算考虑兼容性，所以没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的bug。