Web APIs(三)|PC端网页特效+移动端网页特效+本地存储

一.PC端网页特效

01.元素偏移量offset系列

1.1 offset概述


1.2 offset与style区别

02.元素可视区client系列

03.元素滚动scroll系列

3.1元素scroll系列属性

3.2页面被卷去的头部

3.3页面被卷去的头部兼容性解决方案

3.4三大系列总结

3.5mouseenter和mouseover的区别

04.动画函数封装

4.1动画实现原理

4.2动画函数简单封装




4.3动画函数给不同元素记录不同定时器



4.4缓动效果原理




4.5动画函数多个目标值之间移动

4.6动画函数添加回调函数




4.7动画函数封装到单独JS文件里面

05.常见网页特效案例

5.1节流阀

二.移动端网页特效

01.触屏事件

1.1触屏事件概述



1.2触摸事件对象(TouchEvent)


1.3移动端拖动元素

02.移动端常见特效

2.1 classList属性




2.2 click延时解决方案

03.移动端常用开发插件

3.1什么是插件

3.2插件的使用

3.3 Swiper插件的使用




3.4其他移动端常用插件

3.5插件的使用总结

3.6 练习-移动端视频插件zy.media.js

04.移动端常用开发框架

4.1框架概述

4.2 Bootstrap

三.本地存储

01.本地存储

02. window.sessionStorage

03. window.localStorage