具体需求 基于Vue 2.x，实现一个可拖动的内容组件 按下鼠标左键开始拖动，随光标移动而移动，松开左键后停止移动，即不可拖动了 内容区部分内嵌iframe 右上角有操作按钮 原代码概况 拖动效果是使

原本我的文章标题是深入探讨line-height与vertical-align的疑难杂症，但这样似乎没能针对性的抛出一个问题，故改成“彻底搞定vertical-align垂直居中不起作用疑难杂症”。因此，本文讲解的还是line-height和vertical-align。至于各…

二分查找可以说是所有算法中最基础、最容易理解的算法之一了，但事实上也是挂科率最高的考题之一，在各个大厂的应届生面试中，这样的评价屡见不鲜: 谈项目的时候来聊的好好的，叫他写个二分搜索却写不出来。对此我不做评论，就二分查找而言，我觉得它并没有大家想象那样容易，用“思路很简单，细节…

本系列排序包括十大经典排序算法。 定义抽象类Sort里面实现了，交换，大小比较等方法。例如交换两个值，直接传入下标就可以了。其他的具体排序的类都继承抽象类Sort。这样我们就能专注于算法本身。 最高位优先(Most Significant Digit first)法，简称MSD…

开发中，我们或多或少地接触了设计模式，但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点，从而对它们有比较清晰的认知。 看完了上述设计模式后，把它们的关键词特点罗列出来，以后提到某种设计模式，进而联想相应的关键词和例子，从而心中有数。

当然我们可以用一个通俗的说法：设计模式是解决某个特定场景下对某种问题的解决方案。因此，当我们遇到合适的场景时，我们可能会条件反射一样自然而然想到符合这种场景的设计模式。 比如，当系统中某个接口的结构已经无法满足我们现在的业务需求，但又不能改动这个接口，因为可能原来的系统很多功能…

在上一篇《JS知识点大杂烩》中说到了事件流但没有详细的介绍，这篇文章就来介绍一下事件流。 事件绑定大家都知道，有DOM0级（on+type）和DOM2级（addEventListener）,我觉得说那么多概念不好理解，直接看代码吧,为了方便我就直接使用id来获取元素。 输出了b…

初级前端面试常问的问题，JavaScrip 中事件流模型分为 事件捕获、事件目标、事件冒泡 三个阶段。

一、DOM是什么？ 简单来讲，DOM就是一组API（接口）。它将一份结构化文档看做一棵树，这棵树由各种各样的节点构成，即节点树。DOM不是专为HTML设计的，它是通用型的标准，为所有标记语言而设计。