vue 移动端 fastClick

阅读量：158 次

发布时间：2019-02-28

本文共 513 字，大约阅读时间需要 1 分钟。

安装FastClick并在项目中应用指南

npm命令

1. 安装FastClick包

npm install fastclick -D

在main.js中使用FastClick

1. 安装完成后在main.js中添加以下代码

import FastClick from 'fastclick';

FastClick.attach(document.body);

项目依赖管理说明

安装后package.json中的devDependencies会包含：

"devDependencies": {

"fastclick": "^1.0.6"

}

为什么选择FastClick

在移动端H5开发中，点触事件处理存在两个主要问题：

1. 手动点击与click事件的300ms延迟（尤其在iOS上更为明显）

这种延迟会严重影响用户体验，尤其是在需要快速反馈的场景中。

2. 点击穿透问题

点击事件可能会穿透元素，触发非父子关系的元素事件，导致意想不到的交互行为。

FastClick的优势：

通过预处理点击事件，FastClick能够有效解决上述问题，使应用在移动端的点击体验更加流畅和可控。

转载地址：http://swzj.baihongyu.com/

你可能感兴趣的文章

npm run build部署到云服务器中的Nginx（图文配置）

npm run dev 和npm dev、npm run start和npm start、npm run serve和npm serve等的区别

npm run dev 报错PS ‘vite‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。

npm scripts 使用指南

npm should be run outside of the node repl, in your normal shell

npm start运行了什么

npm WARN deprecated core-js@2.6.12 core-js@＜3.3 is no longer maintained and not recommended for usa

npm 下载依赖慢的解决方案（亲测有效）

npm 安装依赖过程中报错：Error: Can‘t find Python executable “python“, you can set the PYTHON env variable

npm.taobao.org 淘宝 npm 镜像证书过期？这样解决！

npm上传自己的项目

npm介绍以及常用命令

NPM使用前设置和升级

npm入门，这篇就够了

npm切换到淘宝源

npm切换源淘宝源的两种方法

npm前端包管理工具简介---npm工作笔记001

npm包管理深度探索：从基础到进阶全面教程！

npm升级以及使用淘宝npm镜像