Jelon 发表于 2018-09-02    标签： 前端

事件流程如下：（1）捕获阶段：事件从根元素开始向触发事件的目标元素进行传递，传递过程中，如果中间有元素注册了事件处理函数，并且useCapture参数值为true，那么此事件处理函数就会执行，IE9+和其他标准浏览器支持。 （2）目标阶段：触发目标元素对应事件，并执行注册的事件处理函数。 （3）冒泡阶段：从目标元素开始向根元素传递，传递过程中，如果中间有元素注册了事件处理函数，且useCapture值为false，此事件处理函数就会执行...

阅读剩下更多

ustbhuangyi 发表于 2018-08-08    标签： vue / nextTick

nextTick 是 Vue 的一个核心实现，在介绍 Vue 的 nextTick 之前，为了方便大家理解，我先简单介绍一下 JS 的运行机制。JS 执行是单线程的，它是基于事件循环的。事件循环大致分为以下几个步骤。(1）所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。（2）主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件...

阅读剩下更多

Jelon 发表于 2018-04-07    标签： npm / node

版本的格式 major.minor.patch 主版本号.次版本号.修补版本号patch：修复bug，兼容老版本 minor：新增功能，兼容老版本 major：新的架构调整，不兼容老版本 version 必须匹配某个版本 如：1.1.2，表示必须依赖1.1.2版 >version 必须大于某个版本 如：>1.1.2，表示必须大于 1.1.2 版 >=version > 可大于或等于某个版本 如：>=1.1.2，表示可以等于 1.1.2，也可以大于 1.1.2 版本...

阅读剩下更多

Jelon 发表于 2018-02-23    标签： js

一、js 递归实现 JS 获取元素的 offsetTop, offsetLeft 等属性，可以通过 offsetTop 和 offsetLeft 属性获取元素相对窗口的位置，但 offsetTop 和 offsetLeft 属性都是相对于父元素定位的，而通常需要获取位置的元素都不是在最外层，所以需要遍历上级元素的 offset，递归实现如下。二、利用 getBoundingClientRect 实现。很明显前面提到的那种方法效率代价还是比较高的...

阅读剩下更多