logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue项目:在项目某个文件中获取目标代理服务器地址

前端在实现点击按钮下载的需求时,无论是采用a标签还是window.open方法,都需要写上完整的文件下载路径(如:192.168.1.1:8000/files/down_excle),但是当我们后端更换网络或者项目上传云端后,这里的IP地址一定会发生变化,如果将地址写死,下载功能则会失败。最后进行路径拼接即可。...

文章图片
#前端#javascript#开发语言
vue项目使用阿里巴巴矢量图标库详细教程(symbol方式下载到本地)

vue项目使用阿里巴巴矢量图标库详细教程(symbol方式下载到本地)

文章图片
#vue.js#前端#javascript
vue实现读取TXT文件内容并解析

要在Vue应用程序中实现此功能,可以在模板中创建一个文件输入元素,并为其添加一个change事件侦听器,该侦听器调用一个方法来处理文件选择。文件读取完成后,将调用onload函数,该函数将文件内容作为字符串检索,并计算文件中的行数。然后,它初始化一个名为dataArr的空数组,并循环遍历文件的每一行(从第二行开始),以提取第一个逗号分隔值并将其转换为数字。然后创建一个新的FileReader对象,

文章图片
#vue.js#javascript#前端
vue项目前端做分页(后端一次性返回所有数据,前端自己分页)

vue项目前端做分页(后端一次性返回所有数据,前端自己分页)​在项目中有些场景会让前端自己来处理分页,实现的方法也很简单,我们只需要用到一个slice方法就可以了。下面是具体的实现步骤:首先是实现一个分页组件,在这里就不具体讲述了,需要知道怎么实现分页组件的小伙伴先阅读下面这个教程前端基于elementui封装分页组件那根据上面的教程在相应的页面引入分页组件后,我们开始对请求回来的数据进行拆分分页

文章图片
#vue.js#前端#javascript
Vue大屏可视化项目自适应

可视化大屏的需求越来越广泛,几乎所有的项目都要求自适应屏幕,传统的rem,vw、vh适配太繁琐且后期新增适配的话很麻烦。3.在mounted生命周期中配置自适应代码。2.在App.vue文件中引入(全局使用)4.重启项目即实现大屏项目自动适配了。1.npm引入autofit.js。

文章图片
#vue.js#前端#javascript
uniapp微信小程序全局实现发送给朋友、分享到朋友圈功能(不需要每个页面都配置)

使用uniapp开发小程序的过程中需要实现: 点击右上角,展开,发送给朋友、分享到朋友圈功能。

文章图片
#uni-app#微信小程序#小程序
Vue+elementUI中的el-upload实现上传文件给后端,限制上传文件的格式、文件的大小、文件的数量,将表单和Excel文件一起提交给后端

Vue+elementUI中的el-upload实现上传文件给后端需求:1.表单输入信息2.上传Excel附件3.下载附件模板4.将表单和Excel文件一起提交给后端限制上传文件的格式、文件的大小、文件的数量

文章图片
#vue.js#前端#javascript +1
Vue项目中实现消息提示/报警/未读消息(铃铛加小圆点闪烁效果)

在项目开发过程中,可能需要实现以下场景:未读消息提示、报警信息、消息通知等,这些功能往往是在页面的右上角设置一个铃铛,在铃铛或者图标的右上角显示消息数并做呼吸灯效果显示。首先实现静态部分,需要一个容器,里面包含铃铛图标和显示消息数的文字标签。接下来实现呼吸灯效果,让显示消息数的标签闪烁跳动起来。在data中定义opacity: 1,在methods中定义事件,实现呼吸灯效果。调整一下样式后就达到了

文章图片
#elementui#vue.js#javascript +1
到底了