51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#事件驱动
JS中的单线程与多线程、事件循环与消息队列、宏任务与微任务
我们在接触到JavaScript语言的时候就经常听到别人介绍JavaScript是单线程、异步、非阻塞、解释型脚本语言。 确切的说,对于开发者的开发过程来说,js确实只有一个线程(由JS引擎维护),这个线程用来负责解释和执行JavaScript代码,我们可以称其为主线程。 代码在主线程上是按照从上到下顺序执行的...
代码星球
·
2020-06-27
线程
任务
JS
中的
单线程
设置 -webkit-app-region 后无法响应鼠标点击事件的解决方式
在开发应用的过程中,想要使得窗口在普通大小可以拖动,经常会设置该css属性:-webkit-app-region:drag; 但是设置了这个属性后,发现双击全屏和restoresize等功能又废了,包括鼠标样式等等,实际上加了该属性就触发不了鼠标的相关事件。 通过搜索不难发现,有如下方案: 1、拖动不要用-w...
代码星球
·
2020-06-27
设置
-webkit-app-region
无法
响应
鼠标
vue组件的hover事件模拟、给第三方组件绑定事件不生效问题
1、vue里面实现hover效果基本需要用事件模拟<div@mouseover="overShow"@mouseout="outHide"> 或者是:mouseenter、mouseleave2、比如给第三方组件ElementUI的button,在绑定mouseover和mouseout事件时,发现绑在按...
代码星球
·
2020-06-27
组件
事件
vue
hover
模拟
JS里关于事件的常被考察的知识点:事件流、事件广播、原生JS实现事件代理
1、JS里面的事件流 DOM2级事件模型中规定了事件流的三个阶段:捕获阶段、目标阶段、冒泡阶段,低版本IE(IE8及以下版本)不支持捕获阶段 捕获事件流:Netscape提出的事件流,即事件由页面元素接收,逐级向下,传播到最具体的元素。 冒泡事件流:IE提出的事件流,即事件由最具体的元素接收,逐级向上,传播到页面...
代码星球
·
2020-06-27
事件
JS
关于
常被
考察
echarts使用记录(二)legend翻页,事件,数据集,设置y轴最大/小值,让series图形从右侧出往左移动
1、有时候legend比较多的时候,需要做翻页比较好,有个属性legend的type属性设置为scroll,然后animation可以控制动画,官方文档均可查。 再就是scrollDataIndex,就是默认从哪一项开始翻页。 然后有个问题就是虽然legend可以显示分页,但是series却没法跟随legend同步...
代码星球
·
2020-06-27
echarts
使用
记录
legend
翻页
Node.js:创建应用+回调函数(阻塞/非阻塞)+事件循环
一、创建应用 如果我们使用PHP来编写后端的代码时,需要Apache或者Nginx的HTTP服务器,并配上mod_php5模块和php-cgi。从这个角度看,整个"接收HTTP请求并提供Web页面"的需求根本不需要PHP来处理。 不过对Node.js来说,概念完全不一样了。使用Node.js时,我们不仅仅在实现一个...
代码星球
·
2020-06-27
阻塞
Node.js
创建
应用
回调
模拟源码深入理解Vue数据驱动原理(2)
我们说到如果监听的属性是个对象呢?那么这个对象中的其他属性岂不就是监听不了了吗?如下: 倘若user中的name、age属性变化,如何知道它们变化了呢?今儿,就来解决这一问题。 通过走读Vue源码,发现他是利用Observer构造函数为每个对象创建一个Observer对象,来监听数据的,如果数据中的属性又是一个...
代码星球
·
2020-06-27
模拟
源码
深入
理解
Vue
模拟源码深入理解Vue数据驱动原理(1)
Vue有一核心就是数据驱动(DataDriven),允许我们采用简洁的模板语法来声明式的将数据渲染进DOM,且数据与DOM是绑定在一起的,这样当我们改变Vue实例的数据时,对应的DOM元素也就会改变了。 通过粗浅地走读Vue的源码,发现达到这一效果的核心思路其实就是利用ES5的defineProperty方法,监...
代码星球
·
2020-06-27
模拟
源码
深入
理解
Vue
vue实现数据驱动视图原理
一、什么是数据驱动 数据驱动是vuejs最大的特点。在vuejs中,所谓的数据驱动就是当数据发生变化的时候,用户界面发生相应的变化,开发者不需要手动的去修改dom。 比如说我们点击一个button,需要元素的文本进行是和否的切换。在jquery刀耕火种的年代中,对于页面的修改我们一般是这样的一个流程,我们对butt...
代码星球
·
2020-06-27
vue
实现
数据
驱动
视图
深入理解Vue父子组件通讯的属性和事件
在html中使用元素,会有一些属性,如class,id,还可以绑定事件,自定义组件也是可以的。当在一个组件中,使用了其他自定义组件时,就会利用子组件的属性和事件来和父组件进行数据交流。 父子组件之间的通信就是propsdown,eventsup,父组件通过属性props向下传递数据给子组件,子组件通过事件even...
代码星球
·
2020-06-27
深入
理解
Vue
父子
组件
Vue样式绑定和事件处理器
一、样式绑定 class与style是HTML元素的属性,用于设置元素的样式,我们可以用v-bind来设置样式属性。 v-bind在处理class和style时,专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。1、class属性绑定 我们可以为v-bind:class设置一个对象,从而动态的切换...
代码星球
·
2020-06-27
Vue
样式
绑定
事件
处理器
JavaScript事件代理和事件委托
一、概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们讲事件委托基本上都用了同一个例子,就是取快递来解释这个现象,我仔细揣摩了一下,这个例子还真是恰当,我就不去想...
代码星球
·
2020-06-27
事件
Javascript
代理
委托
JavaScript事件冒泡机制和阻止事件冒泡及默认事件
一、阻止事件冒泡: 1、html中加returnfalse 2、js中加returnfalse 3、IE下:window.event.cancelBubble=true; FF下:event.stopPropagation();//阻止事件冒泡函数functionstopBubble(evt){ ...
代码星球
·
2020-06-27
事件
冒泡
Javascript
机制
阻止
循环事件绑定和原型的应用
一、循环事件绑定:<ul><li>0</li><li>1</li><li>2</li><li>3</li><li>4</li></ul><script>varnod...
代码星球
·
2020-06-27
循环
事件
绑定
原型
应用
浅谈Jquery中的bind()、live()、delegate()、on()绑定事件方式
一、on(),live(),bind() on()为指定的元素,添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。使用on()方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。 live()向当前或未来的匹配元素添加一个或多个事件处理器; bind()向匹配元素添加一个或多个事件处理...
代码星球
·
2020-06-27
浅谈
Jquery
中的
bind
live
首页
上一页
...
40
41
42
43
44
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他