#事件驱动

JS中的单线程与多线程、事件循环与消息队列、宏任务与微任务

  我们在接触到JavaScript语言的时候就经常听到别人介绍JavaScript是单线程、异步、非阻塞、解释型脚本语言。  确切的说,对于开发者的开发过程来说,js确实只有一个线程(由JS引擎维护),这个线程用来负责解释和执行JavaScript代码,我们可以称其为主线程。  代码在主线程上是按照从上到下顺序执行的...

设置 -webkit-app-region 后无法响应鼠标点击事件的解决方式

  在开发应用的过程中,想要使得窗口在普通大小可以拖动,经常会设置该css属性:-webkit-app-region:drag;  但是设置了这个属性后,发现双击全屏和restoresize等功能又废了,包括鼠标样式等等,实际上加了该属性就触发不了鼠标的相关事件。  通过搜索不难发现,有如下方案:  1、拖动不要用-w...

vue组件的hover事件模拟、给第三方组件绑定事件不生效问题

1、vue里面实现hover效果基本需要用事件模拟<div@mouseover="overShow"@mouseout="outHide">  或者是:mouseenter、mouseleave2、比如给第三方组件ElementUI的button,在绑定mouseover和mouseout事件时,发现绑在按...

JS里关于事件的常被考察的知识点:事件流、事件广播、原生JS实现事件代理

1、JS里面的事件流  DOM2级事件模型中规定了事件流的三个阶段:捕获阶段、目标阶段、冒泡阶段,低版本IE(IE8及以下版本)不支持捕获阶段  捕获事件流:Netscape提出的事件流,即事件由页面元素接收,逐级向下,传播到最具体的元素。  冒泡事件流:IE提出的事件流,即事件由最具体的元素接收,逐级向上,传播到页面...

echarts使用记录(二)legend翻页,事件,数据集,设置y轴最大/小值,让series图形从右侧出往左移动

1、有时候legend比较多的时候,需要做翻页比较好,有个属性legend的type属性设置为scroll,然后animation可以控制动画,官方文档均可查。  再就是scrollDataIndex,就是默认从哪一项开始翻页。  然后有个问题就是虽然legend可以显示分页,但是series却没法跟随legend同步...

Node.js:创建应用+回调函数(阻塞/非阻塞)+事件循环

一、创建应用  如果我们使用PHP来编写后端的代码时,需要Apache或者Nginx的HTTP服务器,并配上mod_php5模块和php-cgi。从这个角度看,整个"接收HTTP请求并提供Web页面"的需求根本不需要PHP来处理。  不过对Node.js来说,概念完全不一样了。使用Node.js时,我们不仅仅在实现一个...

模拟源码深入理解Vue数据驱动原理(2)

  我们说到如果监听的属性是个对象呢?那么这个对象中的其他属性岂不就是监听不了了吗?如下:  倘若user中的name、age属性变化,如何知道它们变化了呢?今儿,就来解决这一问题。  通过走读Vue源码,发现他是利用Observer构造函数为每个对象创建一个Observer对象,来监听数据的,如果数据中的属性又是一个...

模拟源码深入理解Vue数据驱动原理(1)

  Vue有一核心就是数据驱动(DataDriven),允许我们采用简洁的模板语法来声明式的将数据渲染进DOM,且数据与DOM是绑定在一起的,这样当我们改变Vue实例的数据时,对应的DOM元素也就会改变了。  通过粗浅地走读Vue的源码,发现达到这一效果的核心思路其实就是利用ES5的defineProperty方法,监...

vue实现数据驱动视图原理

一、什么是数据驱动  数据驱动是vuejs最大的特点。在vuejs中,所谓的数据驱动就是当数据发生变化的时候,用户界面发生相应的变化,开发者不需要手动的去修改dom。  比如说我们点击一个button,需要元素的文本进行是和否的切换。在jquery刀耕火种的年代中,对于页面的修改我们一般是这样的一个流程,我们对butt...

深入理解Vue父子组件通讯的属性和事件

  在html中使用元素,会有一些属性,如class,id,还可以绑定事件,自定义组件也是可以的。当在一个组件中,使用了其他自定义组件时,就会利用子组件的属性和事件来和父组件进行数据交流。  父子组件之间的通信就是propsdown,eventsup,父组件通过属性props向下传递数据给子组件,子组件通过事件even...

Vue样式绑定和事件处理器

一、样式绑定  class与style是HTML元素的属性,用于设置元素的样式,我们可以用v-bind来设置样式属性。  v-bind在处理class和style时,专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。1、class属性绑定  我们可以为v-bind:class设置一个对象,从而动态的切换...

JavaScript事件代理和事件委托

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

JavaScript事件冒泡机制和阻止事件冒泡及默认事件

一、阻止事件冒泡:  1、html中加returnfalse  2、js中加returnfalse  3、IE下:window.event.cancelBubble=true;    FF下:event.stopPropagation();//阻止事件冒泡函数functionstopBubble(evt){ ...

循环事件绑定和原型的应用

一、循环事件绑定:<ul><li>0</li><li>1</li><li>2</li><li>3</li><li>4</li></ul><script>varnod...

浅谈Jquery中的bind()、live()、delegate()、on()绑定事件方式

一、on(),live(),bind()  on()为指定的元素,添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。使用on()方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。  live()向当前或未来的匹配元素添加一个或多个事件处理器;  bind()向匹配元素添加一个或多个事件处理...
首页上一页...4041424344...下一页尾页