自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(67)
  • 收藏
  • 关注

原创 vue3使用setup模式的store报错

顾名思义就是 使用store 使用的是setup 语法模式 不能执行$reset 方法。选个单词吧:via :经由,经过(某一地方);通过,借助于(某种手段或人)** setup store模式 $reset方法报错 **两种代码其实一个意思 看个人喜好了。

2024-05-12 14:52:53 214

原创 vue 前端读取Excel文件并解析

平时项目中对于Excel的导入解析是很常见的功能,一般都是放在后端执行;但是也有特殊的情况,偶尔也有要求说前端执行解析,判空,校验等,最后组装成后端接口想要的数据结构。因为我使用插件执行的 you know。

2024-04-30 14:27:22 686

原创 vue3 +TS + vite + SVG

vu3+ vite 中使用svg

2023-12-18 10:24:57 611

原创 Vue项目中导出当前el-table数据为Excel表格

【代码】Vue项目中导出当前el-table数据为Excel表格。

2023-07-11 15:22:23 798

原创 Do not access Object.prototype method ‘hasOwnProperty‘ from target object

使用 hasOwnProperty 报错

2023-01-12 20:25:49 903

原创 form表单内嵌套动态表格添加校验功能

form表单内嵌套动态表格添加校验功能

2022-09-15 21:39:47 1149

原创 搭建vue3源码学习环境

更好的学习vue当然是了解它的源码。

2022-07-20 14:06:02 1107

原创 easy mock本地安装与使用

easymock的安装使用

2022-07-11 23:50:13 640

原创 vuex-persist实现vux持久化

vuex-persist 实现vuex持久化

2022-07-04 14:33:27 170

原创 vue项目中使用svg-sprite-loader

svg 的简单使用我们在src 下新建个icons文件夹,在文件夹下在建一个svg 文件夹用来存放所有的svg 图标,对于你想要的svg 图标可以到iconfont 中找哪里不会点哪里:记得先引入svg资源 import ‘@/icons/svg/wx.svg’ 然后执行如下命令当匹配如上引入路径时,svg-sprite-loader 会编译处理相应的文件名称为:icon-wx,所以在使用时就采用如上方式该文件要在main.js中引入下有了自动化加载了,就不用单独引入了,直接使用就OK了在

2022-07-04 11:30:33 634

原创 vue2编译报错Class constructor VuexModule cannot be invoked without ‘new‘

Class constructor VuexModule cannot be invoked without 'new'

2022-06-29 00:09:26 918

原创 在vue2中使用Vue.use(Vuex)报错

上图中,可以看到 我是用的vue 2.6.14对应的vuex是4.0.2(当前最新版本);版本不匹配导致报错。vue2中使用vuex@3版本,vuex@4 使用在vue3中的,所以解决办法如下问题是解决了,但是要反思下:why?有位道友的分析就很好: 根据自己实际情况举一反三上面这位老师提到了一个知识点我也记录在这里npm-shrinkwrap在赠送一个vuex-module-decorators详解...

2022-06-27 22:43:09 3191 2

原创 记录一次使用JS生成word后端转换PDF功能

js 生成word,pdf

2022-06-02 23:50:57 1140

原创 你了解 Preserve log 吗?

了解下preserve log

2022-06-02 23:40:09 180

原创 启动项目时,出现 Syntax Error: TypeError: token.type.endsWith is not a function的错误

Syntax Error: TypeError: token.type.endsWith is not a function

2022-06-01 16:29:30 497

原创 http请求头中Referer的含义和作用

http请求头中Referer的含义和作用别人写好了,链接过去看看吧,出门左转。记得房号不迷路02房01房三人行必有我师焉,其实两人行也有我师焉……

2022-05-20 13:44:03 265

原创 执行vue命令报错

通过vue cli(我的版本5.0.3)安装vue;执行vue 命令时报错;如下windows + r 输入powershell查看策略Get-ExecutionPolicy -List修改策略Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser再次执行查看策略是否修改完成三人行必有我师:优秀1perfect如有问题。感谢您的批评指正。...

2022-03-21 22:22:19 439

原创 安装babel-polyfill让es6可以在ie 上使用

1.安装 npm install -S [email protected]@6.26.0 是我使用的版本号,根据个人需要哈2. 引入 我是使用vue 的直接在 main.js 的头部引入import ‘babel-polyfill’;使用require(‘babel-polyfill’) 也可以的别人的 你也可以看看https://www.cnblogs.com/lan-cheng/p/8855192.htmlhttps://www.cnblogs.com/princesong/

2022-03-04 18:07:20 539

原创 vue+element-ui+axios实现上传图片进度条效果

要下班了,写点啥首先封装axios,然后在需要的页面 引入(在此采用)也可以不封装的,直接使用template如下 ;使用http-request 覆盖默认上传行为<div class="upload" @mouseover="mouseOver" @mouseleave="mouseLeave"> <el-upload class="avatar-uploader"

2022-03-04 17:55:43 705

原创 vue-devtools安装及使用

午休时,拉取了最新的[email protected] 使用试试,结果运行以下命令npm run buildoryarn run build均报错时间如白驹过隙不折腾了,换了版本号@5.1.1 运行npm run build 成功最后去使用吧安装教程 参考如下很秀哦看啥看,再看一下试试你怎么就这么执着呢,这瓜包熟椒山自有胆,何蚺蛇为?无惧也...

2022-02-24 14:14:41 461

原创 安装vue-devtools时clone github仓库时报错Failed to connect to github.com port 443 after 21122 ms: Timed out

git clone https://github.com/vuejs/devtools.git d:\plugin\vue-devtools\devtools --progressfatal: unable to access ‘https://github.com/vuejs/devtools.git/’: Failed to connect to github.com port 443 after 21122 ms: Timed out解决:打开 https://websites.ipaddr..

2022-02-24 13:51:21 1533 2

原创 前端接收并下载文件流 (blob对象)(word/.doc)

下载模板其他的可以参考如下博文1 根据文件路径下载文件模板,前端拿到的是stream 文件流2 将文件流下载下来第一步 当然是写请求方法了,如下//下载模板export function download (params) { return request({ url:'/file/s3/file/xxxxxx.doc',//你懂的 method:'get', responseType: 'blob',//重点 重点 重点

2022-02-23 16:07:38 7050 2

原创 js二进制数据转图片--获取图形验证码

做图形验证码时 后端给的是文件流我们很多时候的从后端获取图片时,直接拿到的url 操作如下<img src="result.data" />然而有时候拿到的是文件流需要自己转换1.修改参数responseType:“arraybuffer”axios修改方式export function captcha (params) { return request({ url:'/account/captcha', method:'get', r

2022-02-21 21:49:46 484

原创 项目中引入iconfont 报错because its MIME type (‘application/json‘) is not a supported stylesheet

最近总加班:简单记录下,望见谅。猪蹄:使用iconfont报错 ;文件没有引入进来,看浏览器报错 就很明显了解决方式1.<link href="../static/css/element-ui/fonts/iconfont.css" th:href="@{css/element-ui/fonts/iconfont.css}" rel="stylesheet" type="text/css" />//路径是我的 项目路径,参考自己的修改修改idea 配置file–>set

2022-02-21 21:22:45 794

原创 【Could not reserve enough space for object heap】

idea 编译项目时报错Could not reserve enough space for object heapCould not reserve enough space for object heapidea: file–>settings–>Build,Execution,Deployment—>compiler;Shared build precess VM options:-XX:MaxHeapSize=512m参考链接...

2022-02-21 15:19:11 378

原创 实现扫码登录

废话不多进入猪蹄开发扫码登录时 ;对于web端的需要的过程的简单记录实现二维码 首先调用后端接口获取标记 用于生成二维码轮询验证登录状态首先引入相应的js文件用于生成二维码例如:qrCode/qrcode.jsgetRandomStr().then(res => {//获取生成二维码的唯一key const { data } = res; const parenNode = document.g

2022-02-14 19:48:07 813

原创 SpringBoot使用thymeleaf+vue

SpringBoot使用thymeleaf+vue说点废话吧,又不知道说啥。进入猪蹄;项目开发中遇到了几个问题说点废话吧,又不知道说啥。进入猪蹄;1.项目开发时遇到单点登录的功能要求在SpringBoot框架中使用vue,因为vue 是支持script引入;2. 所以首先想到的是 直接引入相应资源了我们可以看到上图中引入css时 使用的语法为:th:href="@{xxxxxx}",这是thymeleaf 语法;上图片中有引入cdn资源的方式也有 把资源放在本地 ,引入的方式,都可以。项

2022-02-14 19:18:23 4409

原创 网易易盾图形验证码

图形验证码的基本使用引入文件 <!-- https示例如下: --> <script src="https://cstaticdun.126.net/load.min.js?t=201903281201"></script> <!-- http示例如下: --> <script src="http://cstaticdun.126.net/load.min.js?t=201903281201"></script>

2022-02-11 14:46:33 1507

原创 前端的防抖节流

项目开发中 我们一定遇到过如下情况,滚动条下拉一定距离时,显示top 按钮(回到顶部)用户输入信息是校验当前信息是否可用或者是否已存在因为滚动事件和输入事件触发评率不可控,会导致请求过于频繁,相应不及时造成页面假死等现象因为我们会想到 防抖节流操作使用定时器,只要在时间周期内有新的事件触发,就清空上次定时器,再重新触发,这种方式简单实用同样是使用定时器, 在周期内若有新事件触发时,事件开始时间指针后移,则重置定时器开始时间戳,定时器执行时,判断开始时间戳。示例代码如下···data

2022-01-20 20:03:07 232

原创 DES和RSA数据加密

数据加密处理好懒呀,简单记录下吧项目开饭中(做个干饭人)对于信息加密的方式有很多种使用crypto-js 做DES加解密jsencrypt 做RSA加密解密字符串好懒呀,简单记录下吧在如今互联网时代 各种数据信息铺天盖地,我们该如何保证自己的信息安全呢?首先用户自己不外露自己的重要信息用户使用的各种软件也要对用户重要信息进行加密保护处理项目开饭中(做个干饭人)对于信息加密的方式有很多种简单记录下我使用的两种情况在处理用户注册信息时,需要做加密处理使用DES和RSA做数据加密;

2022-01-20 19:41:00 2133

原创 【无标题】

vue.js中 使用element-ui的validate方法校验,内部回调不执行原因是自定义校验规则中有的条件没有执行callback(判断比较多)解决办法:所有的条件都执行 callback具体使用规则async-validator

2022-01-11 16:51:02 122

原创 ajax成功请求到后台,但是前端报404错误

在调试批量导入接口时,报404,进入ajax.error内首先路径没问题,传参没有问题(进入后端了,参数也获取到了)。错误原因是@Controller注解没有加@ResponseBody@ResponseBody注解的作用是将controller的方法返回的map对象通过适当的转换器转换为指定的格式之后,写入到response对象的body区,通常用来返回JSON数据或者是XML数据。需要注意的是,在使用此注解之后不会再走视图处理器,而是直接将数据写入到输入流中,他的效果等同于通过respons

2021-12-22 10:22:10 1332

原创 react17添加装饰器和antd按需导入

react17添加支持装饰器首先安装以下依赖修改 babel 相应配置在根目录下新建 config-overrides.js修改 scripts首先安装以下依赖npm install xxxx --save-dev版本号为我当前使用的最新版本//package.json //引入 antd 样式文件,需要下载 babel-plugin-import"devDependencies": { "@babel/plugin-proposal-decorators": "^7.15.4",

2021-09-27 15:53:24 288

原创 vite搭建V3项目时Error: spawn E:\vue3-vite\my-app\node_modules\esbuild\esbuild.exe ENOENT

PS E:\vue3-vite\my-app> npm run dev> [email protected] dev> viteevents.js:292 throw er; // Unhandled 'error' event ^Error: spawn E:\vue3-vite\my-app\node_modules\esbuild\esbuild.exe ENOENT at Process.ChildProcess._handle.onexit .

2021-08-26 10:36:33 1987

原创 webpack-cli 校验配置对象,发现配置的devtool 有问题

瑕疵版本改正后错误如下:please strictly follow the order of the keywords in the pattern请严格遵循模式中关键字的顺序最后一句意思很明显了,那就照做吧

2021-08-12 16:08:39 396

原创 Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

接上篇博文TS学习环境搭建上述问题就是开发中遇到的,也是查询各种资料 虽然没有解决但是给了我启发(在此表示感谢),启发衔接01,启发链接02,谢谢就是版本不兼容,以下是我失败版本我的解决方式,卸载webpack-dev-server ,安装[email protected] 如下其他的版本号,在上篇博文可见TS学习环境搭建在此记录下我遇到的其他问题,1,webpack-dev-serverwebpack 的版本是5+(具体的我没有看文档,有知道的告知 我.

2021-08-12 15:54:58 152

原创 TS学习+环境搭建

···<div></div>···

2021-08-12 15:31:10 183

原创 创建一个Vue项目

官网地址:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create他人教程:https://www.jianshu.com/p/02b12c600c7b

2021-08-11 10:33:43 44

原创 fatal: remote origin already exists. (远程来源已经存在 解决办法)

我的项目已经推送到gitee了,今天想推送到github,就进行了 如下尝试,1,首先git remote -v 查看远程库信息 可以看到关联到origin 指向的是 gitee2.然后我尝试git remote add origin [email protected]:xxxx(github/码云账号)/(github/码云项目名).git `报错如下:fatal: remote origin already exists. 3.解决办法是(1) git remote r...

2021-06-21 10:57:46 1297

原创 ajax请求状态码200却跳到了error方法

今天开发时遇到一个问题,ajax请求状态码200却跳到了error方法中,后端认为这个是前端问题,然后我就在error中打印了返回的数据,看了发现所有的状态数据都是正确的,status = 200;readyState=4;后来搜索了下看到别的 朋友说是:JSON格式转化不规范或者JSON数据转化错误导致的。让后端同事排查了下,精准定位到了问题所在,是上述原因;JSON建构有两种结构:1. “名称/值”对的集合(A collection of name/value pairs)。不同

2021-04-09 17:36:16 2515

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除