- 博客(128)
- 资源 (1)
- 收藏
- 关注
原创 js获取blob格式的json对象
当我们直接取时发现会取到一个file类型的对象,无法取到值。我们上传文件时可能会携带某些参数,比如。这时候可以使用fileReader转化。这样就取到传的参数了。
2024-06-04 14:43:03
408
原创 创建小程序后报错 Unhandled promise rejection {errMsg: “webapi_getwxaasyncsecinfo:fail“}
把项目中所有网络请求、配置库、设置都搞一遍之后都无效,最后更新开发者工具解决。
2024-05-22 15:01:37
544
原创 npm或者yarn install报错
这是因为之前安装过node_modules包导致重复下载的问题,需要先删除node_modules包,然后执行。
2024-03-07 16:38:32
222
原创 js实现转义、反转义
两种思路,一种是列出需要用到的转义项,通过正则来转化;另一种通过转化为html语言,通过浏览器帮助我们翻译,然后获取innerText。
2024-03-01 14:24:09
452
原创 nvm报错 Could not retrieve https://npm.taobao.org/mirrors/node/index.json
执行nvm list available报这个错,修改nvm文件下的setting.txt。
2024-02-01 16:20:40
881
1
原创 UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token ‘??=‘ 报错处理
)是ES2021的语法,node v15.0.0以上才支持逻辑空赋值(?之前为了兼容旧代码使用的node版本是14。使用Vue3+Vite创建项目时忽然报这个错。使用nvm切换16的node,成功解决。
2023-12-26 10:00:38
9226
原创 线上Vue项目访问其他服务器接口(宝塔平台配置解决)
前端本地解决跨域问题非常简单,配置代理即可,线上需要配置nginx,宝塔给我们更简单的配置方式:反向代理。登录进宝塔页面,选择网站,点击网站名,选择反向代理。提交,然后刷新页面即可完成~
2023-09-27 15:39:48
524
原创 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
255
原创 uView在uniapp中样式完全失效问题
最近开发微信小程序和钉钉小程序,使用uniapp,UI库准备使用uView,但是按官网引入之后,在小程序模拟器上样式完全无效,而H5正常;解决方法:由于Hbuilderx版本问题,编译的代码中会多出一行样式,可以更换3.2.16版本,亲测有效。
2023-08-08 17:05:55
1531
1
原创 el-checkbox-group选择之后没有回显,只是选框变色问题
问题出在v-model绑定的数组上,当我们绑定的数组不是在data中定义,而是后期添加的,比如后端返回的list,我们遍历后给item添加一个checkList=[],作为v-model绑定对象,那么view就不会收到更新的通知;解决方法就是,先处理后端返回的数据,然后再赋值给绑定的变量。
2023-07-11 15:07:07
1982
原创 vscode直接运行java代码
最近尝试用vscode开发java,发现一个黑科技查件Code Runner。上链接记录一下,以后学新语言就不用装那么多依赖了。
2023-04-11 22:35:15
103
1
原创 阿里云ssl即将过期处理方法
解决方法:先处理最简单的那个绑定在本服务器的域名证书,只需要申请免费的ssl证书,根据文档配置即可签发,然后点击部署发现没有可以部署的产品(使用的云服务器ecs,需要手动去服务器种上传证书),服务器使用的nginx,那么就去nginx根目录下新建文件,把下载的证书放上去,然后去conf文件中配置一下即可,记得重启nginx服务。一直用的免费证书,今天发现快过期了,看文档操作还是比较简单的。分析情况:一个域名绑定在阿里云服务器上,另外两个不在。
2023-01-19 17:05:05
1872
原创 js 处理数组对象,根据指定属性去重
Map类型是键值对的有序列表,而键和值都可以是任意类型,所以我们可以通过map.get的方法确定是否有此属性与map.set设置数据的方法,结合filter去重。js中想实现找到数组对象中相同的属性拿出来组成一个数组非常简单,只需要用filter即可实现;但是想去重就需要多费点脑子了。
2022-09-16 10:08:14
1092
原创 防抖和节流理解,以及lodash使用
尽管节流在某些情况下很有用,但一般情况我们经常使用的是防抖。防抖实质上将我们的事件分组在一起,并防止它们被频繁触发。要在Vue组件中使用节流,只需将要调用的函数包装在lodash的_.debounce函数中。
2022-09-13 20:23:32
1019
原创 elementui 日期选择器报错 dateStr.match is not a function
究其所以,其实就是数据类型的问题,日期选择器接受的数据都是string类型,我们需要给它加一个String()方法来处理。接到需求是想给日期选择器加上默认值,默认为当前日期的前一天。当然我个人更建议在created生命周期钩子中修改此数据。最开始想的思路是,直接给v-model绑定的数据赋值。而直接赋值new Date()就没问题。
2022-09-13 16:06:57
3856
原创 element-ui校验表单只能输入数字
接到需求,让表单中只能输入数字,使用v-model的.number可以实现,但是不能以0为开头;又试了rule加type=number校验,输入数组一直报输入的不是数字。最后使用了onkeyup方法。
2022-09-09 20:27:24
5081
原创 vue重置初始数据功能
第一次点击成功实现,测试时发现,第二次就无效了,思考了一下发现,对象是引用数据类型,那么一旦改变,堆内存地址中的数据都会改变,这样就不是固定存储了,只能实现一次重置。最近接到个编辑页面的需求,重置按钮需要实现点击之后恢复表单展示的页面,最开始的思路是:将赋值一个新对象,然后点击重置按钮,让新对象的值替换到老数据。解决方式:因为数据结构简单,使用浅拷贝即可。
2022-09-09 18:41:05
1035
原创 element-ui 级联选择器Cascader设置默认值无效
但是这次无效了,失效的方式竟然是不显示Label,点开级联选择器,传入的值是被选中的状态,最开始觉得是需要传一个数组,把数据放到数组里放到v-model绑定的变量,依旧不能显示label。最近遇到的一个新需求,我们编辑时需要修改之前级联选择器选择的资源,正常的思路就是点击编辑,传入row的值就可以正常显示修改了。对比了触发handleChange和传入值时的ruleForm,发现sourceId的值也没什么区别。
2022-08-24 15:31:10
3191
原创 async和await的使用
await翻译成中文是等待,必须放在async修饰的函数中使用;await修饰的如果是promise对象,那么可以获取到promise中返回的内容(resolve、reject函数),且获取到值才会继续执行该函数的代码;如果修饰的不是promise,那么就会将值作为await表达式的结果,不会起到阻塞函数内代码的作用,所以最常用的才是修饰promise函数。
2022-08-21 20:06:34
586
原创 面试题:浏览器HTTP概念及对前端的影响
HTTP(Hyper Text Transfer Protocol),翻译成中文就是超文本传输协议,最开始用于规范发布和接受HTML页面的方法。HTTP是一个客户端和服务端请求和响应的标准:用户通过浏览器、爬虫等客户端代理工具来向服务器发送HTTP请求,请求数据,服务器将存储的资源返回给用户。
2022-08-20 13:33:34
448
原创 面试题:Promise用法及理解
es6之前,我们处理异步函数非常麻烦,需要自己定义回调函数让使用者传入,才可以进行正常的回调;但是这样做没有一个固定的格式,那么不同开发者开发的方法,需要传入的回调函数顺序,格式也各不相同,对于需要使用其他框架的开发者来说非常痛苦,学习成本很高;而且ajax很容易出现回调地狱,es6推出了Promise类,就是为了解决这一现象的。...
2022-08-18 14:21:07
435
原创 Vue2和Vue3响应式区别和理解
vue2响应式:核心代码是使用Object.defineProperty()来劫持对象中每一个属性的set和get方法。先来说说Object.defineProperty,称之为对象的属性描述符,可以设置对象的属性是否可以删除(Configurable)、是否可以枚举(Enumerable)、是否可以修改(Writable)、返回值(value)、set(重要,修改触发的回调函数)、get(重要,获取触发的回调函数)...
2022-08-16 20:18:38
2323
原创 面试题:什么是this.$nextTick
用于需要直接操作DOM的时候使用,因为Vue虽然有响应式的特性,但是DOM更新和数据是异步的,当然我们以一个用户的角度来看,并没有什么区别,但是我们来看一下下面几个案例就能体会到异步的细节了。----------------------------------------------后续说响应式,留个坑-----------------------------------------------------// 由于dom元素还没有更新, 因此打印出来的还是未改变之前的值;...
2022-08-16 08:37:55
606
原创 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
4003
原创 elementui级联选择器Cascader不触发change事件
使用级联选择器时,需求是选择最后一级,同时选择之前的父级标签,看这个需求明明很简单,人家自带的组件就是这样,但是却一直无法触发绑定的change事件,只有添加props.checkStrictly = true时才可以触发,但是不能实现需求。分析方法:首先组件的功能肯定是没问题的,因为从官网copy下来之后我用原始的数据尝试,完美实现需求。......
2022-08-10 10:17:01
7438
原创 离线安装node-sass(内网也可用)
最近在内网开发,对于前端开发者来说有些头痛,因为很多包都是公司规定的,需要慢慢摸索,这个node-sass就是这样,无法直接安装,需要使用离线方式。报错信息: Failed at the node-sass@4.14.1 postinstall script。2. 去github上找到并下载对应版本的二进制文件。3. 进入项目路径,执行。...
2022-08-09 16:48:53
3093
原创 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
2730
原创 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
4147
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
6422
3
原创 ie浏览器读取本地文件并上传
接到个需求,需要js自己去取本地的文件并上传,要求不使用input标签实现思路,先使用了ie的ActiveXObject方法,这里先需要把ie浏览器的安全设置都设为最低,再把项目地址拉到信任地址里。var fso = new ActiveXObject("Scripting.FileSystemObject");ar f1 = fso.GetFile("c:\xxx.txt"); 打印发现获取到的文件是空,如果调用readTextFile方法,只能读取文本文档,对于其他格式的无能为力,于是又换了
2022-02-25 11:08:58
1940
原创 axios下载流文件报错文件已损坏
只需要在请求里面加上 responseType:'blob’就行,注意不要写在headers里axios.get(xxx,{ responseType:'blob'})
2022-02-25 10:45:23
1256
原创 IE浏览器new File不兼容问题解决
重写Filelet File = window.Filetry { new File([], '')} catch(e) { File = class File extends Blob { constructor(chunks, filename, opts = {}){ super(chunks, opts) this.lastModifiedDate = new Date() this.lastModified =+ this.lastMod
2022-02-22 08:33:52
1702
2
原创 ie浏览器报错 SCRIPT1005 1019等问题
谷歌上跑的很正常的项目,到ie上却报这种缺少符号的错误,开始还去代码里查查,后来明白是ie不兼容es6语法,这就好办了。先引入兼容es6插件npm install babel-polyfill然后在main.js最顶部import 'babel-polyfill'完成,如果还引入了别的插件,可能还需要配置一些其他内容,一般项目这样就解决了。...
2022-02-18 15:56:31
648
原创 webstorm自定义快捷键生成代码片段(以箭头函数为例)
Windows系统,先进入settings,搜索live,进入Live Templates中点击右侧javascript,然后点击加号输入以下信息注意,applicable要选everywhere,不然无效!然后点ok,这样输入af就会出现箭头函数了。其他同理...
2022-01-12 09:44:20
2749
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人