51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#事件驱动
浏览器事件模型
我想你很可能听说过事件驱动,但是事件驱动到底是什么?为什么说浏览器是事件驱动的呢?为什么Nodejs 也是事件驱动的?两者是一回事么?实际上不管是浏览器还是Nodejs 都是事件驱动的,都有自己的事件模型。在这里,我们只讲解浏览器端的事件模型,如果对Nodejs事件模型感兴趣的,请期待我的Nodej...
代码星球
·
2020-12-25
浏览器
事件
模型
如何在Canvas中添加事件?
作为一个前端,给元素添加事件是一件司空见惯的事情。可是在Canvas中,其所画的任何东西都是无法获取的,更别说添加事件,那么我们对其就束手无策了吗?当然不是的!我们在平时项目中肯定都用过许多Canvas的框架,我们发现事件在这些框架中已经使用的十分成熟了,而且并没有出现特别严重的问题。那么我们可以肯定的是,事件在Can...
代码星球
·
2020-12-24
何在
Canvas
添加
事件
CSS:scroll-snap滚动事件停止及元素位置检测
css ScrollSnap是个非常好用的特性,可以让网页容器滚动停止的时候,无需任何js代码的参与,浏览器可以自动平滑定位到指定元素的指定位置。类似幻灯片广告效果就可以纯css实现。而且CSSScrollSnap的兼容性非常好,移动端几乎可以放心使用。 二、源自实际项目的scroll-snap场景...
代码星球
·
2020-12-24
CSS
scroll-snap
滚动
事件
停止
Js事件的截获
1.事件截获原理利用事件的捕获阶段,添加事件。再利用触发事件元素(e.target)来判断(根据一定的标识或者某些特征)是否是我们需要劫持的dom。 2.具体拦截这里使用id作为一个判断根据,真实场景中肯定不是这样的。这里的特征是需要根据一定的规则去寻找的。(这里只是为了演示原理)<!DOCTYPEht...
代码星球
·
2020-12-24
Js
事件
截获
javascript的事件流模型都有什么?
事件流:当你在页面触发一个点击事件后,页面上不仅仅有一个元素响应该事件而是多个元素响应同一个事件,因为元素是在容器中的。事件发生的顺序就是事件流,不同的浏览器对事件流的处理不同。 冒泡事件流:当触发一个节点的事件时,会从当前节点开始,依次触发其祖先节点的同类型事件,直到DOM根节点。 捕...
代码星球
·
2020-12-24
Javascript
事件
模型
都有
什么
事件循环以及vue.nextTick的应用
事件循环三个概念调用栈,先进后出宏任务队列(存放宏任务的,队列先进先出)微任务队列异步任务又分为宏任务和微任务宏任务,macrotask,也叫taskssetTimeoutsetIntervalsetImmediate(Node独有)requestAnimationFrame(浏览器独有)I/ODOM/Webevent...
代码星球
·
2020-12-24
事件
循环
以及
vue.nextTick
应用
监听Canvas内部元素点击事件的三种方法
约定本文介绍的三种方法适用于识别canvas内形状不规则而且位置无规律的图形点击事件,对于形状规则或者位置有规律的场景,肯定有更简便的实现,这里不做讨论。 像素法像素检测法的思路是,将canvas中的多个图形(如果有多个的话)分别离屏绘制,并用getImageData()方法分别获取到像素数据保存起来。当ca...
代码星球
·
2020-12-24
监听
Canvas
内部
元素
点击
React添加事件
react添加事件,和DOM上添加事件类似,但又有细微的不同.react添加事件,需要注意:1.React的事件命名采用小驼峰(camelCase)的命名方式,DOM采用的是纯小写的方式;2.使用jsX语法时,需要传入一个函数作为事件的处理函数,DOM传入的是一个字符串(虽然DOM中传入的事件名称也可以是函数名称,但数...
代码星球
·
2020-12-24
React
添加
事件
输入框失去焦点事件和按钮点击事件冲突
场景是这样的:点击输入框失去焦点会触发验证方法,点击提交按钮的时候也会触发验证方法,如果用户点击输入框后点击提交按钮就会同时触发失去焦点方法和提交按钮方法,这样就会触发两次验证。我想写成只触发一次验证,在开发过程中我发现:在移动端当失去焦点和点击事件同时发生的时候,会先执行失去焦点事件,然后再执行点击事件,也就是说失去...
代码星球
·
2020-12-24
事件
输入
失去
焦点
按钮
浏览器事件之事件流
介绍事件流描述的是从页面中接收事件的顺序。但是IE和Netscape却提出了两个完全相反的事件流,分别是事件冒泡流和事件捕获流。 事件冒泡IE的事件流称为事件冒泡,从最具体的元素开始,然后逐渐向上传播到文档节点。如下图:我们以下面代码展示事件冒泡:<!DOCTYPEhtml><html>...
代码星球
·
2020-12-24
事件
浏览器
阻止表单的默认提交事件
表单一点击提交按钮(submit)必然跳转页面,如果表单的action为空也会跳转到自己的页面,即效果为刷新当前页。 如下,可以看到一点击提交按钮,浏览器的刷新按钮闪了一下,如果想要阻止表单的默认提交事件,有以下几种方法: 1.将<input>标签内按钮类型从type="submit"修...
代码星球
·
2020-12-24
阻止
表单
默认
提交
事件
如何解决Access操作或事件已被禁用模式阻止
操作或事件已被禁用模式阻止。本来是Access安全设置的一部分,可以防止一些危险性的宏自动运行损坏数据,但是如果是自己在设计或是修改Access数据库的时候,这个就比较烦人了,一次次的提示,每次都需要打开。那么如何彻底不让他提示 Access数据库 如图。每次执行Delete,updat...
代码星球
·
2020-12-23
如何
解决
Access
操作
事件
博客园添加鼠标动态事件
https://www.cnblogs.com/wkfvawl/p/9414180.html...
代码星球
·
2020-12-18
博客园
添加
鼠标
动态
事件
nvidia-docker2配置与NVIDIA驱动安装
要运行高版本的GPU版TensorFlow,需要更新宿主机的显卡驱动(本文以NVIDIA390为例) 禁用nouveau驱动:添加/etc/modprobe.d/blacklist.conf文件blacklistnouveauoptionsnouveaumodeset=0“sudoupdate-i...
代码星球
·
2020-12-17
nvidia-docker2
配置
NVIDIA
驱动
安装
安装NVIDIA驱动时禁用自带nouveau驱动
安装英伟达驱动时,一般需要禁用自带nouveau驱动,按如下命令操作:sudovim/etc/modprobe.d/blacklist-nouveau.conf 添加如下内容:blacklistnouveauoptionsnouveaumodeset=0保存后更新:sudoupdate-initramfs-u...
代码星球
·
2020-12-17
驱动
安装
NVIDIA
禁用
自带
首页
上一页
...
21
22
23
24
25
...
下一页
尾页
按字母分类:
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
其他