前端使用xlsx模板导出表格
前言前端导出表格有很多种方案，但是表格样式一旦复杂了，那么就得用代码写excel的样式，还是比较麻烦的。每次样式不一样，就得重新写，这时使用表格模板的优势就体现出来了，想导出不同样式的表格直接修改表格模板即可。 方案我找了两种方案：1、使用xlsx-template，利用模板语法在xlsx中占位填...
pinia的使用
前言 最近新开了个项目，以前老项目都是vue2+vuex开发的，都说用vue3+pinia爽得多，那新项目就vue3+pinia吧。这里记录一下pinia的使用。 使用方法 安装pinia: npm i pinia main.js中引入pinia: //main.js import { cr...
纯前端实现图片验证码
前言之前业务系统中验证码是由后端返回一个base64与一个验证码的字符串来实现的，想了下，前端其实可以直接canvas实现，减轻服务器压力。 实现子组件：```//VerifyCodeImg.vue <!--验证码生成--> <template> <ca...
vue3实现一个抽奖小项目
前言 在公司年会期间我做了个抽奖小项目，我把它分享出来，有用得着的可以看下。浏览链接：http://xisite.top/original/other/luckDraw/index.html项目链接：https://gitee.com/xi1213/luck-draw (欢迎star!)项目截图：...
数据看板可视化
前言这段时间一直在做可视化，在我的项目中有一部分是电力巡检的数据可视化。其中的数据看板比较简单，我将其单独抽离出来形成一个demo，为保密demo中数据非真实数据。先看效果。 具体效果 链接相关 浏览链接：http://xisite.top/original/bigScreen/29/inde...
vue导出word文档
具体需求在我的项目中有一个功能需要导出word文档，在页面点击按钮后处理数据生成word文件，然后自动下载文档。 实现步骤 多番查询后发现前端导出word，使用docxtemplater(https://docxtemplater.com/ )较为方便。具体使用步骤如下： 安装docxte...
DataV兼容vue3的方法
发现问题 在使用vue开发大屏时，发现了一个很好用的可视化组件库DataV(http://datav.jiaminghi.com/ )，不是阿里那个DataV哈，用vue2开发时都一切顺利，直到有一天升级项目到vue3时，发现一堆报错，后面查了下，好像是DataV不兼容vue3，而vue3版本的Da...
vue中代理解决跨域
跨域是什么 简单的讲就是你在一个地方使用另一个地方的资源，被浏览器给挡下来了，不让你用！当然，它挡下来是有自己理由的：为了安全(╬▔皿▔)╯。 解决跨域 我是用vue开发的，就vue代理模式解决跨域说明一下。 1、在vue.config.js中这样写： let devProxy = { //获取...
vue+xlsx实现表格的导入导出
前言 前端在开发过程中若是管理系统之类的业务系统，则大多都会涉及到表格的处理，其中最为常见的就是表格的导入导出。有很多办法都可以实现，其中最简单的还是使用插件xlsx。 实现目标 1、对表格数据进行增加、删除。 2、表格数据的导出、导入。 具体逻辑 增加、删除功能比较简单，直接利用vue数据的响应式...
canvas实现图片标记
前言由于业务需求，需要有一个图片标记功能，其实就是对图片画框画线做标记，类似微信的图片编辑但是需要存下标记图及其标记的具体数据,。功能其实很简单，但刚开始的时候也是费了一些功夫的。我将原项目中该功能抽离出来单独写了一个demo，作为记录，同时你们在开发过程中有类似需求的话也可以参考一下该思路，其中有...
