最近动态

Web技术

前端散记

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

阅读剩下更多

默认配图
Web技术

Vue 源码分析之 nextTick

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

阅读剩下更多

默认配图
Web技术

package.json 中 npm 依赖包版本前的符号的意义

版本的格式 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 版本...

阅读剩下更多

package.json 中 npm 依赖包版本前的符号的意义
Web技术

如何获取元素相对窗口位置

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

阅读剩下更多

默认配图
Web技术

开源许可证教程

作为一个开发者,如果你打算开源自己的代码,千万不要忘记,选择一种开源许可证(license)。许多开发者对开源许可证了解很少,不清楚有哪些许可证,应该怎么选择。本文介绍开源许可证的基本知识,主要参考了 OpenSource.com (1,2)。开源许可证是一种法律许可。通过它,版权拥有人明确允许,用户可以免费地使用、修改、共享版权软件。版权法默认禁止共享,也就是说,没有许可证的软件,就等同于保留版权,虽然开源了,用户只能看看源码,不能用,一用就会侵犯版权。所以软件开源的话...

阅读剩下更多

默认配图
返回顶部