移动端动效平台 finger-mover

码农软件 · 软件分类 · 滚动视图(ScrollView) · 2019-06-03 17:43:58

软件介绍

finger-mover

概述

finger-mover 是一个集成 Fingerd(移动端以手指为单位的事件管理方案) 和 Moved(微型运动方案) 为一体的移动端动效平台,finger-mover 本身并不能为你做什么,但是附带的提供了很多插件,例如: 纵向模拟滚动(simulation-scroll-y.js)、 横向模拟滚动(simulation-scroll-x.js)等等,配合这些插件,你可以轻松的实现移动端的一些运动组件。

特性

  • 体积小,压缩后:11.12kb

  • 插件化,运动组件均以插件的形式提供,当然,你也可以开发你自己插件,请查看 插件开发

安装

npm install --save finger-mover

finger-mover 以 umd 模块发布,所以你可以使用任何你想用的方式来使用它。如果直接使用 <script> 标签引用的话,那么将注册全局变量 Fmover

快速开始

// 导入 finger-mover
import Fmover from 'finger-mover'
// 导入 纵向模拟滚动插件 simulation-scroll-y
import simulationScrollY from 'simulation-scroll-y'
// 导入 横向模拟滚动插件 simulation-scroll-x
import simulationScrollX from 'simulation-scroll-x'

// 同时使用 simulation-scroll-y 和 simulation-scroll-x 这两个插件,即可实现 2d 滚动
let fm = new Fmover({
    el: '#scroll-box',
    plugins: [
        simulationScrollX(),
        simulationScrollY()
    ]
})

本文地址:https://codercto.com/soft/d/7179.html

匠心体验

匠心体验

[法] 艾米丽·布歇 / 吴 博 / 人民邮电出版社 / 2016-11 / 69.00元

本书针对在智能手机和平板电脑的网站及应用程序设计,详细剖析了移动终端服务的用户体验设计要点,阐述了营造舒适的感官体验、甄选内容及功能、提高用户效率、优化等待时间、合理实施教学、情感设计等方面的设计诀窍,并通过大量实例,呈现当今移动终端服务设计中的亮点与雷区。一起来看看 《匠心体验》 这本书的介绍吧!

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具