vue中获取dom元素 document.querySelector('.wrapper')这种方式不好。很多的地方可能都叫wrapper,不准确 vue中准确的拿到那个元素用ref,ref是绑定给子组件 普通元素也可以绑定ref ref如果是绑定在组件中的,那么通过**this.$refs.ref ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-07 20:29:00
                            
                                7921阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            setTimeout属于异步执行函数,当程序执行完console.log(1,time1)后;遇到setTimeout会将该函数放入等待队列,等待当前主程序执行完毕后开始执行setTimeout,由于后面的几个都是setTimeout,因此都会放到等待队列            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-09-10 16:11:00
                            
                                200阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <template> <div class="move-warp"> <div ref="aab" id="range" @mousemove="mouseMove" @mouseup="mouseUp" > <div ref="ele" class="icon" @mousedown="mouse ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-09 15:41:00
                            
                                1910阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            获取高度: <            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-09 08:36:21
                            
                                3354阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <h3  id='myh3' ref='myh3'> </h3> methods            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-19 15:21:47
                            
                                542阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Panzoom能够在支持SVG的浏览器中直接对SVG元素进行平移和缩放。IE8及下面的浏览器不支持这个插件。 在线演示:http://www.htmleaf.com/Demo/201503311604.html 下载地址:http://www.htmleaf.com/jQuery/Image-Eff            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-03-21 17:49:00
                            
                                295阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            test.html	Wheel!addLoadEvent.jsfunction addLoadEvent(func){	var oldonload = windowfunc();            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-02 09:24:30
                            
                                156阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            最近遇到一个需求,在App内嵌的H5页面上,有一个悬浮的客服图标,点击可跳转客服页面。最初这个客服图标采用的是固定定位的方式。现在新的需求是,可以拖拽该图标到屏幕任意位置,防止遮挡页面内容。 思考实现的方式就是绑定touchstart、touchmove、touchend这三个事件(PC端对应的事件 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-30 10:19:00
                            
                                1536阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            原标题:Vue 2.x 的虚拟DOM原理背景当下随着 Vue、React 等框架的流行,虚拟 DOM 大行其道。第一次听到这个词还是在15年学习 React 的时候。当时 React 以其明显高于 Angular 的性能优势迅速走红,什么虚拟 DOM 啦?什么修改 DOM 完全是操作内存中虚拟 DOM,然后再一次性更新到浏览器的真实 DOM 中?当时一听,瞬间感觉好高大上,可要问虚拟 DOM 是什            
                
         
            
            
            
            【代码】vue-其他ref获取dom元素.html。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-27 00:04:10
                            
                                170阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            function moveElement(elementID,final_x,final_y,interval){    if(!document.getElementById)return false;    if(!document.getElementById(elementID))return false;    var elem=document.getElementById(e...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-14 11:20:33
                            
                                404阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            DOM文档对象模型js有如下功能JavaScript能够改变页面中的所有HTML元素JavaScript能够改变页面中的所有HTML属性JavaScript能够改变页面中的所有CSS样式JavaScript能够对页面中的所有事件做出反应(JS只能操作行内样式,不能操作内嵌样式和外部样式)如何查找HTML元素1:varx=document.getElementById("a");            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2019-08-04 10:23:01
                            
                                550阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            dom获取相关的api??只有一个父节点:parentNode上一个兄弟节点:previousSibling下            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-28 06:58:43
                            
                                80阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            // 为element增加一个样式名为newClassName的新样式 // 移除element中的样式oldClassName // 判断siblingNode和element是否为同一个父元素下的同一级的元素,返回bool值 // 获取element相对于浏览器窗口的位置,返回一个对象{x, y            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-04 11:19:22
                            
                                198阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            对应文档操作,我们最基本的原型还是获取到指定的DOM元素。  /**g-get the dom element by id**@function**@param {str            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-26 00:11:36
                            
                                110阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            lnodeType:返回一个整数,这个数值代表着给定节点的类型。nodeType属性返回的整数值对应着12 种节点类型,常用的有三种:Node.ELEMENT_NODE    ---1   -- 元素节点Node.ATTRIBUTE_NODE  ---2   -- 属性节点Node.TEXT_NOD            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2016-03-05 19:50:23
                            
                                777阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            使用DOM元素 现在我们可以把焦点转移到元素对象本身,给予它应有的重视了。 使用元素对象 HTMLElement对象提供了一组属性,你可以用它们来读取和修改被代表元素的数据。下表介绍了这些属性。 元素数据属性 属 性 说 明 返 回 checked 获取或设置checked属性是否存在 布尔值 cl ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-31 10:45:00
                            
                                235阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            getElementById("id名") getElemensByClassName("class类名") getElementsByTagName("标签名") querySelector("id名 | class类名 | 标签名") 需要加点和井号 querySelectorAll("clas ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-11-01 15:44:00
                            
                                161阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            $nextTick 作用 :等Dom更新完以后再执行 // 等Dom更新完以后再执行 th            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-26 11:11:25
                            
                                609阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            https://segmentfault.com/a/1190000008291645 一个VNode的实例对象包含了以下属性 tag: 当前节点的标签名 data: 当前节点的数据对象 tag: 当前节点的标签名 data: 当前节点的数据对象 VNode可以理解为vue框架的虚拟dom的基类,通            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-11-21 17:31:00
                            
                                163阅读
                            
                                                                                    
                                2评论