- 博客(58)
- 收藏
- 关注
RSS订阅原创 根据数据某一属性，获取对应的其余属性内容并且合并为新的集合
场景：后端返回的数据内容为JSON合集，目的想要将其处理为根据某一ID，获取对应的ITEM其余属性，并且合并为新的集合解决：解释：找出list集合下date值相同的对象，将符合条件的对象thing属性集合为新的属性things...
2022-03-30 12:11:52
409
转载 关于el-calendar实现自定义日历
场景：ELEMENTUI官网关于el-calendar的配置过少，要想自定义日历场景，记录一篇文章方便以后使用链接：https://blog.youkuaiyun.com/MISS_CJL/article/details/102722704
2022-03-30 11:57:14
456
原创 关于使用正则将中国标准时间转换为YY-MM-DD格式
场景：通过new Date（）得到的中国标准时间转换为常用时间格式yy-mm-dd解决：let date = new Date()formatterDate (date) {return new Date(+date + 8 * 3600 * 1000).toISOString().replace(/T/g, ’ ').replace(/.[\d]{3}Z/, ‘’).substring(0, 10)}...
2022-03-16 15:28:27
512
转载 关于VUE同步异步和nextTick解析
场景：看到一篇关于VUE同异步和nextTick的解析，记录在此转载于：https://www.cnblogs.com/goloving/p/14086357.html
2022-01-26 11:13:23
324
转载 关于el-input输入增加格式化校验（千分号分割）
场景：需求要求input输入带有千位分隔符，用于elementUI （el-input）解决：看到一篇很方便解决的文章记录在此#转载于：https://blog.youkuaiyun.com/xh_960125/article/details/114387755
2022-01-26 11:10:59
1619
转载 记录好文章
记录比较好的文章用以借鉴1、关于Vue项目部署https://zhuanlan.zhihu.com/p/1032444192、关于从零搭建React全家桶https://zhuanlan.zhihu.com/p/1047715623、关于前端面试详细记录https://www.nowcoder.com/tutorial/96/4700c6f1f3334c9191a38406002efa654、关于Pythonhttps://www.liaoxuefeng.com/wiki/101695966
2022-01-26 11:05:38
133
原创 关于el-table配合v-if显示隐藏某些列时遇到的坑
场景：使用el-table以及v-if控制el-table-cloumn列的显示隐藏，因表头包含多级表头和简单表头，从简单表头切换到简单和多级表头都存在时，行错位显示（如下）解决：在每个需要刷新该table的地方添加如下代码：借鉴：https://blog.youkuaiyun.com/weixin_45473028/article/details/107049436...
2021-11-19 17:47:17
872
原创 关于diff算法应用
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入场景：页面el-switch按钮切换，后端返回每个切换后的数据问题：首次切换数据没有问题，再次切换时，数据报错（页面及报错
2021-11-19 15:03:31
638
转载 关于elementUI中icon图表不显示问题
记录一篇文章关于elementUI中icon图表不显示的问题：https://www.hangge.com/blog/cache/detail_2473.html
2021-04-29 10:33:59
780
转载 关于前后端分离
记录一篇关于前后端分离的文章:https://blog.youkuaiyun.com/zhouzuoluo/article/details/80675662?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMac.
2021-04-29 10:28:24
92
转载 关于this作用域
今日匿名函数造成this作用域改变，导致报错this为undefined保存一篇关于保存原始this作用域相关文章：https://blog.youkuaiyun.com/weixin_42545184/article/details/90746635?utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control&dist_reques
2021-04-13 21:14:24
128
转载 关于VUE CLI
今日看到一篇关于vue cli的解释，再次记录转载：https://www.cnblogs.com/mpolaris/p/14076364.html
2021-04-13 19:42:33
96
转载 关于element icon 打包后不显示
场景：项目使用了element icon图标，打包后浏览器不显示且报错如下解决：https://blog.youkuaiyun.com/qq_40291247/article/details/98598248
2021-03-31 12:27:01
323
转载 关于UTC格式时间转换北京时间
场景：获取的时间格式是UTC格式（2020-11-27T02:58:41.000000Z）需求：转换成本地时间解决：https://blog.youkuaiyun.com/qq_39598092/article/details/110225195
2021-03-31 12:24:13
1547
转载 关于本地时间各种格式
今日看到一篇关于最简单获取本地时间各种格式的文章，用作记录保存https://blog.youkuaiyun.com/yibowanbo/article/details/79703549
2021-03-31 12:22:01
219
原创 关于在Vue中使用Jquery
场景：虽然使用了vue框架，但是有些情况下避免不了使用jquery（针对webpack init vue项目）使用：1、npm install jquery --save 2、在webpack.base.conf.js中如下设置 3、main.js文件中引入jquery 4、组件中使用 ...
2021-03-23 16:24:56
234
原创 关于npm install速度过慢问题
场景：每次npm install时，网速不给力，结果报错解决：切换到国内淘宝源 1、npm config set registry http://registry.npm.taobao.org 2、npm install
2021-03-22 19:41:46
267
原创 关于el-select无法选中问题
场景：在el-dialog弹框中写el-select选中，发现无法选中，查询到一下解决办法，以做记录解决：1、查看el-select属性v-model的值是否在data中定义 2、数据嵌套太多层，vue不能实时监测到数据更新，所以强制刷新 参考文章：https://blog.youkuaiyun.com/weixin_41472431/article/details/103575267...
2021-03-22 19:38:53
4804
1
原创 关于 Error: [vuex] Do not mutate vuex store state outside mutation handlers报错
场景：vue搭建的项目控制台报错“Error: [vuex] Do not mutate vuex store state outside mutation handlers”解决：报错解读，不要在mutation函数外修改vuex中存储的值。 报错代码： 1、开始使用的JSON.parse(JSON.stringify(obj))方法将“this.LiabilityFilesOM”进行深拷贝，发现未能全部拷贝完成 2、...
2021-03-22 17:23:43
1066
原创 elementUI el-upload 自定义上传
场景：默认的el-upload是自动执行上传按钮submit()，但自动上传并不能满足一些较为复杂的场景，比如多文件上传，或者上传前进行表单验证。以下场景同时使用了这两种情况。需求：
2021-03-15 19:05:00
2218
原创 关于window10屏幕亮度无效调整记录
场景：遇到过很多次，window10系统莫名其妙无法调整亮度，且在显示里也没有亮度调整按钮解决：1、右键点击开始按钮，点击设备管理器，后点击监视器所有选项更新驱动，卸载驱动均无效。 2、修改注册表中某项内容为FFFF（具体修改哪一项可百度），重启后调整亮度按钮出现但调整依旧无效。 转载：http://xinzhi.wenda.so.com/a/1517813611203024 3、禁用设备管理器中“显示适配...
2021-03-15 16:28:52
233
原创 vue获取可视区域高度
场景：使用elementUI可解决多数兼容问题，但还是存在要给组件动态设置可视区域高度的问题问题：vue如何获取可视区域的高度解决：组件设置高度：
2021-01-28 16:25:57
4195
原创 关于webpack初始化创建vue项目
看到一篇关于webpack初始化vue项目的文章，详细介绍了如何创建及创建后各文件的作用，以此记录：地址：https://www.jianshu.com/p/466978f4736f
2021-01-28 16:15:10
236
1
原创 关于自动获取本地机器IP地址
场景：有一个通过webpack创建的vue项目，除去localhost：xxxx本地启动，还可以配置IP启动，但是配置IP启动后每次IP地址更换，对应位置也要变更，不够灵活，故有以下需求需求：动态获取本地IP解决：1、build文件夹下新建get-ip.js文件2、get-ip.js文件写入以下内容3、在用到IP的地方引入该文件，使用IP，例如需要在config文件夹中的index.js文件引入该js，使用动态获取IP地址，方可使用IP启动项目，且IP更换时，自动更新参考文章.
2021-01-28 16:11:14
365
原创 一句话实现根据对象属性去重
场景：有如下数组，要根据name属性进行数组去重解决：可多次使用的去重方法如下：去重代码及结果：PS：根据不同的属性去重，修改去重方法里的对应属性
2021-01-21 18:30:18
136
原创 关于在el-dialog中获取DOM节点
场景：需求要求在el-dialog中获取页面中的DOM节点问题：直接document.getElementById获取的节点为undefined解决：在获取DOM节点代码外层添加$nextTick()即可代码如下：
2021-01-11 18:32:35
1381
1
原创 关于JS排序函数sort()
场景：JS函数sort可以实现很多最基础的排序，例如最常见的升降排序，今天要记录的是不常用的汉字排序例：原始数组样式如下：要求：该数组的l2通过汉字排序（即相同的l2或者相近词语的l2位置相邻）实现代码：最终排序后的数组：...
2021-01-11 18:26:06
260
原创 关于ES6新增去重方法...new Set()
场景：原始JS通过多个数组循环获取最终唯一项的数组，ES6提供了new Set（）功能一行代码实现去重，方便快捷例：原始数组如下：（去重要求：保持item属性l2唯一）去重代码如下：去重后数组如下：PS：不算严谨的数组去重，实际上获取的是唯一l2属性数组，但也可用于数组去重借鉴...
2021-01-11 18:05:16
8588
原创 关于Array函数Reduce()
JS中Array有很多自带的函数，平时不常用，但使用起来会相当方便，近期用到了Reduce函数，做记录方便以后直接使用：使用场景：某一数组中拥有相同属性的item的属性（value）值相加赋值给新数组的属性例：数组如下：要求：数组中属性“l2”相同的item的value值相加，相加后的值作为新的属性赋给数组level1实现思路：1、通过filter筛选l2相同的item，返回新数组arr； 2、通过reduce函数遍历arr数组，将value属性值...
2021-01-11 17:29:56
277
原创 关于el-table表格设置el-table-column宽度的问题
场景： 使用js-xlsx插件实现前端导出EXCEL表格。js-xlsx前端下载表格原理：DOM元素显示什么，下载的EXCEL表格内容即为显示的内容。 当前有一需求：后端返回的数据结构中，包含name以及display_name两个属性。要求显示display_name，但下载的EXCEL表格中同时显示name和display_name两个属性的内容。解决： 基于js-xlsx下载原理，要想下载的表格中同时包含name和display_name两个属性，DOM中必须都要...
2020-12-07 14:48:23
10042
1
转载 使用js-xlsx导出多个EXCEL
场景：导出多个EXCEL情况解决：查考文章https://www.cnblogs.com/wx1993/p/11847225.html
2020-11-23 18:15:10
814
原创 解决使用js-xlsx上传文件，存在二次上传不成功的情况
场景：使用插件js-xlsx进行前端EXCEL文件上传，点击上传同一个文件会造成二次上传不可点击解决：因使用的是change事件，如下，二次点击同一个文件，不会触发change，故失败可在第一次调用成功的函数里置空对应值解决该问题，如下：...
2020-11-23 18:13:03
787
原创 JS将数字进行三位分割
场景：JS中常会有需要将数字进行千位分割的情况，除定义函数进行分割，是否有方便快捷的方式解决解决：通过toLocaleString()可一行代码解决PS：该方式会将小数点四舍五入保留两位参考文章：https://www.html.cn/archives/9137...
2020-11-23 17:35:23
2594
原创 JS关于地址栏存在特殊字符时，转义相关
场景：URL地址栏包含了特殊字符，会造成传参短缺等情况，例如“&”等解决：对传递的参数，都进行特殊字符的转义替换方可轻松解决该类问题，对应的各类特殊字符转义符如下：参考文章：https://blog.youkuaiyun.com/qq_41994014/article/details/107960372...
2020-11-23 17:29:41
1194
原创 Vue除子父及父子通信外的通信方式
场景：vue通信除常用的子父$emit，以及父子props传参外，还常有一种多级组件间的传参，例如子孙，兄弟等情况解决：Vuex 可解决此类问题，但使用Vuex解决诸如传递一个字符串的情况，会有大材小用及浪费的情况。故，使用如下方式可方便快捷解决此类问题。 main.js文件： 使用该事件总线的文件： 传递： 接收： ...
2020-11-23 17:25:20
89
原创 解决js-xlsx不识别空单元格
场景：xlsx表格，将有效区域的单元格中的其中一个置为了空，上传之后，该单元格不被识别解决：将有效区域的空单元格设置default状态 PS：此处我将默认空单元格设置为了字符串null，可根据不同情况进行不同设置...
2020-11-23 16:19:43
2119
2
转载 关于浏览器兼容
之前面试的时候有被问到关于浏览器兼容做过哪些？今天看到一篇很好的文章，概括了关于常见浏览器兼容的操作，值得借鉴https://blog.youkuaiyun.com/weixin_43638968/article/details/109177674?utm_medium=distribute.pc_category.none-task-blog-hot-4.nonecase&depth_1-utm_source=distribute.pc_category.none-task-blog-hot-4.no
2020-10-22 20:48:14
59
转载 关于vue组件之间的传参
关于vue兄弟组件间的传参，收藏一篇用到的文章https://www.cnblogs.com/zmyxixihaha/p/11340450.html
2020-10-22 20:12:50
61
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人