DOM操作

Javascript(基础) 笔记16

dom操作①document②object③model一、查找1.getElementById()根据id值获取元素，返回符合的第一个元素（只会返回第一个）varx=document.getElementById
不修×蝙蝠·2024-09-12 09:24

js中【Worker】相关知识点详细解读

通常情况下，JavaScript是单线程的，也就是所有的代码（包括DOM操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时
OEC小胖胖·2024-09-12 09:50

VUE3学习路线

JavaScript:理解基本语法、DOM操作、事件处理、异步编程（Promises,async/await），以及ES6+特性（如箭头函数、解构赋值、模块化）
蜡笔小新星·2024-09-12 00:48

记录一些vue3的知识（未完）

mounted(vue2)在Vue2的组件中，mounted钩子用于执行那些需要在组件实例挂载到DOM之后运行的代码，这通常包括DOM操作、数据请求等onMounted(vue3)Vue2：使用mounted
a605536834·2024-09-11 14:09

Dojo-CodeLab: JavaScript与Dojo框架学习与实践指南

通过开发一个简单的计算器应用，学习者将掌握JavaScript基础语法和Dojo工具集的使用，涵盖变量、数据类型、控制结构、函数、对象、数学运算、事件处理和DOM操作等关键概念。
陈马登Morden·2024-09-10 06:28

记录-小程序720°VR（跳转H5页面实现）

3H5页面引入pannellum.js/css文件，swiper/jquery文件（因为需要在全景图底部显示可切换图片，与dom操作/ajax
久违的小技巧·2024-09-08 04:05

Vue初步认识与Vue基础指令

Vue.js简介先来谈谈传统网页开发传统开发的缺点：1.DOM操作频繁，代码繁杂2.DOM操作与逻辑代码混合，可维护性差3.不同功能区域书写在一起，可维护性低4.模块之间的依赖关系复杂Vue.js应运而生官网
amanohina·2024-09-08 03:40

jQuery高级技巧——性能优化篇

阅读目录通过CDN（ContentDeliveryNetwork）引入jQuery库减少DOM操作适当使用原生JS选择器优化缓存jQuery对象定义一个可以复用的函数用数组方式来遍历jQuery对象集合通过
mqy1023·2024-09-04 05:04

Vue瀑布流布局

虽然会写js的瀑布流布局，但是在Vue框架下使用，还是要稍作修改，毕竟要减少DOM操作。
薛文诚·2024-09-03 22:20

React路由 路由传参 路由上下文 组件跳转

二、react-router提供了两种路由模块1.React-Router提供了一些router的核心API，包括Router,Route,Switch等，但是它没有提供DOM操作进行跳转的API。
leehaipei·2024-09-03 02:44

React中响应式原理

2.React框架在接收到用户状态改变通知后，会根据当前渲染树，结合最新的状态改变，通过Diff算法，计算出树中变化的部分，然后只更新变化的部分（DOM操作），从而避免整棵树重构，提
盼盼盼·2024-09-03 02:43

提升前端性能的JavaScript技巧（上）

提升前端性能的JavaScript技巧是一个广泛而深入的话题，它涵盖了从代码优化、资源管理、DOM操作效率、网络请求优化到利用现代浏览器特性等多个方面。以下将详细探讨这些技巧，并给出具体的实施建议。
Good_tea_h·2024-09-02 22:19

jQuery基础——DOM基础

DOM操作，可以理解为“元素操作”。这里可以参考之前的JS。下面复习一下：DOM结构DOM结构，也就是“树形结构”，所谓树形结构也就是使用“树节点”来表示页面中的每一个元素。
雷特IT·2024-08-28 19:34

js处理大型数据崩掉解决方案

1:JS中大量的DOM操作也会导致事件响应缓慢甚至真正卡死浏览器，如在IE6下一次插入大量的HTML。
前端交流群439667347·2024-08-27 20:05

JS面试题--DOM操作相关

（1）在DOM中操作中怎么创建、添加、删除、移除、替换、插入和查找节点①通过以下代码创建节点createDocumentFragment()//创建一个DOM片段createElement();//创建一个具体的元素createTextNode();//创建一个文本节点②添加、移除、替换、插入节点appendChild();removeChild();replaceChild();insertBe
这碗花里只有粥·2024-08-26 20:31

提升前端性能的JavaScript技巧

以下是一些常见的前端JavaScript性能问题：1.1.频繁的DOM操作问题描述：JavaScript经常需要与DOM（文档对象模型）交互来更新页面内容。
丁爸·2024-08-24 07:00

虚拟 DOM 的优缺点有哪些

通过比较前后两次虚拟DOM树的差异，最小化实际DOM操作，从而减少页面重渲染时的性能消耗。这种优
咕噜签名分发·2024-03-29 08:40

用uniapp开发手机app，发现不支持dom操作

用uniapp开发手机app，使用了uview组件，其中的不支持给label旁边放个红星号，尝试用dom操作给添加appendRedStar(item_ref){try{varel=this.
吉星9527ABC·2024-03-17 18:27

jQuery事件与DOM操作

1.jQuery中的事件基础事件鼠标事件、键盘事件、window事件、表单事件复合事件鼠标光标悬停鼠标连续点击2.鼠标事件方法描述执行时机click()触发或将函数绑定到指定元素的click事件单击鼠标时mouseover()触发或将函数绑定到指定元素的mouseover事件鼠标指针移过时mouseout()触发或将函数绑定到指定元素的mouseout事件鼠标指针移出时mouseenter()触发
我讲个笑话你可别哭啊·2024-03-03 06:24

知识点整理之---性能优化（二）

性能优化细分的话可以分为两类：第一类：页面级别的优化，例如HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等;第二类：代码级别的优化，例如Javascript中的DOM操作优化、CSS选择符优化、图片优化以及
楠楠_c811·2024-02-20 13:18

jQuery怎样获得内容和属性？

（依旧是学习记录，慢慢补充）一、获得内容-text()、html()以及val()三个简单实用的用于DOM操作的jQuery方法：text()-设置或返回所选元素的文本内容html()-设置或返回所选元素的内容
汓㸓·2024-02-20 12:01

【 JS 进阶 】原型对象、面向对象

目标了解构造函数原型对象的语法特征，掌握JavaScript中面向对象编程的实现方式，基于面向对象编程思想实现DOM操作的封装。
fans小知·2024-02-20 11:16

【Vue】自定义指令

个人主页：五敷有你系列专栏：Vue⛺️稳重求进，晒太阳自定义指令之前的v-htmlv-modelv-for等都是内置指令自定义指令：自己定义的指令，可以封装一些dom操作，扩展额外功能需求：当页面加载时
五敷有你·2024-02-20 09:56

react虚拟dom及实现原理

它是在内存中以JavaScript对象的形式维护的一份DOM树的拷贝，通过比较虚拟DOM树的变化并最小化实际DOM操作，从而减少页面重绘和重新布局的开销。
光影少年·2024-02-20 07:56

react中commit工作流程

commit阶段可以分为三个子阶段：beforemutation阶段（执行DOM操作前）mutation阶段（执行DOM操作）layout阶
_处女座程序员的日常·2024-02-19 21:07

2020-08-27 Vue表单修饰符，ref ，计算属性

change事件触发number将v-model绑定的值，自动过滤成数字（按照parseFloat顺序解析）（如果需要开头就是非数字字符，失去功能）trim去除开头结尾空格ref方便获取dom元素Vue尽量减少dom
范乔丹·2024-02-14 15:15

react 【二】 setState/react性能优化/dom操作

为什么是异步2、React性能优化2.1react的更新机制2.2如何优化性能2.2.1shouldComponentUpdate2.2.2PureComponent2.2.3memo3、不可变数据的力量4、dom
KIKIo_·2024-02-14 10:49

Vue-自定义属性和插槽（五）

指令封装总结：插槽（slot）默认插槽插槽-后备内容（默认值）具名插槽具名插槽基本语法:具名插槽简化语法:作用域插槽综合案例：商品列表自定义指令基本语法(全局&局部注册)自定义指令：自己定义的指令,可以封装一些dom
smilehjl·2024-02-14 05:38

JavaScript 遍历文档生成目录结构

JavaScript遍历文档生成目录结构要遍历HTML文档并生成目录结构，你可以使用JavaScript来进行DOM操作和遍历。
记忆的小河·2024-02-14 01:17

react-router

react-routerReact-router提供了一些router的核心api，包括Router,Route,Switch等，但是它没有提供dom操作进行跳转的api。
我竟无言以对_1202·2024-02-13 08:57

提升JS编程效率：19个实用JS代码示例

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

JavaScript 遍历文档生成目录结构

JavaScript遍历文档生成目录结构要遍历HTML文档并生成目录结构，你可以使用JavaScript来进行DOM操作和遍历。
灬沙海灬·2024-02-12 07:49

学习之旅10------掌握jQuery：实用应用案例深度解析

目录写在开头1.jQuery基础知识回顾1.1.选择器1.2.事件1.3.效果1.4.DOM操作1.5.AJAX2.实用应用案例分析2.1.动态内容加载2.2.表单验证2.3.图像滑动门效果2.4.创建动态导航菜单
theskylife·2024-02-12 02:21

$nextTick

在缓冲时会去除重复数据，从而避免不必要的计算和DOM操作。然后，在下一个事件循环tick中，Vue刷新队列并执行实际（已去重的）工作。语法this.
林键燃·2024-02-12 00:41

JavaScript 遍历文档生成目录结构

JavaScript遍历文档生成目录结构要遍历HTML文档并生成目录结构，你可以使用JavaScript来进行DOM操作和遍历。
自动化新人·2024-02-11 18:37

js库和js框架你还分不清吗？一句话就讲明白了。

一些常见的JS库包括：jQuery：是最流行的JS库之一，提供了简洁的API，用于处理DOM操作、事件处理、动画效果、AJAX请求等。它简化了跨浏览器兼容性问题
贝格前端工场·2024-02-10 11:47

项目优化

页面加载dns预解析使用cdn静态资源的压缩与合并减少https请求异步加载defer，async服务端渲染ssr多使用内存和缓存二、页面渲染css放前面，js放后面减少dom查询，多次使用的保存为变量减少dom
瀡風·2024-02-10 10:22

从浏览器渲染层面解析css3动效优化原理

引言在h5开发中，我们经常会需要实现一些动效来让页面视觉效果更好，谈及动效便不可避免地会想到动效性能优化这个话题:减少页面DOM操作，可以使用CSS实现的动效不多出一行js代码使用绝对定位脱离让DOM脱离文档流
凹凸实验室·2024-02-10 05:31

React中diff算法的理解

React中diff算法的理解diff算法用来计算出VirtualDOM中改变的部分，然后针对该部分进行DOM操作，而不用重新渲染整个页面，渲染整个DOM结构的过程中开销是很大的，需要浏览器对DOM结构进行重绘与回流
福伴·2024-02-09 11:21

实现简单render函数

与DOM操作相比，VirtualDom是基于JavaScript计算的，所以开销会小很多。什么是render函数Render函数通
初晨的风儿·2024-02-08 22:58

Why React Doesn‘t Need jQuery?

arevolutionlibrary–一个革命性的库greatlysimplifiedtaskssuchas…–极大的简化了…任务DOMmanipulation–DOM操作eventhandling–事件处理
进击切图仔·2024-02-08 17:03

2022-03-16 React基础

第一个React程序函数式组件//引入react核心importReactfrom'react'//引入react对dom操作的核心，相对于react-native而言的importReactDOMfrom'react-dom
null_7d53·2024-02-08 07:24

六.Vue.js界面绑定指令-元素、事件、属性绑定

按照vue绑定dom操作，将其分为操作dom内容节点、事件、属性操作内容节点：v-text、v-html、v-model、v-show、v-if、v-else、v-else-if、v-for、v-pre
小虫信息科技·2024-02-08 00:22

优化elemen-ui的el-table的tree树结构因数据过多卡顿问题

最近遇到一个要在elemen-ui的el-table放一个树结构的表数据但是因为数据实在过多，而且列也有四五列，还有操作列dom操作频繁导致页面非常的卡顿网上看了很多种方法以及elementui的官方方法使用
大只兔·2024-02-07 19:12

vue学习61-75

自定义指令-基础语法p61自定义指令：自己定义的指令，可以封装一些dom操作，拓展额外功能importVuefrom'vue'importAppfrom'.
dundundunsis·2024-02-06 03:56

jss/css/html 相关的技术栈有哪些？

比如jQueryvue等常见的JavaScript技术组件：jQuery：jQuery是一个快速、小巧且功能丰富的JavaScript库，用于简化DOM操作、事件处理、动画效果等任务。
老马啸西风·2024-02-05 11:36

02-获取DOM元素上

我是div1.通过id获取指定元素(getElementById)--了解由于id不可以重复,所以找到了就会将找到的标签包装成一个对象返回给我们,找不到就返回Null注意点:DOM操作返回的是一个对象,
仰望_IT·2024-02-04 19:25

类数组转化为数组

常见的类数组有arguments、DOM操作方法返回的结果。
王小樱·2024-02-03 02:46

vue3 源码解析（5）— patch 函数源码的实现

什么是patch在vue中patch函数的作用是在渲染的过程中，比较新旧节点的变化，通过打补丁的形式，进行新增、删除、移动或替换操作，此过程避免了大量的dom操作，提升了运行的性能。
Avicli·2024-02-02 15:43

ES6 Array.from()和Array.of()

类数组对象举例:实际应用中，常见的类似数组的对象是DOM操作返回的NodeList集合，以及函数内部的arguments对象。Array.from都可以将它们转为真正的数组。
weixin_42554311·2024-02-02 06:51
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他