移动端的事件以及插件使用

191 阅读1分钟

移动端的事件

touchstart:开始触摸

touchmove:在触摸屏上移动

touchend:触摸结束

<div></div>
<script>
  var div=document.querySelector("div");
  //移动端事件
  //touch事件!触摸!
  div.addEventListener("touchstart",function(e){
      console.log(e);
    
      console.log("开始触摸屏幕");
  })
  div.addEventListener("touchmove",function(){
      console.log("触摸屏上进行移动,这是一个连续触发事件");
  })
  div.addEventListener("touchend",function(){
      console.log("手指从触摸屏上离开");
  })
</script>

animate.css 和 wow.js的使用(主要是用来实现网页特效)

1.wow.js能实现的animate.css都能实现,为什么还要使用wow.js呢?

2.因为wow.js可以做到在显示到某个元素的时候,才会触发动态效果

使用方法,大同小异,引入相应的js或者css文件:引入文件带有min的是压缩文件!

创建构造函数,引入相应的类名!

echarts.js(echarts基于Canvas,纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据统计图表。)

使用方法,引入文件,创建一个容器,初始化一个实例,配置里面的内容。

swipe插件(移动端触摸滑动插件)

使用方法,打开网站,引入js文件,创建一个容器,初始化一个对象,然后进行配置!

lbsyun.baidu.com/(百度地图apk开发)

使用方法,注册账号,申请密钥!

引入示例demo,然后在引入的demo里面找到“ak='你的密钥'”

<script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=3UphpUzTDefXMhuuoTl7WAbN3x0n8ZYS"></script>

密钥配置完成就能使用