搜索结果
查询Tags标签： Dom，共有 696条记录-
nextTick的作用
nextTickvm.$nextTick()接收一个回调函数作为参数，它的作用是将回调延迟到下次DOM更新周期之后执行。在开发中会遇到一种场景：当更新了状态时，需要对新DOM做一些操作，但此时我们还获取不到更新后的DOM，因为视图还未重新渲染。将对新DOM的操作放在nextTick()的回调函数…
2022/8/8 23:23:14 人评论 次浏览 -
18 JavaScript DOM事件
JS是事件驱动为核心的一门语言 1 事件三要素 事件源、事件、事件驱动程序事件源：引发后续事件的html标签。 事件：js已经定义好了（见下图）。 事件驱动程序：对样式和html的操作。也就是DOM代码书写步骤如下：（重要）（1）获取事件源：document.getElementById(“box”…
2022/8/6 1:52:46 人评论 次浏览 -
JavaScript DOM
一、DOM概述 1.DOM文档对象模型（Document Object Model）将 web 页面与到脚本或编程语言连接起来。通常是指 JavaScript，但将 HTML、SVG 或 XML 文档建模为对象并不是 JavaScript 语言的一部分。DOM 模型用一个逻辑树来表示一个文档，树的每个分支的终点都是一个节点 (n…
2022/8/5 14:23:44 人评论 次浏览 -
DOM_Element对象和DOM_Node对象
DOM_Element对象 removeAttribute()：删除指定的属性 setAttribute()：添加新属性<!--Element对象--><a>点我试一下</a><input type="button" value="给a标签设置属性" id="btn_set"><input type="button&…
2022/8/4 1:23:03 人评论 次浏览 -
jQuery
jQuery重点讲解知识点 * 一 选择器 1 基础选择器 类选择器 元素选择器 ID选择器 子元素选择器 后代元素选择器 2 属性选择器 完美匹配 包含 前缀 开头 结尾 空格 3 jQuery扩展选择器 eq even odd first last gt lt 二 DOM操作 1 Class操作 add…
2022/7/31 23:42:40 人评论 次浏览 -
事件捕获，事件冒泡
先 捕获 再 冒泡js的事件冒泡机制呢，就是一个DOM树，一级一级向上冒的过程，最终是到document这个根节点这里。js的事件冒泡机制，就像是一个水泡在水底下，冒泡到水面的过程。捕获：从上往下；--> 目标阶段；--> 冒泡：从下往上。DOM事件流DOM2级事件规定的事件流…
2022/7/26 23:23:53 人评论 次浏览 -
JavaScript进阶内容——jQuery
JavaScript进阶内容——jQuery 我们在前面的文章中已经掌握了JavaScript的全部内容，现在让我们了解一下JavaScript库 这篇文章主要是为了为大家大致讲解JavaScript库以及使用方法，本篇不会完全讲解jQuery的全部语法 如果希望完全掌握，可以参考网站jQuery API 中文文档 …
2022/7/25 1:55:25 人评论 次浏览 -
DOM 操作再学习
Using DOM like a Pro关于元素选择器函数 querySelector 和 querySelectorAll.首先，这2个函数不一定要通过 document 执行，而且可以通过任意元素去执行，实现相对搜索。 还可以为此2函数创建别名： const $ = document.querySelector.bind(document); const $$ = docume…
2022/7/24 6:25:20 人评论 次浏览 -
Vue条件渲染
条件渲染：1. v-if写法：v-if="表达式"v-else-if="表达式"v-else="表达式"适用于：切换频率较低的场景特点：不展示的DOM元素直接移除注意：1.v-if可以和v-else-if.v-else一起使用，但要求结构不能被“打断”2.v-if可以配合template标签一起…
2022/7/16 23:49:13 人评论 次浏览 -
vue10-7 ref属性
1. 在DOM标签中增加ref属性，可以用来调用该标签的内容 2. 将ref加入到组件标签属性中，可以用来获取整个组件实例<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatibl…
2022/7/15 23:21:47 人评论 次浏览 -
Vue2源码解析-源码调试与核心流程梳理图解
现在VUE3已经有一段时间了，也慢慢普及起来了。不过因为一直还在使用VUE2的原因还是去了解和学了下它的源码，毕竟VUE2也不会突然就没了是吧，且VUE3中很多原理之类的也是类似的。然后就准备把VUE3搞起来了是吧。VUE2源码使用的是roullup进行打包的，还使用了Flow进行静态…
2022/7/15 14:20:35 人评论 次浏览 -
JavaScript——DOM（获取元素和操作元素）
一、获取元素的几种方法getElementById、getElementsByTagName、getElementsByClassName、querySelector、querySelectorAll document.body、document.documentElement1 <!DOCTYPE html>2 <html lang="en">3 4 <head>5 <meta charset=…
2022/7/14 14:56:10 人评论 次浏览 -
JS
------------恢复内容开始------------ 一、JS概述 1.JS组成核心（ECMAScript） 文档对象模型（DOM，Document Object Model）：让JS有能力与网页进行对话 浏览器对象模型（BOM，Browser Object Model）：让JS有能力与浏览器进行对话2.特点解释型语言 弱类型语言：由数据来…
2022/7/13 23:20:50 人评论 次浏览 -
VUE简介
VUE是什么？ 一套用于构建用户界面的渐进式JS框架 渐进式：Vue可以自底向上逐层的应用简单应用：只需一个轻量小巧的核心库 复杂应用：可以引入各式各样的Vue插件Vue的特点采用组件化模式，提高代码复用率，且让代码更好维护 声明式编码，让编码人员无需直接操作DOM（文档…
2022/7/13 6:22:38 人评论 次浏览 -
哇塞 我初学javascript第1天就会使用原生数组+JSON+DOM实现了国家--城市--区县三级联动数据切换效果
作者：极客小俊 公众号:同名我们今天来使用纯javascript来实现一个简易的三级联动效果，不使用任何框架以及插件!
2022/7/9 1:24:35 人评论 次浏览
