一、手指触屏,利用touchstart和touchend计算前后滑动距离,判断是上拉还是下滑。 二、js中距离:pageY、clientY、offsetY的区别: offsetY:相对于父节点的偏移距离。 clientY:相对于浏览器,滚轮距离不算在内。 pageY:相对于浏览器,滚轮滚动的距离算在 ...
分类:
移动开发 时间:
2018-07-19 22:05:30
阅读次数:
789
1. import ReactCssTransitionGroup from 'react-addons-css-transition-group' 2. <ReactCssTransitionGroup component="div" transitionName="slide-up" trans ...
分类:
Web程序 时间:
2018-07-17 18:08:58
阅读次数:
248
作为Linux系统的初学者来说,学会使用获取帮助命令是非常重要的。我在接下来的文章里面总结了一些常用的获取帮助资料的方法,希望在以后可以帮到你。 一.whatis的使用 whatis:用于查询一个命令执行什么功能,并将执行结果打印到终端上 1. 基于数据库的查找 优点:查找速度快 缺点:没有实时性 ...
分类:
系统相关 时间:
2018-07-17 18:08:35
阅读次数:
224
<template> <div class="swiper-box"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(item, index) in slid ...
分类:
其他好文 时间:
2018-07-17 14:12:10
阅读次数:
493
Bootstrap 响应式 @media (min-width:900px) { .content{ } } //当页面宽度大于900px时使用下列css 图标/字体 @font-face 使用: 自定义样式加上!important其他插件 bxslider:轮播图 ... ...
分类:
其他好文 时间:
2018-07-11 17:55:20
阅读次数:
176
轮播组件vue <swiper :options="swiperOption" class='swiper-box'> <swiper-slide v-for="v in swipers"><img :src="v.fdcImage" class="swiper-img"style="width:1 ...
分类:
其他好文 时间:
2018-07-09 19:07:30
阅读次数:
485
注意:$(“.xxx”) 类,一定要在前面加上点callback为完成后执行的函数名称隐藏显示:hide() show()淡入淡出:fadeIn() fadeOut() fadetoggle() 不透明度:fadeTo(speed,0.5)滑动:slideDown() slideUp() slide ...
分类:
Web程序 时间:
2018-07-08 15:35:10
阅读次数:
162
//for in : 遍历对象 循环变量代表key //for of : 遍历集合set map 循环变量代表value 一.运动框架 二.轮播图 三.放大镜 1.瀑布流 响应式布局 2.放大镜 3.碰撞检测 ...
分类:
其他好文 时间:
2018-07-06 22:27:54
阅读次数:
143
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Marquee</title></head><body> <!-- bihavior =scroll一圈一圈绕着走, slide走一次, alternate来回走- ...
分类:
移动开发 时间:
2018-07-03 22:33:39
阅读次数:
216
A. Balloons A. Balloons There are quite a lot of ways to have fun with inflatable balloons. For example, you can fill them with water and see what hap ...
分类:
其他好文 时间:
2018-07-02 13:33:33
阅读次数:
232