- 博客(10)
- 收藏
- 关注
RSS订阅
原创 color-picker、vue3-color-picker
ant-color-picker前言ant-design-vue的UI框架中，并没有colorPicker颜色选择器，但是在实际工作中又需要使用到，翻阅了其源码，组件中虽能见到color-picker的声影，但是却是使用不了的，在借鉴element-plus的color-picker的源码下封装了该组件。效果源码地址地址：https://gitee.com/ghkeeping/ant-color-picker文档Attributes参数说明类型可选值默认值valu
2021-11-09 12:07:32
4181
原创 webpack4配置删除注释&&console.log
前言对于webpack4中如何配置删除注释和删除console.log，搜索了大量的文章，大多数都是讲的都是使用webpack.optimize.UglifyJsPlugin或者是uglify-webpack-plugin，但实际操作的时候，会掉进很多坑，前者的使用方法，webpack内置方法已经移除该方法了，后者是因为UglifyJS不支持ES6语法，而且在webpack官网中已经找不到该插件了(建议看英文官网，中文官网坑多，文件更新不及时)正确配置需用到的插件terser-webpack-plug
2020-09-03 12:30:11
3164
1
原创 关于vue组件中使用防抖/节流函数
概念函数防抖(debounce)：在事件被触发n秒后再执行回调函数。若在这n秒内又被触发，则重新计时。典型的案例：【输入搜索】：输入结束后n秒才进行搜索请求，n秒内又输入的内容，就重新计时。应用场景：search搜索联想，用户在不断输入值时，用防抖来节约请求资源。window触发resize的时候，不断的调整浏览器窗口大小会不断的触发这个事件，用防抖来让其只触发一次。函数节流(throttle)：规定在一个单位时间内，只能触发一次函数。若这个单位时间内触发多次函数，只有一次生效。 典型的案
2020-06-28 14:54:54
1214
2
原创 js数组对象交集、并集、差集
需求在实际项目中，特别是拿到后端返回的数组对象数据接口，有些是需要我们前端自己重写整合成前端需要的数组对象结构数据才能满足前端的渲染需求的。其中，数组的交集、并集、差集经常会涉及到。交集两组数组中都包含的元素// 普通数组const arr1 = [1, 2, 3, 4, 5 , 8 ,9], arr2 = [5, 6, 7, 8, 9];// 方法1：const intersection1 = arr1.filter((item) => arr2.includes(item
2020-11-18 14:35:23
3426
1
原创 解决vue+element-ui项目中表格树形结构子节点数据重新加载问题【项目中实践】
问题描述element-ui中表格树形数据结构，使用了懒加载模式时，在对数据进行增删改查时视图并不能实时更新，需要刷新浏览器进行强制刷新数据才会显示。解决方案百度+源码阅读在element-ui中的table文件中的tree.js文件中找到关于子节点懒加载的方法。loadData(row, key, treeNode) { const { load } = this.table; const { lazyTreeNodeMap, treeData } = this.st
2020-06-15 11:08:25
11913
16
原创 HTML标签创建【图像映射】
代码<img src="https://www.w3school.com.cn/i/eg_planets.jpg" alt="" usemap="#map"> <map name="map" id="map"> <area shape="circle" coords="129,161,10" href="https://www.w3school.com.cn/i/eg_merglobe.gif" target="_blank" alt="" />
2020-05-22 00:37:14
550
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人