自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(133)
  • 资源 (1)
  • 收藏
  • 关注

原创 Vue使用query传参Boolean类型,刷新之后转换为String问题

要解决这个问题,不能直接Boolean处理,因为如果传入false,那么转换成字符串,Boolean(‘false’)会变成true;做项目时发现第一次进入页面时传参是正常的Boolean类型,刷新之后变成了String,这是浏览器进行的一次强制转换;解决方法:使用JSON.parse处理参数。

2024-09-12 16:43:23 644

原创 vue打包之后去掉console和debugger

【代码】vue打包之后去掉console和debugger。

2024-09-03 15:04:57 494

原创 Vue根据后端返回换行符实现段落换行

可以使用 v-html 指令将包含换行符的文本插入到 HTML 中,并将 \n 替换为 HTML 的。这样可以确保文本中每个换行符都正确地转换为 HTML 换行符。

2024-08-30 15:09:22 315

原创 Vue路由跳转同时调用接口

代码逻辑:编写一个网络请求,如果返回false,设置一个定时器调用这个请求本身直到成功为止;在切换路由时销毁此定时器。测试发现在调用这个请求的同时跳转路由,这个定时器不会销毁,仍会在跳转的页面继续执行,其他时候跳转正常;解决思路:监听路由,如果是本页路由调用接口,非本页直接return;

2024-08-28 16:00:47 134

原创 iframe中postmessage重复返回多次相同信息

前端使用iframe嵌入其他项目,通过postmessage接受返回值,但是同时会接收到很多相同信息,是因为postmessage消息阻塞,导致同时收到了多个,最开始使用addEventListenser监听。改用onmessage即可解决。

2024-08-28 15:11:55 241

原创 vue点击区域之外的元素执行方法

给最外层元素绑定click方法,使用event.target区分,如果是目标区域的target,就不执行逻辑。

2024-08-23 14:46:55 163

原创 el-tree绑定数据并处理

【代码】el-tree绑定数据并处理。

2024-06-05 10:00:40 241

原创 js获取blob格式的json对象

当我们直接取时发现会取到一个file类型的对象,无法取到值。我们上传文件时可能会携带某些参数,比如。这时候可以使用fileReader转化。这样就取到传的参数了。

2024-06-04 14:43:03 480

原创 创建小程序后报错 Unhandled promise rejection {errMsg: “webapi_getwxaasyncsecinfo:fail“}

把项目中所有网络请求、配置库、设置都搞一遍之后都无效,最后更新开发者工具解决。

2024-05-22 15:01:37 674

原创 npm或者yarn install报错

这是因为之前安装过node_modules包导致重复下载的问题,需要先删除node_modules包,然后执行。

2024-03-07 16:38:32 251

原创 安装electron报错

被卡了一会,其实就是自定义的证书无效。

2024-03-07 15:53:14 612

原创 js实现转义、反转义

两种思路,一种是列出需要用到的转义项,通过正则来转化;另一种通过转化为html语言,通过浏览器帮助我们翻译,然后获取innerText。

2024-03-01 14:24:09 546

原创 nvm报错 Could not retrieve https://npm.taobao.org/mirrors/node/index.json

执行nvm list available报这个错,修改nvm文件下的setting.txt。

2024-02-01 16:20:40 946 1

原创 UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token ‘??=‘ 报错处理

)是ES2021的语法,node v15.0.0以上才支持逻辑空赋值(?之前为了兼容旧代码使用的node版本是14。使用Vue3+Vite创建项目时忽然报这个错。使用nvm切换16的node,成功解决。

2023-12-26 10:00:38 9842

原创 线上Vue项目访问其他服务器接口(宝塔平台配置解决)

前端本地解决跨域问题非常简单,配置代理即可,线上需要配置nginx,宝塔给我们更简单的配置方式:反向代理。登录进宝塔页面,选择网站,点击网站名,选择反向代理。提交,然后刷新页面即可完成~

2023-09-27 15:39:48 580

原创 element-template-admin get请求正常 post请求超市问题

最近搞全栈,想写个增删改查连接element-template-admin框架,postman测get和post请求都正常,到框架里直接超时,看网络请求一直是padding状态,后来经查阅资料,发现是这个template框架的问题。在MOCK文件夹中找到mock-server.js进行修改。然后直接这样配置axios访问接口。16行注释掉,改成这样。

2023-08-26 14:32:59 273

原创 vue实现echarts随页面大小变化而改变

实现思路:监听页面变化,然后调用echarts的resize方法。

2023-08-18 13:10:13 787

原创 uView在uniapp中样式完全失效问题

最近开发微信小程序和钉钉小程序,使用uniapp,UI库准备使用uView,但是按官网引入之后,在小程序模拟器上样式完全无效,而H5正常;解决方法:由于Hbuilderx版本问题,编译的代码中会多出一行样式,可以更换3.2.16版本,亲测有效。

2023-08-08 17:05:55 1696 1

原创 el-checkbox-group选择之后没有回显,只是选框变色问题

问题出在v-model绑定的数组上,当我们绑定的数组不是在data中定义,而是后期添加的,比如后端返回的list,我们遍历后给item添加一个checkList=[],作为v-model绑定对象,那么view就不会收到更新的通知;解决方法就是,先处理后端返回的数据,然后再赋值给绑定的变量。

2023-07-11 15:07:07 2090

原创 vscode直接运行java代码

最近尝试用vscode开发java,发现一个黑科技查件Code Runner。上链接记录一下,以后学新语言就不用装那么多依赖了。

2023-04-11 22:35:15 123 1

原创 阿里云ssl即将过期处理方法

解决方法:先处理最简单的那个绑定在本服务器的域名证书,只需要申请免费的ssl证书,根据文档配置即可签发,然后点击部署发现没有可以部署的产品(使用的云服务器ecs,需要手动去服务器种上传证书),服务器使用的nginx,那么就去nginx根目录下新建文件,把下载的证书放上去,然后去conf文件中配置一下即可,记得重启nginx服务。一直用的免费证书,今天发现快过期了,看文档操作还是比较简单的。分析情况:一个域名绑定在阿里云服务器上,另外两个不在。

2023-01-19 17:05:05 1901

原创 js 处理数组对象,根据指定属性去重

Map类型是键值对的有序列表,而键和值都可以是任意类型,所以我们可以通过map.get的方法确定是否有此属性与map.set设置数据的方法,结合filter去重。js中想实现找到数组对象中相同的属性拿出来组成一个数组非常简单,只需要用filter即可实现;但是想去重就需要多费点脑子了。

2022-09-16 10:08:14 1113

原创 防抖和节流理解,以及lodash使用

尽管节流在某些情况下很有用,但一般情况我们经常使用的是防抖。防抖实质上将我们的事件分组在一起,并防止它们被频繁触发。要在Vue组件中使用节流,只需将要调用的函数包装在lodash的_.debounce函数中。

2022-09-13 20:23:32 1028

原创 elementui 日期选择器报错 dateStr.match is not a function

究其所以,其实就是数据类型的问题,日期选择器接受的数据都是string类型,我们需要给它加一个String()方法来处理。接到需求是想给日期选择器加上默认值,默认为当前日期的前一天。当然我个人更建议在created生命周期钩子中修改此数据。最开始想的思路是,直接给v-model绑定的数据赋值。而直接赋值new Date()就没问题。

2022-09-13 16:06:57 3894

原创 element-ui校验表单只能输入数字

接到需求,让表单中只能输入数字,使用v-model的.number可以实现,但是不能以0为开头;又试了rule加type=number校验,输入数组一直报输入的不是数字。最后使用了onkeyup方法。

2022-09-09 20:27:24 5119

原创 vue重置初始数据功能

第一次点击成功实现,测试时发现,第二次就无效了,思考了一下发现,对象是引用数据类型,那么一旦改变,堆内存地址中的数据都会改变,这样就不是固定存储了,只能实现一次重置。最近接到个编辑页面的需求,重置按钮需要实现点击之后恢复表单展示的页面,最开始的思路是:将赋值一个新对象,然后点击重置按钮,让新对象的值替换到老数据。解决方式:因为数据结构简单,使用浅拷贝即可。

2022-09-09 18:41:05 1050

原创 element-ui 级联选择器Cascader设置默认值无效

但是这次无效了,失效的方式竟然是不显示Label,点开级联选择器,传入的值是被选中的状态,最开始觉得是需要传一个数组,把数据放到数组里放到v-model绑定的变量,依旧不能显示label。最近遇到的一个新需求,我们编辑时需要修改之前级联选择器选择的资源,正常的思路就是点击编辑,传入row的值就可以正常显示修改了。对比了触发handleChange和传入值时的ruleForm,发现sourceId的值也没什么区别。

2022-08-24 15:31:10 3244

原创 elementui 自定义rule控制只能输入数字/不许输入特殊字符

我们表单提交时,前端总要做一些验证,防止后端没有做校验;

2022-08-23 15:09:06 3335

原创 async和await的使用

await翻译成中文是等待,必须放在async修饰的函数中使用;await修饰的如果是promise对象,那么可以获取到promise中返回的内容(resolve、reject函数),且获取到值才会继续执行该函数的代码;如果修饰的不是promise,那么就会将值作为await表达式的结果,不会起到阻塞函数内代码的作用,所以最常用的才是修饰promise函数。

2022-08-21 20:06:34 597

原创 面试题:浏览器HTTP概念及对前端的影响

HTTP(Hyper Text Transfer Protocol),翻译成中文就是超文本传输协议,最开始用于规范发布和接受HTML页面的方法。HTTP是一个客户端和服务端请求和响应的标准:用户通过浏览器、爬虫等客户端代理工具来向服务器发送HTTP请求,请求数据,服务器将存储的资源返回给用户。

2022-08-20 13:33:34 458

原创 面试题:Promise用法及理解

es6之前,我们处理异步函数非常麻烦,需要自己定义回调函数让使用者传入,才可以进行正常的回调;但是这样做没有一个固定的格式,那么不同开发者开发的方法,需要传入的回调函数顺序,格式也各不相同,对于需要使用其他框架的开发者来说非常痛苦,学习成本很高;而且ajax很容易出现回调地狱,es6推出了Promise类,就是为了解决这一现象的。...

2022-08-18 14:21:07 445

原创 Vue2和Vue3响应式区别和理解

vue2响应式:核心代码是使用Object.defineProperty()来劫持对象中每一个属性的set和get方法。先来说说Object.defineProperty,称之为对象的属性描述符,可以设置对象的属性是否可以删除(Configurable)、是否可以枚举(Enumerable)、是否可以修改(Writable)、返回值(value)、set(重要,修改触发的回调函数)、get(重要,获取触发的回调函数)...

2022-08-16 20:18:38 2357

原创 面试题:什么是this.$nextTick

用于需要直接操作DOM的时候使用,因为Vue虽然有响应式的特性,但是DOM更新和数据是异步的,当然我们以一个用户的角度来看,并没有什么区别,但是我们来看一下下面几个案例就能体会到异步的细节了。----------------------------------------------后续说响应式,留个坑-----------------------------------------------------// 由于dom元素还没有更新, 因此打印出来的还是未改变之前的值;...

2022-08-16 08:37:55 628

原创 Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed

项目中出线了许多这种sass的报错,原因是sass2.0.0移除了很多之前的语法。进入node-modules目录下,执行。

2022-08-11 09:08:39 4046

原创 vue后台管理系统权限控制思路

最近做了一个后台的权限管理功能,难的不是代码而是思路,总结一下:

2022-08-10 15:30:25 1062

原创 elementui级联选择器Cascader不触发change事件

使用级联选择器时,需求是选择最后一级,同时选择之前的父级标签,看这个需求明明很简单,人家自带的组件就是这样,但是却一直无法触发绑定的change事件,只有添加props.checkStrictly = true时才可以触发,但是不能实现需求。分析方法:首先组件的功能肯定是没问题的,因为从官网copy下来之后我用原始的数据尝试,完美实现需求。......

2022-08-10 10:17:01 7582

原创 离线安装node-sass(内网也可用)

最近在内网开发,对于前端开发者来说有些头痛,因为很多包都是公司规定的,需要慢慢摸索,这个node-sass就是这样,无法直接安装,需要使用离线方式。报错信息: Failed at the node-sass@4.14.1 postinstall script。2. 去github上找到并下载对应版本的二进制文件。3. 进入项目路径,执行。...

2022-08-09 16:48:53 3146

原创 webstorm 新建Vue3+ts模板

File->Settings搜索File and Code Templates点击加号,然后如图所示操作具体代码<template> <div></div></template><script lang="ts">import { defineComponent } from 'vue'export default defineComponent({ setup() { return {} }})

2022-05-19 21:33:34 2756

原创 el-date-picker 实现禁止选择今日以后的日期,以及时间跨度不超过365天,和设置默认选择日期,解决选择当天无效问题

首先el-date-picker有 :picker-options属性,绑定属性 :picker-options=“pickerOptions”然后在data中设置需要的数据data(){ let secondOfDay = 1000*60*60*24; let _minDate = 0; return { pickerOptions: { disabledDate(date) { //判断选择了一个日期之后,限定时间跨度为365天 if (_minDate>0)

2022-03-17 11:20:44 4164 3

原创 Vue监听浏览器刷新

在App.vue中的mounted中添加: window.addEventListener("beforeunload", e => { this.unloadFn(e); });在destroyed中添加:window.removeEventListener("beforeunload", e => { this.unloadFn(e);});methods:unloadFn(){//xxx}

2022-03-09 16:57:36 6536 3

取色器,非常好用,永久免费

前端必备,一键取色

2021-04-26

空空如也

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

TA关注的人

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