在前端开发中，插件系统是一种非常强大的设计模式，它可以帮助我们构建灵活、可扩展的应用程序。今天，我们就来实现一个简单的前端插件系统，让你了解其背后的原理和实现方式。 一、项目结构 我们的项目主要包含以

马上就要过春节了，大城市里依然是不准燃放烟花这种空气污染的东西的，想念小时候在自家院子里放花的快乐时光，大城市里的小朋友们是体会不到这种快乐了。但作为前端工程师，这难不倒我们，下面就教大家如何用JS在网页里放烟花。 在 codepen 里搜索 “fireworks” 可以搜到各…

说到js的渐变显示与消失，多数朋友会想到JQuery里面的fadeIn()、fadeOut()或fadeToggle()。但如果仅仅是为了引入这样的一个效果，而去调用了庞大JQuery库？或者说我通过用原生js实现一些函数来提高自己~ 所以，我简单的研究了一下纯js代码写淡入淡…

在上篇导航优化方案——预判用户行为（一）中讲到，我们对导航的切换操作设置了延时，解决了移入子菜单时不执行导航切换的问题。但同时引入了新的问题，即导航的延时造成了切换不流程。 其中图中的O点为鼠标的起始位置。 于是问题就转化成了，判断鼠标移动的方向是否位于阴影部分内部，如何判断一…

前端通信研究第五部分，ajax开源类库，github已140+star，持续分享

看到标题你可能会疑惑为什么不是30分钟？ 因为我这个文章图文并茂，非常恐怖，兄弟，其实你不用30分钟就可以看懂。 你可能会以为我在吹牛B，但是当你看完的时候，一掐表，你会发现 我真的是在吹牛B 那又为什么是.22呢？ 作为一个理科生，保留两位小数是不变的信仰。 而在下，仅仅是喜…

哈哈，上动态图真的是一下就明了了。 通过css3中的关键帧，可以得到跳步的效果。先通过一个短的看一下思路。 如果是写死的获奖，那么需要把前面的那个复制一份到后面去，如果是一个一个滚动那么就复制第一个，如果是两个两个滚动的就复制第一个和第二个。 然后计算需要滚动多少次，一次多少秒…

重载，简单说，就是函数或者方法有相同的名称，但是参数列表不相同的情形，这样的同名不同参数的函数或者方法之间，互相称之为重载函数或者方法。 上面的也是同理,根据这个输出结果,不难看出,当没有传递参数时,通过闭包的old变量,我们可以一路向上找到这个方法.

单例模式用到了闭包和高阶函数的特性。单例模式是简单但常用到的模式，比如单页应用、websocket连接等等。特别是惰性单例模式，用到时才创建，再次用到是不需要再次创建。创建对象和管理单例的职责分布在不同的方法中，方便扩展和管理。