小熊海啸-CSDN博客

原创 antd treeSelect多选实现勾父不勾子

antd 自定义treeSelect实现勾选父节点时不勾选子节点，勾选子节点则勾选父节点，取消勾选父节点则取消勾选子节点

2023-01-18 15:55:45 2478 1

原创如何在github上搜索到适合自己的项目

寻找仓库名称包含SpringBoot、stars数大于1000的项目。# 按照description搜索（大小写不敏感）# 按照项目名/仓库名搜索（大小写不敏感）# 按照README搜索（大小写不敏感）# 最新更新时间晚于YYYY-MM-DD。# stars数大于xxx。# forks数大于xxx。# 编程语言为xxx。

2022-11-01 19:58:22 299

先上效果图我们给元素添加阴影，一般是使用border来添加，但是由于三角形本身就是用border画出来的，所以在添加阴影时，需要使用其他的思路。（给元素添加伪类！）这是三角形的代码.arrow { border: 5px solid transparent; content: ''; position: absolute; left: -10px; top: 10px; border-right-color: #f6f6f6; di.

2021-11-26 15:30:15 2067

原创前端使用 xlsx 结合yxg-xlsx-style 实现带样式的导出

因为xlsx-style有bug，看了一位大佬用yxg-xlsx-style做前端导出，并将其算法进行了优化后，我实现了前端带样式的导出，并且是导出的是真xlsx文件，可支持再次导入后端！不过可复用性一般╭(╯^╰)╮因为导出的文件含有html成分，因此不能兼容office，WPS无压力。export function exportExcel(headers, columns, datasource, options, type, fileName = '未命名') { // 处理列宽 c

2021-11-22 17:59:25 1232 2

原创 js对string类型的数值做四舍五入

//string数据小数位四舍五入//用法 roundUp('3.456',2) 输出'3.46'export const roundUp = function (str, decimalNum) { const newNumArr = str.split('.') if (newNumArr.length === 1) { return str + '.00' } //decimalPlaces小数位 const decimalPlaces = newNumArr[1].

2021-11-22 17:35:36 1012

原创 js中国标准时间转年月日时分秒-时间戳转年月日

export function dateFormat(fmt, date) { let ret const opt = { 'Y+': date.getFullYear().toString(), // 年 'm+': (date.getMonth() + 1).toString(), // 月 'd+': date.getDate().toString(), // 日 'H+': date.getHours().toString(), // 时 'M+':.

2021-11-22 17:34:03 805

原创 js获取元素中文本所占宽度px

//获取文本所占宽度px//用法pxWidth('xxxxx', '12px Microsoft YaHei')export default function pxWidth(text, font) { const canvas = document.createElement('canvas') const context: any = canvas.getContext('2d') font && (context.font = font) var metrics .

2021-11-22 17:31:04 856

原创后端开启了gzip 前端axios ondownloadprogress中total总为零，content-length不返回

后端开启了gzip，Content-Length不会返给前端，即使返了，也是不准确的解决方法步骤1.后端把文件大小存储到其他字段，比如：header['x-content-length'];2.前端取到header['x-content-length']的值onDownloadProgress(event) { event.srcElement.getResponseHeader('content-length')}参考大佬文章axios ondownloadprogre

2021-11-22 16:02:57 2229

原创 webpack通过externals加载外部的CDN资源 vue-router吐血踩坑！！

webpack的 externals配置如下index.html 配置运行发现经过两天的查阅资料，网上各种方法都试了，一点都没有解决，一点办法都没有无赖，我打开vue-router3.2.0CDN源码慢慢对比发现了问题的所在！！！！https://cdn.staticfile.org/vue-router/3.2.0/vue-router.esm.browser.min.js解决方法换成下面这个cdn 就可以了！！！！！！！！！！！https://c...

2021-05-18 00:04:55 864 1

原创 console.log() 奇怪的代码执行顺序

触发以下方法时这里130行console.log(res.data)打印出来的数据，居然是已经被131行的forEach处理过的数据我在控制台模拟了一下，还是如此，这个现象真的存在上代码！！！大家也可以试试打印的输出是forEach处理后的数据 add(){ var d=[ {attr:'xx,aa,aa'}, {attr:'ss,aa,aa'}, ...

2021-04-11 20:25:42 1335 2

原创实现tab标签页与进度条的联动效果

先上图演示效果打开页面，Tab标签页默认选中基本信息，而进度条也对应绑定基本信息点击商品属性，而进度条也对应绑定商品属性实现思路，使用标签页el-tabs 中的· v-model 绑定"activeIndex" 这样el-tabs 中v-model会在点击页签时获取name属性的值双向绑定到activeIndex，进度条el-steps中的:active属性用于保存每一个被激活的el-step的索引（0,1,2,3,4）而el-steps中的:active也绑定了标..

2021-04-10 22:07:13 358

原创 vue全局定义一个时间过滤器

为了定义一个全局的过滤器需要进入main.js文件中在文件中定义一个时间过滤器Vue.filter('dateFormat', function(originVal) { const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = (dt.getDate() + '').padStart(2, ...

2021-04-10 17:16:50 166

原创 this.$nextTick实际运用

在使用element-ui 的项目中。点击+New Tag按钮时文本输入框input 显示出来，但需要做自动聚焦（图一到图二的效果）图一图二查阅官方文档发现，在操作聚焦（this.$refs.saveTagInput.$refs.input.focus()）之前，官方使用了this.$nextTick 函数做包裹 showInput(row) { row.inputVisible = true // 让文本框自动获得焦点 ...

2021-04-08 23:02:03 315

原创 element-ui踩坑-级联选择器的高度无法在局部设置的问题

使用element-ui（版本2.15.1）做级联选择器的时候，出现高度溢出的问题如图所示问题看似很容易解决，只要指定高度就ok了，然而并非如此。我首先在局部样式里添加了高度.el-cascader-menu { height: 300px; }但是打开浏览器，发现样式height:300px 未作用到元素上，这就奇怪了。最后我试着在全局添加此样式，尽然样式生效了！但是为什么在局部就不生效了呢？？我在网上看到很多人遇到过相似的问题，但是不知道造.

2021-04-07 10:42:34 638 5

weixin_42302145的博客