DOM操作第5页

Node.js基础（一）

JS核心语法：变量、数据类型、循环、分支、判断、函数、作用域、this、etcWebAPI：DOM操作、BOM操作、基于XMLHttpRequest的Ajax操作、etc思考：为什么JavaScript

作业码·2023-12-17 09:00

DOM操作练习(2)

1.transform的运用#box{width:90px;height:90px;background-color:red;margin:100px;}形变window.onload=function(){varindex=0;$('btn').onclick=function(){index++;$('box').style.transform='translate('+(index*100)

天使投资·2023-12-17 07:14

javaScript（六）：DOM操作

文章目录1、DOM介绍2、DOM：获取Element对象3、DOM：事件监听3.1、事件介绍3.2、常见事件3.3、设置事件的两种方式3.4、事件案例1、DOM介绍概念DocumentObjectModel，文档对象模型将标记语言的各个组成部分封装为对应的对象：Document：整个文档对象Element：元素对象Attribute：属性对象Text：文本对象Comment：注释对象JavaScr

小林学习编程·2023-12-17 06:45

React拖拽实践

在React中，实现拖拽功能可以通过多种方式完成，但通常需要深刻理解React的状态管理、事件处理和DOM操作。本文将探讨React中拖拽的实践，包括基本原理、拖拽库的使用、性能优化和一些实际示例。

翻斗花园-图图·2023-12-17 05:30

js常见面试题2

####DOM操作-1）创建新节点-createDocumentFragment()//创建dom片段-createElement()//创建元素-createTextNode()//创建文本节点-2)

风雪之隅_b6f7·2023-12-16 17:45

vue和jQuery有什么区别

jQueryDOM操作：jQuery是一个专注于DOM操作的库

无妄的罪·2023-12-16 07:05

函数节流（throttle）与函数去抖（debounce）

一、前言以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃。

尘封丶轮回·2023-12-15 23:31

jquery基础

jQuery功能：使用CSS选择器进行元素查询事件机制Dom操作属性操作工具方法Ajax我们将会从以上几个点展开讲述学习jQuery之前需具备顶基础知识：HTMLCSSJavaScriptjQuery库包含

桃汁11·2023-12-15 18:21

MutationObserver详解

但是，它与事件有一个本质不同：事件是同步触发，也就是说，DOM的变动立刻会触发相应的事件；MutationObserver则是异步触发，DOM的变动并不会马上触发，而是要等到当前所有DOM操作都结束才触发

小蛮牧码者·2023-12-15 09:04

面试题集（2）

参考答案虚拟dom相当于在js和真实dom中间加了一个缓存，利用domdiff算法避免了没有必要的dom操作，从而提高性能。

钢铁萝莉猫·2023-12-15 03:52

jQuery的使用

目录jquery对象：jquery作为一般函数调用参数:jquery事件机制jquerydom操作jquery对象：Document//点击按钮将输入在输入框中的值弹框显示window.onload=function

从明天开始好好学习前端·2023-12-06 10:07

Vue-模板语法

结合响应系统，在应用状态改变时，Vue能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上。一、插入值1、文本数据绑定最常见的形式就是使用“Mustache”语

mxjsxz·2023-12-06 01:42

Vue.$nextTick

使用场景避免出现执行DOM操作时DOM元素尚未渲染的情况解读源码(逐行解析)src/core/util/next-tick.js/*@flow*//*globalsMutationObserver*/import

LeonLi_9ea5·2023-12-05 23:42

vue 将整个表单设置为只读_elementUI 设置input的只读或禁用的方法

disabled在data里定义：edit:true,然后在input框里加上：:disabled="edit"就可以了PS：下面看下elementui通过disabled属性指定是否禁用input组件，如何用DOM

weixin_39531178·2023-12-05 22:05

Vue --第四天

1.自定义指令a.自定义指令:自己定义的指令，可以封装一些dom操作，扩展额外功能全局注册：局部注册：指令值：自定义指令v-loading：本质：插槽：1.定制插槽2.插槽作用组件封装：涵盖了以上所有的知识点

CMBSNBB·2023-12-05 21:03

前端接受后台返回超1W条数据，性能优化

解决接受数据量过大有:1.在后端对数据进行分页处理然后返回给前端2.页面请求数据的时候定时不间断的请求数据3.requestAnimationFrame会把每一帧中的所有DOM操作集中起来，在一次重绘或回流中就完成

哟哟耶耶·2023-12-05 19:40

JavaScript与DOM（下）

本章我们将讲解如何通过DOM操作元素并且讨论浏览器事件模型。

web前端开发V·2023-12-05 17:35

低效的DOM操作(js的问题)

使用JavaScript操作DOM（即添加、修改和删除元素）是相对容易，但操作效率却不怎么样。比如，每次添加一系列DOM元素。添加一个DOM元素是一个昂贵的操作。连续添加多个DOM元素的代码是低效的。当需要添加多个DOM元素时，一个有效的替代方法是使用documentfragments来代替，从而提高效率和性能。vardiv=document.getElementsByTagName("my_di

泡芙·草莓·2023-12-04 20:23

vue的模板语法

结合响应系统，在应用状态改变时，Vue能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上数据绑定最常见的形式就是使用{{...}}的文本插值：{{message}}newVue({el:'#app

CQXXTXX·2023-12-04 04:22

vue简述

vue为渐进式框架：vmmv1.易用有html、css、javascript基础，即可学习vue框架2.高效、开发前端页面非常高效1.vue的体积小、压缩完只需要20k的大小2.超快的虚拟dom操作js

衍余未了·2023-12-04 01:57

封装一些可能会用到的JS的Dom操作方法（非JS自带的方法）

1.父元素节点下的子元素节点逆序HTMLElement.prototype.childRevers=function(){varall_num=this.childElementCount;if(all_num){while(all_num--){this.appendChild(this.children[all_num]);}}}//获取ul父节点对象varoul=document.getEl

最凶残的小海豹·2023-12-03 00:01

Vue-自定义指令（v-permission）

自定义指令就是一种有效的补充和扩展，不仅仅可用于定义任何dom操作，并且是可以复用的。目前项目刚好是有在做按钮权限方面的功能，我实现的方式就是用自定义指令（v-permission）来实现的。

心之所向_gp·2023-12-02 21:44

【超全】JavaScript知识速查：基础语法与DOM操作

JavaScript知识速查文章目录JavaScript知识速查@[toc]JavaScript简介在网页开发中的用途和意义：示例：JavaScript语法JavaScript变量定义变量命名规则：变量的类型：变量的作用域：示例代码：JavaScript数据类型数据类型JavaScript运算符运算符JavaScript语句与语法控制流语句JavaScript函数函数JavaScript数组数组J

Xy丶Promise·2023-12-02 15:38

这19个JS代码技巧，后悔没有早点看到

本文整理了一系列实用代码片段，助您轻松处理URL、DOM操作、事件处理、日期处理以及用户偏好设置等常见问题。这些精选代码片段均源自“30secondsofcode”——一个卓越的编程资源库。

树上有只程序猿·2023-12-02 06:10

chrome扩展(插件)开发（四）content_script，background，popup，injected-script之间的消息通信通知以及数据传递

先上图图中injected_script表示由content_script注入到页面的js，在这个js中通过dom操作的方式注入到原网页的js。

缘_妙不可言·2023-12-02 03:04

深入Angular：（转/翻译）Working with DOM in Angular: unexpected consequences and optimization techniques

Maximkoretskyi在NgConf上以研讨会的形式发表了关于Angular中高级DOM操作的演讲。从使用模板引用和DOM查询来访问DOM元素等基础知识，到使用视图容器动态渲染模板和组件。

董厂长·2023-12-01 00:21

Vue中拆分视图层代码的5点建议

目录一.框架的定位二.Vue开发中的script拆分优化1.组件划分2.剥离业务逻辑代码3.剥离数据转换代码4.善用computed和filters处理数据展示5.使用directive处理DOM操作示例代码托管在

weixin_30258027·2023-11-30 08:47

JavaScript之DOM操作

第一章API介绍API是一种事先定义好的函数，用来提供应用程序与开发人员基于某软件或硬件得以访问的一组例程，而又无需访问源码，或理解内部工作机制的细节。WebAPI接口：浏览器提供的一系列操作浏览器功能和页面元素的API(BOM和DOM)第二章DOM(文档对象模型)2.1基本概念DOM:(DocumentObjectModel)文档对象模型。当网页被加载时，浏览器会创建文档对象模型。通过这个对象模

暴怒的代码·2023-11-29 12:30

全面理解虚拟DOM，实现虚拟DOM

1.为什么需要虚拟DOMDOM是很慢的，其元素非常庞大，页面的性能问题鲜有由JS引起的，大部分都是由DOM操作引起的。如果

suhuaiqiang_janlay·2023-11-29 11:04

真正理解虚拟 DOM：React 选它，真的是为了性能吗?

其实研发模式不断演进的背后，恰恰蕴含着前端人对“DOM操作”这一核心动作的持续思考和改进。而虚拟DOM，正是先驱们在这个过程中孕育出的一颗明珠。开篇先思考两个问题：什么是虚拟DOM虚

从人到猿·2023-11-29 11:31

对虚拟DOM的一点理解

起因：DOM的操作是很慢的，每次涉及到的状态改变都会重新进行DOM操作。怎么去进行性能优化？

Leon_Jcy·2023-11-29 11:27

javaWeb 学习笔记18 Vue&Element（掌握一下F12的用法）

vue是前端框架(mybatis是简化JDBC代码书写的“JDBC是连接数据库的java-API”)vue是简化JavaScript中DOM操作的Vue是基于MWVM(Model-View-ViewModel

西伯利亚大草原的狼·2023-11-29 01:51

Vue自定义指令及使用

这些操作就叫做指令，以v-xxx表示，比如html页面中的属性比如在angular中以ng-xxx开头的就叫做指令指令中封装了一些DOM行为，结合属性作为一个暗号，暗号有对应的值，根据不同的值，会进行相关DOM

jianghaha2011·2023-11-29 01:47

【JavaScript】3.2 JavaScript性能优化

文章目录1.避免全局查找2.避免不必要的属性查找3.使用快速的JavaScript方法4.避免不必要的DOM操作5.使用WebWorkers进行后台处理总结性能优化是任何编程语言的重要组成部分，JavaScript

移动安全星球·2023-11-27 21:27

为什么vue避免了dom操作

有哪些dom操作呢？

qq_40055200·2023-11-27 18:23

宏任务，微任务，事件循环event loop、setTimeout,setInterva、nextTick与process.nextTickl区别【示例讲解】

目录js单线程竞态：DOM操作冲突禁止跨线程访问DOM：webworker线程不能直接操作DOM事件回调简单宏任务：在主线程上排队执行的任务，顺序执行宏任务macrotask：setTimeout,setInterval

参宿7·2023-11-27 14:09

如何提升scroll等频繁触发事件的性能？

若回调函数中涉及到元素重绘、DOM操作等耗时工作，可能导致在下一次scroll触发前回调未完成，造成掉帧。

piziting·2023-11-27 12:35

React路由react-router-dom

路由的理解Reactrouter和React-router-domReactrouterReact-router提供了一些router的核心api，包括Router,Route,Switch等，但是它没有提供dom

前端薛之谦...·2023-11-27 06:02

vue day1（主要是指令）

1、引包或者：cdn网址2、创建实例，初始化渲染3、插值表达式{{}}表达式：可以被求值的代码4、响应式数据：数据发生变化，视图自动更新（底层是dom操作）data中数据会被添加到实例上，用实例.属性名访问

learn 11233466·2023-11-27 01:17

Vue学习笔记

记住：核心，数据驱动（虚拟化DOM操作）和组件化的概念第一部分.是部署项目vuehr项目遇见的问题，第一个问题：NodeSassdoesnotyetsupportyourcurrentenvironment

同学郑学习·2023-11-26 11:49

Dom操作总结

Dom基本操作包括创建、增加、删除、改动、查询等，下面进行系统的总结。1.创建1.createElement()：传入标签名创建一个dom2.createTextNode()：创建一个文本节点varp=document.createElement("p");vardiv=document.createElement("div");document.body.appendChild(p);docum

小本YuDL·2023-11-25 22:51

javascript事件委托（事件代理）

好处：只在内存中开辟了一块空间，节省资源同时减少了DOM操作，提供性能对于新添加的元素也会有之前的事件原事件委托原理我们理解了，现在我们先来理解一下事件流，事件流有事件捕获和事件冒泡的阶段，其实也可以理解为三个阶段

墨语轩·2023-11-25 22:49

前端 JavaScript 与 HTML 怎么实现交互？

以下将详细介绍前端JavaScript与HTML如何实现交互，包括事件处理、DOM操作、表单交互等方面的内容。1.事件处理事件是指用户在页面上的动作，比如点击按钮、输入文本、移动鼠标等。

Itmastergo·2023-11-25 20:24

React的DOM操作

鸣谢：http://blog.csdn.net/dahuzix/article/details/70186397refs可以拿子子组件的props/state/方法；findDOMNOde拿到的是原生的标签相关属性；import{findDomNode}from'react-dom';letinitialNode=findDomNode(this.refs.navBox);getNodeInsta

小幸运Q·2023-11-25 15:55

js基础之DOM中元素对象的属性方法

最基本的节点类型是Node类型，其他所有类型都继承自Node，DOM操作往往是js中开销最大的部分，因而NodeList导致的问题最多。要注意：

xuning_et·2023-11-25 01:34

Vue有什么优点？

我来简单说几个吧，第一我感觉Vue极大的提高了前端页面的开发效率，不用我们再进行那些不必要的DOM操作；第二Vue里的双向数据绑定也很强大，我们可以通过Vue框架提供的v-model指令来实现视图和数据的双向数据绑定

泗水六年·2023-11-25 00:14

虚拟DOM的原理

虚拟DOM（VirtualDOM）是一种用于优化Web应用性能的技术，它能够在页面需要更新时，只更新实际改变的部分，从而减少不必要的DOM操作，提高渲染效率。

m0_黎明·2023-11-24 21:03

Vue - MVVM模式及Vue的优点

MVVM模式视图层和数据层的双向绑定，让我们无需再去关心DOM操作的事情，更多的精力放在数据和业务逻辑上去MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。

饥人谷_Leonardo·2023-11-24 14:27

前端获取音频或者视频的时长

leturl=URL.createObjectURL(file);根据地址生成一个可操作的音频html元素，视频的话换成音频的url即可letaudioElement=newAudio(url);第二步用dom

我的龙呢·2023-11-24 05:04

jQuery-DOM操作-插入节点

DOM操作DOM操作是JQ核心内容之一，在前端开发时，我们往往需要在页面某个地方添加一个元素或删除元素，这种添加元素、删除元素的操作就是通过DOM来实现的。

漫漫哒哒·2023-11-24 02:53

推荐频道

DOM操作