![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
大雄丸
这个作者很懒,什么都没留下…
展开
-
vue结合flask利用pandas上传并读取excel
项目中使用到前端导入数据,之前都是vue读取excel,然后批量axios分段提交,好处是可以监控上传进度,坏处是批量化axios会导致前端大量占用资源,页面卡顿,让用户体验下降,用户无法离开当前页面,甚至卡死,所以这次选择了使用直接将文件上传到后端进行操作的方式,由于前端使用vue后端使用flask,所以出现了一些问题,折腾了大半个小时,问题其实很简单,但是往往解决问题就是在一层窗户纸的事情。原创 2022-10-02 07:00:36 · 1129 阅读 · 0 评论 -
nodeJs中vue调用qrcode生成二维码
二维码生成已经是很常用的功能了,之前一直用python生成二维码,这次用JS生成二维码,实际使用中比较了下qrcodejs2和qrcode两个库。原创 2022-09-08 20:23:08 · 947 阅读 · 0 评论 -
nodeJS中调用exe文件
由于不同语言各有优势,所以有时候会用不同的语言去写不同的脚本,这次写的软件中涉及到爬虫的部分用python写的,主程序用electron+vue的方式写的,所以使用了child_process来调用python打包的exe原创 2022-09-08 20:10:49 · 6082 阅读 · 0 评论 -
uniapp使用iconfont保姆级教程
1.背景uniapp中自带的icon很少,不管哪个UI框架都有这个问题,最好就是引用来自iconfont之类的自定义项目文件,我见过很多项目是将文件直接下载下来使用,弊端是操作麻烦,颜色不可修改,只能用已下载的颜色,最好的方式当然是使用字体文件来实现,这里就详细说下操作流程2.方案步骤步骤主要分两块,一块是iconfont上的项目管理,一块是本地uniapp项目中的配置2.1.iconfont端iconfont端主要分几步:1.创建项目2.选择图标3导出字体文件2.2.项目端引用项目端引原创 2022-04-30 08:45:38 · 9460 阅读 · 1 评论 -
js中的async await 入门解惑篇
背景很多人在js异步执行的时候被回调地狱折磨的和痛苦,虽然知道promise或async/await可以实现同步执行和链式结构,但是不元好好沉下心来学习原理和逻辑。这里做一个简单对比,帮助小白理解。对比假设我们有个work1想要在request1执行完成后打印“work期望在request完成后执行”,只需要简单改造即可request1(){ axios.post('url****').then(function(r){ console.log('获取数据完成') });原创 2022-04-29 17:10:15 · 345 阅读 · 0 评论 -
uniapp使用阿里云OSS直接上传文件
背景由于服务器带宽优先,很多时候上传文件,尤其是视频文件,稍微大一点上传速度有很慢,加上一些安全方面的原因,我还是喜欢将文件直接上传到阿里云OSS上,但是在uniapp中配置上传相对有点繁琐,这里记录一下,也方便大家直接拷贝使用。流程1.阿里云后台获取相关key这里用需要三个数据分别是:1.accessid:2.accesskey:3.Bucket域名:前两个大家都知道,最后一个由于阿里云后台都写在一起,比较容易搞混,这里截图给大家参考下2.小程序端配置js文件小程序主要配置4个文件原创 2022-04-29 16:50:03 · 9888 阅读 · 4 评论 -
uniapp使用vant
背景操作1.下载文件https://github.com/andurils/vant-weapp-uniapp解压后如图2.复制文件在uniapp项目根目录创建wxcomponents 目录,并将上图中标红的dist整个复制到改文件夹下,并改为为vant,如图:3.文件引用3.1pages.json 引入组件在 uniapp 项目的 pages.json 文件中的 globalStyle 属性中使用 usingComponents 引入 vant 组件"globalStyle": {原创 2022-04-24 14:56:55 · 2786 阅读 · 1 评论 -
简化VUEX多级调用的方法
背景vuex中的使用mutations中的方法时只能带2个参数,使得我们在页面中调用和变更时非常不方便,需要写多个方法对应多个参数,后来在uni中发现他们的写法很方便,可以在内容页直接用函数的方式修改任意层的单个参数。于是就想扒出来用在其他vue项目中。思路其实说起来原理也很简单,无非是在$store.commit之前加入一步参数的分解而已。并且在main.js中写入方法直接调用。代码1.页面调用this.vuex('newMsg', '20')2.main.jsVue.prototype原创 2021-09-16 10:23:56 · 288 阅读 · 0 评论 -
electron-vue官方模板打包失败问题合集
1.背景最近使用electron-vue进行项目开发,到打包的时候发现打包失败,各种问题,于是就尝试直接使用官方模板进行打包,发现也是不行,各种问题在后文列举。这里记录一下最后我可用的方案,同时将常见问题罗列以备小伙伴们少走弯路。当前环境:node:14.12electron:2.0.18electron-vue获取:vue init simulatedgreg/electron-vue newPro2.当前顺利打包流程记录一下我目前可用的方案。2.1 关于multispinner的bu原创 2021-06-07 09:09:49 · 3518 阅读 · 5 评论 -
electron 多窗口通信
主进程位置/src/main/index.js模块import { app, BrowserWindow ,ipcMain } from 'electron'监听 console.log('receive render process msg') console.log(JSON.stringify(message)) // 主进程向渲染进程触发事件 mainWindow.webContents.send('c2', message)})渲染进程位置所有用到icpRe原创 2021-03-11 08:22:49 · 988 阅读 · 0 评论 -
vue开发APP使用微信分享和QQ分享功能
条件微信开放平台申请微信开放平台appid腾讯开放平台申请腾讯开放平台appid打包环境Hbuildermanifest.json中plus下的plugins下添加如下代码,并填写你的appid"share" : { "weixin" : { "appid" : "wx****************", "UniversalLinks" : "" }, "QQ"原创 2021-02-10 21:05:45 · 2831 阅读 · 3 评论 -
vue使用better-scroll实现下拉刷新和上拉加载,文末附文档
这里写自定义目录标题背景逻辑展示部分逻辑部分小结代码HTMLJSCSS参考背景在使用VUE 开发APP过程中由于uniapp各项限制,决定弃用,直接使用VUE-CLI进行开发。其中遇到的一个问题就是上拉加载和下来刷新的问题,直接使用window.addEventListener scroll在移动端是无效的。后来采用了better-scroll库实现,但是在使用时发现在理解上有些问题导致期初使用有点疙瘩,这里梳理一下逻辑,最后附上代码。逻辑展示部分其实better-scroll库的逻辑很简单,繁琐原创 2021-01-27 15:30:35 · 2090 阅读 · 0 评论