草庐IT

NT-DOM-NV

全部标签

jquery - 当新节点插入 dom 时是否会触发 jquery 事件?

当dom元素插入dom时,jquery是否会触发该dom元素?例如假设我通过ajax加载一些内容并将其添加到DOM中,在其他一些javascript中我可以使用.live()添加一个事件,这样当一个与特定选择器匹配的事件被添加到DOM时,该事件将在said上触发元素。类似于$(document).ready()但动态添加到DOM的内容。我的梦想:$('.myClass').live('ready',function(){alert('.myClassaddedtodom');});如果jquery不支持这样的事情,那么有没有另一种方法可以在不修改实际执行初始dom操作的代码的情况下实现

js获取dom元素宽高的方法

①dom.style.width/height这种⽅法,有⼀定局限性,只能取内联样式的宽⾼。divid="id"style="height:100px">div>script>vard=document.getElementById('id').style.heightconsole.log(d)script>②dom.currentStyle.width/height这种⽅法,也是有⼀定局限性,不过我们三种常⽤css样式都能获取。但是只⽀持IE,其它浏览器不⽀持③window.getComputedStyle(dom).width/heightvard=document.getElement

echarts警告:Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight. ........

具体警告:Can'tgetDOMwidthorheight.Pleasecheckdom.clientWidthanddom.clientHeight.Theyshouldnotbe0.Forexample,youmayneedtocallthisinthecallbackofwindow.onload 出现问题:切换tabs初始化不同的echarts,显示不出来报错的大致意思就是:不能找到dom节点的宽高,宽高获取不了导致绘制不出图问题原因:在dom节点还没加载出来的时候就进行了图形的绘制问题找到就好办了,竟然是因为图形提前绘制,那让图形在dom节点加载完再绘制不就好了具体操作:切换tabs

记录--虚拟 DOM 和实际 DOM 有何不同?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言本文我们会先聊聊DOM的一些缺陷,然后在此基础上介绍虚拟DOM是如何解决这些缺陷的,最后再站在双缓存和MVC的视角来聊聊虚拟DOM。理解了这些会让你对目前的前端框架有一个更加底层的认识,这也有助于你更好地理解这些前端框架。DOM的缺陷比如,我们可以调用document.body.appendChild(node)往body节点上添加一个元素,调用该API之后会引发一系列的连锁反应。首先渲染引擎会将node节点添加到body节点之上,然后触发样式计算、布局、绘制、栅格化、合成等任务,我们把这一过程称为重排。除了重排之外,还有可能引起

html2canvas(将dom元素转为canvas),wxml2canvas(微信小程序)

某些场景需要通过canvas绘制一些图片,其中包含一些文字、可能的二维码等等。然后实现时如果完全手动的去定位元素在canvas中的位置,结果就会产生大量不能复用和难以维护的代码。(使用背景图可能会模糊,可以使用img,结合定位)html2canvas1.安装npminstall--savehtml2canvas 也可以直接官网下载js文件 然后引用  2.使用//按自己的文件位置引用importhtml2canvasfrom"../../utils/html2canvas.js";canvasfun(){//把你需要转为图片的标签放在一个根元素内直接获取根元素letsave2=document

OpenAI野心:用1000万张显卡训练AI 10倍于NV年产能

在生成式AI领域,推出了ChatGPT的OpenAI是处于领先地位的,他们的GPT-4已经是万亿参数级别,还在训练更先进的GPT-5,届时又会在技术水平上甩开国内的追赶者。OpenAI能够领先,先进AI显卡用到的GPU是功不可没的,背靠微软这棵大树,他们在算力资源上不会受到限制,GPT-4的训练就使用了2万张NVIDIA的AI显卡训练。但是万张显卡级别的算力还不是终点,今年也投身AI创业的前搜狗CEO王小川日前在采访中透露了OpenAI的动向,提到后者正在做更先进的训练方法,设计能够将1000万张GPU连在一起的计算模型。1000万张GPU是什么概念?目前NVIDIA每年的产量也就是100万块

vue3的setup 语法糖中获取slot 插槽的dom对象

最近使用vue3开发项目,需要封装一个无限滚动的组件,使用scroll组件内置插槽接受模板的方式,所以需要在scroll组件内获取到模板渲染后dom元素的宽高。但是setup语法糖是组件生命周期的beforeCreate和created中,而且经过测试,在mounted函数中的el属性也是null,所以得出结论模板的slot.default无法直接获取,必须通过render方式对slot的vnode进行渲染,然后在render组件中的mounted方法中才能获取到。如下面的例子容器组件ScrollView//ScrollView.vuescroll容器组件scriptsetuplang="ts

uniapp小程序vue3获取dom实例createSelectorQuery

需求,在页面中,有时需要获取渲染组件的长宽信息,可以使用select选择器进行查询,直接上代码如下:divref="tabbar"id="tabbar"class="x-tabbar-wrap">div>constgetTabbarHeight=()=>{const{windowWidth,safeAreaInsets}=any>uni.getSystemInfoSync();constratio=750/windowWidth;safeAreaInsetsBottom.value=safeAreaInsets.bottom*ratio;//获取组件实例constinstance=getCur

不容忽视的八个 DOM API

1、使用addEventListener()方法与options最常用的DOM方法之一是 addEventListener() ,它允许我们将事件监听器附加到元素上。除了事件类型和回调函数之外, addEventListener() 还接受一个 options 对象,允许我们定义其他属性。这些属性包括 capture , once 和 passive 。让我们进一步探讨它们。capturecapture 属性是一个布尔值,用于确定事件处理程序在事件传播阶段中的执行顺序。当 capture 设置为 true 时,在到达目标元素之前,事件会在捕获阶段被捕获。如果设置为 false 或者省略,则事件

Vue中Dom元素跟随鼠标移动

1.**确认跟随鼠标的是一个Dom元素**template>divclass="moveWithMouse">p>div元素p>div>template>stylescoped>.moveWithMouse{position:absolute;left:10px;top:10px;height:300px;width:300px;background-color:red;}style>2.获取X坐标和Y坐标。由于是跟随鼠标所以必须获取鼠标移动时X的坐标和Y的坐标,可以使用window.addEventListener(‘mousemove’,function(ev){})来获取,其中ev.pa