2.25学习

最新推荐文章于 2024-08-27 21:36:13 发布

zcann

最新推荐文章于 2024-08-27 21:36:13 发布

阅读量65

点赞数

文章标签：学习 javascript 前端

本文链接：https://blog.csdn.net/zcann/article/details/129221911

版权

PC网页特效

元素偏移量offset系列

与style区别

可以用来做动态拖拽框

可以用来做放大镜案例

元素可视区client系列

立即执行函数

不需要调用，立马可以自己执行

 (function() {})()
 (function(){}())

第二个小括号可以看作调用函数

形参+...+实参

立即执行函数最大的特点是独立创建了一个作用域，避免命名冲突

解析淘宝js

dpr物理像素比：devicePixelRatio

DOMContentLoaded页面加载

resize页面尺寸改变的事件

pageshow页面重新加载的事件

元素滚动scroll系列

可以用来做网页侧边栏，滚动后固定。

三系列总结

mouseover和mousenter的区别

动画函数封装

动画实现原理

动画函数简单封装

注意定位

         function animate(obj, target) {
             var timer = setInterval(function () {
                 if (obj.offsetLeft <= target) {
                     obj.style.left = obj.offsetLeft + 5 + 'px';
                 }
             }, 30)
         }
         var div = document.querySelector('div');
         animate(div,300);