作为一名前端开发者，每个人都是从小白过来的。在我们最开始接触JavaScript的时候，相信大家听到最多的知识点之一就是DOM对象模型和BOM对象模型， 其中DOM就是我们的文档对象

前言 今天给大家安利一波我在做前端开发（crtl+c/v）中的一些提升幸福度 js 使用小技巧，它可以帮助你书写干净和优雅的JavaScript代码。

那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这…

无缝滚动特效原理与代码实现；跑马灯轮播图原理、注意事项与代码实现；呼吸灯轮播图原理、注意事项与代码实现；

效果图普通轮播图卡片式轮播图堆叠式轮播图普通轮播图普通轮播图-演示普通轮播图-源码思路：如上图所示，假设有三张图片进行轮播，绿色区域是显示区域，其它部分都是隐藏的页面渲染时,会多选择两张图片，图中数字

添加任意数量的类名，若类名已存在则会被忽略。 删除任意数量的类名，若类名不存在，也不会抛出异常。 根据索引返回相应的类名。 检查指定的类名是否存在。 用新的类名替换指定的类名。

在 HTML5 中提出的 classList 属性，能够方便开发者对元素的类进行处理，但是老版本的浏览器中却没有该属性。在没有提供这个属性的情况下，classList.js 实现了一套 class 处理的能力，本文对该库的源码进行分析。

如果要判断一个运行中函数的 this 绑定，就需要找到这个函数的直接调用位置。找到之后就可以顺序应用下面这四条规则来判断 this 的绑定对象。

通过对前端知识进行一个评级，确定现在阶段，然后提供清晰的学习路线，完成进阶。希望可以通过这篇文章，可以帮助大家少走弯路。 可以熟练的进行平时的业务开发，但是对于JS高阶，源码，浏览器原理，数据结构与算法，设计模式，网络,前端工程之类的东西很迷茫，只知道一些大概的名词。这个时候，…