![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 64
全栈小董
这个作者很懒,什么都没留下…
展开
-
前端光标操作获取光标位置,移动光标位置到最后
前端光标操作获取光标位置,移动光标位置到最后原创 2024-04-25 10:45:52 · 311 阅读 · 0 评论 -
contenteditable可编辑功能,监听输入内容与回车操作
在输入非英文字符时,将光标移动到最后面使用方法用于创建一个新的 Range 对象,Range 对象代表文档中的一段连续的区域sel?sel?第一行代码 let currentDom = document.getElementsByClassName(‘word-block’)[0];用于获取文档中 class 为 ‘word-block’ 的第一个元素,并将其赋值给变量 currentDom。原创 2024-04-25 10:08:54 · 1008 阅读 · 0 评论 -
DOM捕获阶段和冒泡阶段
DOM捕获阶段和冒泡阶段DOM事件流:事件流描述的是从页面中接收事件的顺序。(事件传播的过程就是事件流)包括三个阶段:**事件捕获阶段:**该阶段的主要作用是捕获截取事件**处于目标阶段:**一般地,该阶段具有双重范围,即捕获阶段的结束,冒泡阶段的开始;**事件冒泡阶段:**主要作用是将目标元素绑定事件执行的结果返回给浏览器,处理不同浏览器之间的差异,主要在该阶段完成捕获 当用户点击按钮,浏览器会从 window 从上向下遍历至用户点击的按钮,逐个触发事件处理函数。冒泡 浏览器从用户点击的按原创 2020-11-20 17:09:46 · 388 阅读 · 0 评论 -
02JavaScript的DOM操作
js中最重要的就是对DOM的操作要想操作DOM,我们先理解以下几个名称的意思元素就是标签,只是叫法不同;< p >可以称为p标签,也可以叫p元素节点包括元素和文本;通俗的来说:p标签和它里面的文字,合一块叫做节点操作DOM元素就是对节点的增删改查什么是 DOM?DOM就是文档对象模型 ,一个网页就可以看作一个文档DOM 将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合;它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的原创 2020-11-19 00:26:30 · 184 阅读 · 0 评论 -
01-JavaScript的基础学习
表达式和语句语句: JavaScript 程序的执行单位为行(line),也就是一行一行地执行。一般情况下,每一行就是一个语句。这是一个赋值语句var a = 1+2表达式 是指一个为了得到返回值的计算式; 像上面的1+2,就是一个表达式区别:语句是为了进行某种操作,一般不需要有返回值; 表达式是为了得到返回值,一定会返回一个值语句以分号结尾,一个分号就代表一个语句结束,多个语句可以写在一行内;表达式不需要以分号结尾,一旦加了分号,就被JavaScript视为语句标识符的命名规则标识符原创 2020-11-11 23:17:42 · 124 阅读 · 0 评论 -
URL,DNS和IP是什么?
URL 包含哪几部分,每部分分别有什么作用?URL全称:Uniform Resource Location 译为:统一资源定位符;这个URL 包括:协议部分、域名、端口、路径(虚拟路径)、携带的参数、哈希值; http://www.jianshu.com/index.html?name=oldUath&age=25#dowell 协议 域名 路径 ?查询参数 #锚点协议部分:该URL的协议部分为“http:”原创 2020-10-05 22:47:48 · 1862 阅读 · 0 评论 -
网页视频倍速播放的方法
很多网页的视频不支持倍速播放,谷歌浏览器下载插件也太麻烦不下载插件让浏览器倍速播放的办法要求:必须是HTML播放器才可以第一步:在视频页面,按f12键或者鼠标右键点击检查点击console第二步:输入下面这段代码,粘贴到console的空白处,点击回车,最后一个数字是播放的速度,现在是三倍速,document.querySelector('video').defaultPlaybackRate = 2.0;document.querySelector('video').play(原创 2020-09-27 09:55:01 · 35253 阅读 · 3 评论 -
虚拟DOM和dom diff以及key值问题
什么是虚拟DOM虚拟DOM是一颗以JavaScript对象(node节点)作为基础的树,用对象属性来描述节点,他是对真实DOM的抽象,通过一些列操作使这棵树映射到真实环境上虚拟dom就是能代表DOM树的对象,通常含有标签名,标签上的属性,事件监听和子元素们以及其它属性为什么要有虚拟DOM这个东西人们创造出虚拟 DOM 就是为了更好地将虚拟节点渲染到视图上,也就是把虚拟DOM变成真实的 DOM 节点,提高视图的渲染性能。在真实DOM操作中传统的开发模式,原生JS或JQ操作DOM时,浏览器会从构建D原创 2020-09-26 17:04:45 · 476 阅读 · 1 评论 -
京东放大镜效果:鼠标移动查看图片放大细节
要求:鼠标放上去之后,能够在旁边出现一个放大的大图片1,先写两个盒子,都设置为隐藏在大盒子里添加一个小盒子,并设置半透明.mask{ position: absolute; left: 0; top: 0; height: 200px; width: 200px; background-color: #FEDE4F; /* 半透明...原创 2020-04-18 21:06:48 · 1077 阅读 · 0 评论