logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue项目导出功能、带token导出Excel

在vue后台管理项目中,目前我常用的就两种导出方式一种是不需要携带token的,直接调用后台的接口,携带需要传递参数就行,具体实现代码如下:在main.js封装指令let baseDownloadUrl = 'http://xxxxxxx:8080'// 域名const PATH = {userList:'vue/export/userList'// 后台接口地址}//...

文章图片
#vue.js#javascript#前端
vue项目进行前端埋点,记录页面停留时间

数据埋点在现在的项目开发中都是不较比常见的,尤其是在电商公司,数据的统计分析尤为重要,通过数据分析可以提升用户的购买体验,方便运营和产品调整销售策略等等。埋点就是网站分析的一种常用的数据采集方法。目前主流埋点方案代码埋点可视化埋点无埋点注:关于埋点方式的详细介绍可以看我的另外一篇文章: 常见的数据埋点方式介绍本文主要介绍了代码埋点的方案代码埋点分为 命令式埋点 、声明式埋点一、命令式埋点命令式埋点

文章图片
#前端#vue.js#javascript
Vue a标签实现点击下载,下载图片、txt文件,不是直接打开的方式

前段时间在项目中遇到文件需要下载,直接拿出了之前封装的下载指令,在用的时候发现在下载jpg、txt文件时,并不会直接下载,而是会在浏览器中打开文件,即使给a标签添加了download属性,也无济于事。我先把之前封装的指令贴出来吧,如果下载文件类型只是Exact、Word、Pdf格式的可以直接拿着用,如果有其他文件类型需求的,可以继续往文章下面看支持Exact、Word、Pdf格式下载l...

文章图片
vue项目进行前端埋点,记录页面停留时间

数据埋点在现在的项目开发中都是不较比常见的,尤其是在电商公司,数据的统计分析尤为重要,通过数据分析可以提升用户的购买体验,方便运营和产品调整销售策略等等。埋点就是网站分析的一种常用的数据采集方法。目前主流埋点方案代码埋点可视化埋点无埋点注:关于埋点方式的详细介绍可以看我的另外一篇文章: 常见的数据埋点方式介绍本文主要介绍了代码埋点的方案代码埋点分为 命令式埋点 、声明式埋点一、命令式埋点命令式埋点

文章图片
#前端#vue.js#javascript
Vue a标签实现点击下载,下载图片、txt文件,不是直接打开的方式

前段时间在项目中遇到文件需要下载,直接拿出了之前封装的下载指令,在用的时候发现在下载jpg、txt文件时,并不会直接下载,而是会在浏览器中打开文件,即使给a标签添加了download属性,也无济于事。我先把之前封装的指令贴出来吧,如果下载文件类型只是Exact、Word、Pdf格式的可以直接拿着用,如果有其他文件类型需求的,可以继续往文章下面看支持Exact、Word、Pdf格式下载l...

文章图片
使用pdf.js在Vue、React中预览Pdf文件,支持PC端、移动端

PDF链接要渲染在页面上,pc端浏览器是可以直接显示PDF的,但是移动端浏览器、微信浏览器等不支持直接预览,打开以后会触发下载机制,通过尝试,最终选择了使用pdf.js。

文章图片
#javascript#vue.js
react监听页面滚动事件:window.addEventListener的scroll无效

react监听页面滚动事件:window.addEventListener的scroll无效在react项目中需要通过监听页面滚动高度,控制页面样式动态展示,所以在网上找了以后其他案例发现监听无效,代码如下://在componentDidMount,进行scroll事件的注册,绑定一个函数,让这个函数进行监听处理componentDidMount() {window.addEventListene

#react.js#javascript
vue自定义音频audio样式及操作面板

简介由于audio标签原生样式不能满足项目需要,需要自定义样式,项目使用技术为vue,主要进行了以下修改:1、隐藏原生audio标签2、通过div实现自定义样式3、控制div操作audio 对象的属性和方法audio原生样式⬇⬇⬇自定义audio样式⬇⬇⬇...

#vue.js#前端#音视频 +2
到底了