- 博客(101)
- 收藏
- 关注
RSS订阅
原创 前端经典面试题整理
https://blog.youkuaiyun.com/cai_niao5623/article/details/120993974 https://blog.youkuaiyun.com/cai_niao5623/article/details/121120372 https://blog.youkuaiyun.com/cai_niao5623/article/details/120902001 https://blog.youkuaiyun.com/qq_43340606/article/details/12
2022-07-06 12:08:19
597
原创 求字符串最长公共前缀
for循环第一个字符串，然后再for循环除了第一个字符串以外的其它字符串，比较其它字符串是否以某个字符串开头，从而找到公共前缀。for循环所有字符串，然后for循环每个字符串，一个一个比较，如果不相等，则结束循环。
2023-04-28 10:47:49
316
原创 js数组去重
定义一个obj，用reduce遍历数组，如果obj里面存在当前项的id，则不做操作，如果obj存在当前项的id，则obj添加当前id数据，并且push到reduce的累加项里。最后return preArr。判断map对象是否有id和name，如果有则返回false，被filter过滤掉。如果没有则map.set进去返回true被filter捕获。2、使用map和filter。4、基本数据类型的数组去重。3、使用forEach。1、使用reduce。
2023-04-26 17:26:12
250
原创 Spintboot项目如何引入mysql
3、配置(application.yml)2、引入依赖(pom.xml)5、postman测试。1、数据库准备好数据。
2023-04-01 13:02:29
442
原创 如何优雅的生成表格数据
Array(10)返回的是长度为10的数组，但是每项为空。fill函数是用固定值替换数组中的元素。停止填充位置 (默认为。
2023-01-10 10:15:37
107
原创 elementui日期样式优化
hover时候字体颜色: #5FAEB0。背景颜色: #cbd0d7。边框颜色: #cbd0d7。背景颜色: #5FAEB0。边框颜色: #5FAEB0。字体颜色: #fff。字体颜色: #fff。背景颜色: #F2F3F5。字体颜色: #757C7C。字体颜色: #5a8bf2。背景颜色: #5a8bf2。字体颜色: #5a8bf2。hover背景颜色: #f7f9ff。选中的时间背景颜色: #f7f9ff。选中的时间字体颜色: #5A8BF2。本月的字体颜色: #707d8f 然后字体加粗700。
2023-01-03 16:27:41
1129
原创 cursor设置为自定义图片
这里的url可以是常用图片格式，可以是base64图片。总结：图片不要过大，最好是32*32的图片，如果过大，则直接忽略你的图片。
2022-12-14 12:51:49
2009
原创 elementui表格行样式笔记
注意这里可以设置行的背景，但是要加一个!important，否则可能不生效。这里也不清楚为啥设置背景颜色不生效，于是用下面的方法设置表格头的背景颜色。
2022-12-09 12:56:27
471
原创 svg描边动画的实现
因此，1,2,3等同于1,2,3,1,2,3。想要完成svg描边的动画效果，首先我们要熟悉两个两个属性，stroke-dasharray和stroke-dashoffset。线长度 缺口长度 线长度 缺口长度 线长度 ...线长度 缺口长度 线长度 缺口长度 ...线长度 缺口长度 线长度 缺口长度 ...2、获取path长度。
2022-08-23 16:22:51
1227
原创 如何在 vue 中使用 svg symbols
经过svg-sprite-loader插件的解析，你在html里面可以看到有个id为circle（和svg名称一样）的一个symbol标签挂载在svg标签下面。在src/assets/icons这个文件夹下面去创建heart.svg(一定是这个文件夹，因为这个文件夹下的svg文件会被你的svg插件解析)在src/assets/icons文件夹下面创建circle.svg（一定是这个文件夹，因为这个文件夹下的svg文件会被你的svg插件解析）这个时候直接使用就可以了。3、使用iconfont的svg代码。
2022-08-19 16:15:42
1337
6
原创 解决ElementUI 自定义验证 validate 函数不执行的问题
如图，调试的时候，我在validate内部打印了一句话，打开调试工具，发现怎么也不执行。调试了半天，终于发现了问题，同事在进行手机号自定义校验的时候没有进行callback回调。callback函数没有执行，validate函数就不会执行，之后我加了callback代码逻辑后，validate函数就正常执行了。...
2022-06-30 16:02:23
6060
7
原创 element-ui中动态切换设置prop无效
在el-form-item加上v-if的后，发现prop失效，解决方案：加上一个key就行了，原理是dom复用
2022-06-29 20:59:32
1483
原创 解决el-select组件在IOS移动端点击两次才能选中的问题
今天遇到一个问题，在ipad上面点击el-select的选项，要点击两次才能选中，安卓上面没有遇到类似的问题，还是第一次遇到这么奇怪的问题，然后就找到几种解决方案，记录在此记住这个样式一定要放到全局作用域(例如App.vue)中，不是放在当前作用域中。如果还不生效可以加个/deep/再试试。安装插件fastclick在main.js里引入并使用即可......
2022-06-29 15:22:49
1452
5
原创 npm install 安装node-sass报错
这两天换了一台电脑，然后安装了node的最新版本(v16.14.2)。然后把以前项目clone下来后，想着赶紧npm install安装环境干活，但是不知道为啥，安装总是报node-sass错误。然后开启解决错误的模式。这是我的环境： 在网上找到node和node-sass的版本匹配关系这就是为什么失败的原因，我的node是16版本，本应该对应6.0+的node-sass版本，可是代码里面是4.x版本以上的，这就导致node-sass一直失败，知道问题原因那么就很好解决了。问了一些前辈，我们可以升级node
2022-06-23 11:25:59
1630
原创 echarts 折线图y轴数据相差巨大的解决方案
这几天收到了一个新的需求，就是老大说我们y轴的数据差距太大，导致页面很丑，让我优化一下，下面上图：有没有感觉巨丑，第一个百分比太大了，导致后面正常的百分比几乎都在下面了。于是我就翻看官网找到了第一个解决方案将yAxis的type设置为log，这个方式可以很好的解决这个问题，但是有一个前提就是你的数据不能为负数，如果为负数，则数据渲染会出错。那我们的y轴数据中假设就有负数咋办？那我们就用第二种方式解决。1、设置y轴间隔(这个间隔是初始间隔，你可以根据业务需求修改)2、根据原始数据修改上面的y轴间隔
2022-06-21 17:12:56
14592
9
原创 如何在vue3项目中优雅的按需引入element-plus
在我们的项目中，我们并不会使用element-plus里所有的ui组件，如果使用完整引入，那么会导致项目打包后的文件臃肿，所以我们一般会采取按需导入的方式。首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件npm install -D unplugin-vue-components unplugin-auto-import然后如果你是用webpack创建的项目，那么你需要在webpack.config.js文件中加入下面代码
2022-04-28 21:24:25
1870
10
原创 ESLint+Prettier+editorconfig
editorconfig官网是这么介绍EditorConfig的，“EditorConfig帮助开发人员在不同的编辑器和IDE之间定义和维护一致的编码样式.通俗一点说就是保证每个开发者的编码风格一致首先安装EditorConfig在代码根目录创建.editorconfig文件# http://editorconfig.orgroot = true[*] # 表示所有文件适用charset = utf-8 # 设置文件字符集为 utf-8indent_style = spac
2022-04-27 13:10:55
356
原创 vue token过期后自动刷新token
在系统登录后，后端返回一个token，和refreshToken。每次接口请求的时候都会携带这个token，但是这个token一般是有过期时间的，假设过期时间为半小时，你半小时内没有调接口。半小时后你再调接口，会报401错误，代表token过期，这个时候前端有两种解决方案，第一种也就是退出登录，让用户重新登录，这种比较简单。但是我们的经理不希望用户再次登录，而是希望这个token能自动更新，我就稍微的研究了一下，发现可行，所以记录到此，方便日后查看自动刷新token的原理就是：在axios响应拦截器
2022-04-11 18:00:05
15772
6
原创 js动画-tween.js
1、安装npm install @tweenjs/tween.jsoryarn add@tweenjs/tween.js2、变幻的数字案列<template> <div class="compA"> <input v-model.number="num" type="number" step="20"> <p>{{ animatedNumber }}</p> </div></tem.
2022-04-10 22:56:23
1114
原创 js动画-学习笔记
1、匀速运动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
2022-04-10 14:52:54
538
原创 vue3如何调试源码
1、去github官网下载vue3源码https://github.com/vuejs/core2、安装依赖提示：不同版本的源码使用的安装依赖的方式不同，我选择的版本使用的是pnpm3、启动项目此时项目编译的代码会生成vue.js，这个是压缩后的代码，我们能够直接使用4、测试此时已经进入vue源码调试了，但是进入的却是压缩后的源码。所以我们还要做一步操作5、使用sourcemapsourcemap可以映射打包后的代码与源码的位置关系...
2022-03-29 11:16:27
1652
原创 js将有父子关系的数据转换成树形结构(tree)数据
Vue.prototype.translateDataToTree = (data) => { let parents = data.filter(value => value.pid == 'undefined' || value.pid == null) let children = data.filter(value => value.pid !== 'undefined' && value.pid != null) let translator = (.
2022-01-21 16:42:36
907
原创 后端返回二进制文件流，前端如何下载文件
saveFile(data) { axios({ method: 'post', url: 'http://10.10.177.40:5000/Report/Create', data: data, // responseType: 'blob', }) .then(({ data: res }) => { if (res.code) { console.log('返回的json', res) .
2022-01-18 17:00:03
565
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人