当前位置:   article > 正文

JavaScript学习12_头歌javascrit学习手册十二

头歌javascrit学习手册十二

移动端触屏事件

触摸事件对象

触摸事件对象(TouchEvent)是一类描述手指在触摸平面的状态变化的事件

拖动元素

可以使用touchstart、touchmove、touchend实现

需要获取当前手指坐标,可以使用targetTouches[0]里面的pageX、pageY获得

实现:

触摸元素touchstart:获取手指初始坐标,同时获取盒子原理位置

移动手指touchmove:计算手指的移动距离,并且移动盒子,并且要阻止默认的屏幕滚动

离开手指touchend

click延时解决方案

移动端在click事件发生时,因为移动端屏幕双击会缩放页面,所以会有300ms的延时。

解决方案:

1 禁用缩放

2 利用touch事件自己封装这个事件来解决300ms的延时

移动端常用插件

js插件就是js文件,遵循一定规范编写,方便程序展示效果,拥有特定功能且方便调用。

js插件一般是为了解决某个问题而专门存在的,其功能单一,并且比较小

使用方法:引入插件相关文件,按照给定语法使用

fastclick插件

专门用于处理click延时

swiper插件

轮播图插件

插件使用总结

确认插件实现的功能

去官网查看使用说明

下载插件

打开demo实例文档,查看需要引入的相关文件,并且引入

复制demo实例文件中的结构html,样式css以及js代码

移动端常用开发框架

框架就是一套架构,其基于自身的特点向用户提供一套较为完整的解决方案,框架的控制权在框架本身,使用者要按照框架所规定的某种规范进行开发

常见框架:Vue、React、Bootstrap

本地存储

数据存储在浏览器中

设置、读取方便,甚至页面刷新不丢失数据

容量较大

sectionStorage

生命周期是关闭浏览器窗口

在同一个窗口(页面)下数据可以共享

 

 

 

 localStorage

生命周期永久生效,除非手动删除数据,否则关闭页面之后数据野孩子

可以多窗口共享

键值对形式存储

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/550359
推荐阅读
相关标签
  

闽ICP备14008679号