codeMing_-CSDN博客

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

2023-08-26 14:32:59 242

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

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

2023-08-18 13:10:13 557

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

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

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

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

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

2023-07-11 15:07:07 1652

原创 vscode直接运行java代码

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

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

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

2023-01-19 17:05:05 1772

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

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

2022-09-16 10:08:14 1038

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

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

2022-09-13 20:23:32 985

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

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

2022-09-13 16:06:57 3740

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

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

2022-09-09 20:27:24 4938

原创 vue重置初始数据功能

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

2022-09-09 18:41:05 991

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

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

2022-08-24 15:31:10 2897

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

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

2022-08-23 15:09:06 3107

原创 async和await的使用

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

2022-08-21 20:06:34 560

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

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

2022-08-20 13:33:34 433

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

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

2022-08-18 14:21:07 412

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

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

2022-08-16 20:18:38 2228

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

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

2022-08-16 08:37:55 590

原创 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 3885

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

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

2022-08-10 15:30:25 1040

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

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

2022-08-10 10:17:01 6917

原创离线安装node-sass（内网也可用）

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

2022-08-09 16:48:53 2840

原创 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 2615

原创 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 4084 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 6200 1

原创 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 1881

原创 axios下载流文件报错文件已损坏

只需要在请求里面加上 responseType:'blob’就行，注意不要写在headers里axios.get(xxx,{ responseType:'blob'})

2022-02-25 10:45:23 1207

原创 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 1568 2

原创 ie浏览器报错 SCRIPT1005 1019等问题

谷歌上跑的很正常的项目，到ie上却报这种缺少符号的错误，开始还去代码里查查，后来明白是ie不兼容es6语法，这就好办了。先引入兼容es6插件npm install babel-polyfill然后在main.js最顶部import 'babel-polyfill'完成，如果还引入了别的插件，可能还需要配置一些其他内容，一般项目这样就解决了。...

2022-02-18 15:56:31 621

原创 webstorm自定义快捷键生成代码片段（以箭头函数为例）

Windows系统，先进入settings，搜索live，进入Live Templates中点击右侧javascript，然后点击加号输入以下信息注意，applicable要选everywhere，不然无效！然后点ok，这样输入af就会出现箭头函数了。其他同理...

2022-01-12 09:44:20 2540

原创 js blob文件转url， base64转blob

目前使用过两种方法URL.createObjectUrl(blob)：这个方法便捷，且是同步的，但需要基于当前的内存，换句话说，这个url不能拿到其他页面使用。let url = URL.createObjectUrl(blob)img.src = url FileReader.readAsDataURL(blob)：这个方法是异步的，转化成base64，可以放到其他页面使用。let fr = new FileReader()fr.readAsDataURL(blob)fr.onlo

2022-01-04 16:34:26 8673 1

原创 js获取文件后缀和文件名

经常会遇到 xxx v1.0.11.sb.jpg 这样的文件，我们获取文件名和后缀时，需要找到最后一个.let s = 'abc v1.0.11.sb.jpg'let name = s.substring(0, s.lastIndexOf('.'))let type = s.substring( s.lastIndexOf('.')+1)

2021-12-24 14:46:39 611

原创 Failed to execute ‘setRequestHeader’ on ‘XMLHttpRequest’: Value is not a valid ByteString.报错

前端使用axios请求拦截，并设置请求头信息时，报错Failed to execute ‘setRequestHeader’ on ‘XMLHttpRequest’: Value is not a valid ByteString.ajax请求发生错误（axios也有可能），主要是在头设置中携带了中文。。尽量用英文，如果必须中文，那就需要和后端沟通，使用encodeURIComponent(‘前端彭于晏’)传参...

2021-12-21 16:23:25 1139

原创 JS生成指定长度的唯一id

getId(length){ return Number(Math.random().toString().substr(3,length) + Date.now()).toString(36);},

2021-12-17 16:01:22 353

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

空空如也