移动端的事件
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文件,创建一个容器,初始化一个对象,然后进行配置!
使用方法,注册账号,申请密钥!
引入示例demo,然后在引入的demo里面找到“ak='你的密钥'”
<script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=3UphpUzTDefXMhuuoTl7WAbN3x0n8ZYS"></script>
密钥配置完成就能使用