- 博客(67)
- 收藏
- 关注
RSS订阅原创 vue3使用setup模式的store报错
顾名思义就是 使用store 使用的是setup 语法模式 不能执行$reset 方法。选个单词吧：via ：经由，经过（某一地方）；通过，借助于（某种手段或人）** setup store模式 $reset方法报错 **两种代码其实一个意思 看个人喜好了。
2024-05-12 14:52:53
278
原创 vue 前端读取Excel文件并解析
平时项目中对于Excel的导入解析是很常见的功能，一般都是放在后端执行；但是也有特殊的情况，偶尔也有要求说前端执行解析，判空，校验等，最后组装成后端接口想要的数据结构。因为我使用插件执行的 you know。
2024-04-30 14:27:22
1395
原创 Do not access Object.prototype method ‘hasOwnProperty‘ from target object
使用 hasOwnProperty 报错
2023-01-12 20:25:49
907
原创 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
642
原创 vue2编译报错Class constructor VuexModule cannot be invoked without ‘new‘
Class constructor VuexModule cannot be invoked without 'new'
2022-06-29 00:09:26
982
原创 在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
3253
2
原创 启动项目时，出现 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
515
原创 http请求头中Referer的含义和作用
http请求头中Referer的含义和作用别人写好了，链接过去看看吧，出门左转。记得房号不迷路02房01房三人行必有我师焉，其实两人行也有我师焉……
2022-05-20 13:44:03
269
原创 执行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
445
原创 安装babel-polyfill让es6可以在ie 上使用
1.安装 npm install -S babel-polyfill@6.26.0@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
571
原创 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
716
原创 vue-devtools安装及使用
午休时，拉取了最新的vue-devtools@6.0.12 使用试试，结果运行以下命令npm run buildoryarn run build均报错时间如白驹过隙不折腾了，换了版本号@5.1.1 运行npm run build 成功最后去使用吧安装教程 参考如下很秀哦看啥看，再看一下试试你怎么就这么执着呢，这瓜包熟椒山自有胆，何蚺蛇为？无惧也...
2022-02-24 14:14:41
473
原创 安装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
1551
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
7257
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
535
原创 项目中引入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
823
原创 【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
397
原创 实现扫码登录
废话不多进入猪蹄开发扫码登录时 ；对于web端的需要的过程的简单记录实现二维码 首先调用后端接口获取标记 用于生成二维码轮询验证登录状态首先引入相应的js文件用于生成二维码例如：qrCode/qrcode.jsgetRandomStr().then(res => {//获取生成二维码的唯一key const { data } = res; const parenNode = document.g
2022-02-14 19:48:07
821
原创 SpringBoot使用thymeleaf+vue
SpringBoot使用thymeleaf+vue说点废话吧，又不知道说啥。进入猪蹄;项目开发中遇到了几个问题说点废话吧，又不知道说啥。进入猪蹄;1.项目开发时遇到单点登录的功能要求在SpringBoot框架中使用vue,因为vue 是支持script引入；2. 所以首先想到的是 直接引入相应资源了我们可以看到上图中引入css时 使用的语法为：th:href="@{xxxxxx}"，这是thymeleaf 语法；上图片中有引入cdn资源的方式也有 把资源放在本地 ，引入的方式，都可以。项
2022-02-14 19:18:23
4475
原创 网易易盾图形验证码
图形验证码的基本使用引入文件 <!-- 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
1541
原创 前端的防抖节流
项目开发中 我们一定遇到过如下情况,滚动条下拉一定距离时，显示top 按钮（回到顶部）用户输入信息是校验当前信息是否可用或者是否已存在因为滚动事件和输入事件触发评率不可控，会导致请求过于频繁，相应不及时造成页面假死等现象因为我们会想到 防抖节流操作使用定时器，只要在时间周期内有新的事件触发，就清空上次定时器，再重新触发，这种方式简单实用同样是使用定时器， 在周期内若有新事件触发时，事件开始时间指针后移，则重置定时器开始时间戳，定时器执行时，判断开始时间戳。示例代码如下···data
2022-01-20 20:03:07
234
原创 DES和RSA数据加密
数据加密处理好懒呀，简单记录下吧项目开饭中(做个干饭人)对于信息加密的方式有很多种使用crypto-js 做DES加解密jsencrypt 做RSA加密解密字符串好懒呀，简单记录下吧在如今互联网时代 各种数据信息铺天盖地，我们该如何保证自己的信息安全呢？首先用户自己不外露自己的重要信息用户使用的各种软件也要对用户重要信息进行加密保护处理项目开饭中(做个干饭人)对于信息加密的方式有很多种简单记录下我使用的两种情况在处理用户注册信息时，需要做加密处理使用DES和RSA做数据加密；
2022-01-20 19:41:00
2136
原创 【无标题】
vue.js中 使用element-ui的validate方法校验，内部回调不执行原因是自定义校验规则中有的条件没有执行callback（判断比较多）解决办法：所有的条件都执行 callback具体使用规则async-validator
2022-01-11 16:51:02
124
原创 ajax成功请求到后台，但是前端报404错误
在调试批量导入接口时，报404，进入ajax.error内首先路径没问题，传参没有问题(进入后端了，参数也获取到了)。错误原因是@Controller注解没有加@ResponseBody@ResponseBody注解的作用是将controller的方法返回的map对象通过适当的转换器转换为指定的格式之后，写入到response对象的body区，通常用来返回JSON数据或者是XML数据。需要注意的是，在使用此注解之后不会再走视图处理器，而是直接将数据写入到输入流中，他的效果等同于通过respons
2021-12-22 10:22:10
1363
原创 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
300
原创 vite搭建V3项目时Error: spawn E:\vue3-vite\my-app\node_modules\esbuild\esbuild.exe ENOENT
PS E:\vue3-vite\my-app> npm run dev> my-app@0.0.0 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
2056
原创 webpack-cli 校验配置对象，发现配置的devtool 有问题
瑕疵版本改正后错误如下：please strictly follow the order of the keywords in the pattern请严格遵循模式中关键字的顺序最后一句意思很明显了，那就照做吧
2021-08-12 16:08:39
412
原创 Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
接上篇博文TS学习环境搭建上述问题就是开发中遇到的，也是查询各种资料 虽然没有解决但是给了我启发（在此表示感谢），启发衔接01，启发链接02，谢谢就是版本不兼容，以下是我失败版本我的解决方式，卸载webpack-dev-server ，安装webpack-dev-server@.311.0 如下其他的版本号，在上篇博文可见TS学习环境搭建在此记录下我遇到的其他问题，1,webpack-dev-serverwebpack 的版本是5+（具体的我没有看文档，有知道的告知 我.
2021-08-12 15:54:58
157
原创 创建一个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
46
原创 fatal: remote origin already exists. (远程来源已经存在 解决办法)
我的项目已经推送到gitee了，今天想推送到github，就进行了 如下尝试，1，首先git remote -v 查看远程库信息 可以看到关联到origin 指向的是 gitee2.然后我尝试git remote add origin git@github.com:xxxx(github/码云账号)/(github/码云项目名).git `报错如下：fatal: remote origin already exists. 3.解决办法是（1） git remote r...
2021-06-21 10:57:46
1308
原创 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
2552
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人