![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
LZC_yEllOwBooK
这个作者很懒,什么都没留下…
展开
-
[ ].slice.call(arguments) 原理
首先 slice是数组方法,所以要加上【】slice 的函数内部大致结构:Array.prototype.mySlice=function(){ var arr=[] var that=this var arg=arguments switch(arguments.length){ case 0:return this;break; case 1原创 2021-10-14 16:12:39 · 266 阅读 · 2 评论 -
防抖与节流
防抖防止抖动,在元素上鼠标移动后半秒,鼠标没有再次移动,才会计算次数,否则就重新计算时间核心用延时计时器1.获取页面元素,绑定上防抖事件 // 获取到页面的元素 var div1=document.querySelector('.div1') var div2=document.querySelector('.div2') var div3=document.querySelector('.div3') var.原创 2021-09-21 21:56:29 · 120 阅读 · 0 评论 -
js 放大镜效果(可随意更改,放大区域的大小,比例)
效果效果,鼠标在原图片移动,黄色小盒子跟随鼠标移动,黄色小盒子盖住的部分,在显示区显示效果图如下:核心思路1.鼠标放置在图片上,显示区出现,鼠标离开小盒子,显示区消失2.鼠标在图片上移动时,小盒子跟随鼠标移动,且鼠标在黄色小盒子中间位置3.小盒子给判断,让其不能超出图片区域4.小盒在图片上移动多少,显示区域要移动同比例的距离5.当显示区大小发生改变,或显示区内容增大变小,原来图片上的黄色小盒子随之改变操作1.先把需要用到元素获取过来 // 获取页面上我们需.原创 2021-09-05 23:33:36 · 3257 阅读 · 3 评论