vue2/3 浏览器指纹搭配requestIdleCallback的简单运用

需求:不登陆还想记录是谁看的,其实单纯的浏览量记录就可,因为并没有展示是谁看的地方,简称“无用需求”,但谁要客户想要呢

其实很好实现,可以记录IP(让后端搞吧,毕竟我懒)但是如果后端懒那就前端搞,那就不得不提浏览器指纹了

npm install fingerprintjs2 -S

然后在需要的页面引入

import Fingerprint2 from 'fingerprintjs2'

然后

createFingerprint() {
				// 浏览器指纹
				const fingerprint = Fingerprint2.get((components) => {
					const values = components.map((component) => component.value) 
					const fingercode = Fingerprint2.x64hash128(values.join(''), 31) 
					console.log(components, values,fingercode,'你好') 
					this.fingercode = fingercode;
					console.log(this.fingercode)
				})
			},

这个可以一开始就调,也可以使用 requestIdleCallback 等浏览器不忙的时候来执行,这就看具体的项目了

if (window.requestIdleCallback) {
//你的需求
}

就酱,拜拜

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用Vue 3和Vite 2来进行JavaScript模板下载,你需要按照以下步骤进行操作。 1. 确保你的计算机已经安装了Node.js环境。可以在终端输入`node -v`来查看是否已经成功安装。 2. 打开终端,在合适的目录下创建一个新的文件夹,例如`my-project`。 3. 进入该文件夹并初始化一个新的npm项目,可以运行`npm init -y`来进行快速初始化。 4. 接下来,你需要安装Vue CLI(命令行界面)和Vite,运行以下命令进行安装: ``` npm install -g @vue/cli npm install -g create-vite ``` 5. 安装完成后,你可以使用Vue CLI创建一个新的Vue 3项目。在终端运行以下命令: ``` vue create my-project ``` 这将创建一个名为`my-project`的Vue项目,你可以根据需要进行选择和配置。 6. 进入创建的项目文件夹,你可以通过以下命令进入到项目: ``` cd my-project ``` 7. 现在,使用Vite来进行JavaScript模板下载。运行以下命令: ``` create-vite ``` 这将启动Vite模板下载器,你可以按照提示进行选择和配置。 8. 完成以上步骤后,你可以进入到生成的项目文件夹,并运行以下命令启动开发服务器: ``` npm run dev ``` 这将运行Vite的开发模式,你可以在浏览器访问`http://localhost:3000`来查看你的应用程序。 通过以上步骤,你就成功使用Vue 3和Vite 2进行了JavaScript模板的下载。你可以根据自己的需求进行进一步的开发和定制。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值