WebAPIs06昨日复习WebAPIs第06天-昨日复习获取边框+padding+内容宽度的是_________获取padding+内容宽度的是_________WebAPIs第06天-昨日复习昨日复习获取边框+padding+内容宽度的是offsetWidth获取padding+内容宽度的是clientWidthContents目元素偏移量offset系列元素可视区client系列元素滚动scroll系列动画函数封装常见网页特效案例能够说出常见offset系列属性的作用能够说出常见client系列属性的作用能够说出常见scroll系列属性的作用能够封装简单动画函数能够写出移动端触屏事件目标TARGET要点提示缓动动画原理掌握程度:了解1.1缓动动画原理视如何封装缓动动画要点提示缓动动画基本代码实现掌握程度:应用2.1缓动动画基本代码实现结视缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。核心算法:(目标值-现在的位置)/10做为每次移动的距离步长停止的条件是:让当前盒子位置等于目标位置就停止定时器注意步长值需要取整2.2缓动动画基本代码实现课堂问答视知识总结结如何判断step是正直还是负值要点提示缓动动画多个目标值之间移动掌握程度:应用3.1缓动动画多个目标值之间移动结视什么叫做回调函数?要点提示缓动动画添加回调函数掌握程度:应用3.2缓动动画添加回调函数结视回调函数原理:函数可以作为一个参数。将这个函数作为参数传到另一个函数里面,当那个函数执行完之后,再执行传进去的这个函数,这个过程就叫做回调。3.3缓动动画添加回调函数课堂问答视知识总结结回调函数的使用场景要点提示动画函数的使用掌握程度:应用4.1动画函数的使用视结要点提示网页轮播图-结构搭建掌握程度:应用5.1网页轮播图-结构搭建结视要点提示网页轮播图-鼠标经过显示隐藏左右按钮掌握程度:应用5.2网页轮播图-鼠标经过显示隐藏左右按钮结视因为js较多,我们单独新建js文件夹,再新建js文件,引入页面中。此时需要添加load事件。鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮。显示隐藏display按钮。5.3网页轮播图-鼠标经过显示隐藏左右按钮课堂问答视知识总结结要点提示网页轮播图-动态生成小圆圈掌握程度:应用5.4网页轮播图-动态生成小圆圈结视排他思想原理是什么?排他思想原理是什么?要点提示网页轮播图-小圆圈排他思想掌握程度:应用6.1网页轮播图-小圆圈排他思想演视动态生成小圆圈核心思路:小圆圈的...