抱歉，您的浏览器无法访问本站

client 家族的组成clientWidth 和 clientHeight盒子调用时： clientWidth：获取盒子区域宽度（padding + width）。 clientHeight：获取盒子区域高度（padding + height）。 body/html调用时： clientWidth：获取网页可视区域宽度。 clientHeight：获取网页可视区域高度。 c...

缓动动画三个函数缓慢动画里，我们要用到三个函数，这里先列出来： Math.ceil() 向上取整 Math.floor() 向下取整 Math.round(); 四舍五入 缓动动画的原理缓动动画的原理就是：在移动的过程中，步长越来越小。 设置步长为：目标位置和盒子当前位置的十分之一。用公式表达，即： 1盒子位置 = 盒子本身位置 + (目标位置 -...

本文最初发表于博客园，并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 前言JS动画的主要内容如下： 1、三大家族和一个事件对象： 三大家族：offset/scroll/client。也叫三大系列。 事件对象/event（事件被触动时，鼠标和键盘的状态）（通过属性控制）。 2、动画(闪现/匀速/缓动) 3、冒泡/兼容/封...

定时器的常见方法 setInterval()：循环定时器。周而复始的执行（循环执行） setTimeout()：定时炸弹。用完以后立刻报废（只执行一次） 定义定时器的方式方式一：匿名函数 每间隔一秒打印一次： 123setInterval(function () { console.log(1);},1000); 方式二： 每间隔一秒打印一次： 123456...

动态创建DOM元素的三种方式 document.write(); 不常用，因为容易覆盖原来的页面。 innerHTML = (); 用的比较多。绑定属性和内容比较方便。(节点套节点) document.createElement(); 用得也比较多，指定数量的时候一般用它。 1、方式一： 1document.write(); 这种方式的好处是：比较随意，想创建就创建，可以直接在wr...