- 博客(64)
- 收藏
- 关注
原创 el-table全选或者多选时,获取选中的数组
使用el-table时,常常会用到它的多选功能,但是查看其api会发现,只提供了添加为多选表格的属性,但是并没有提供怎么获取我们所选中的行,即所选中的那个行id数组。其实,el-table在封装时,它的源码中是做了这个获取操作的,我们只需要拿过来一条代码就能搞定。html:js:就是这一句简单的代码能满足我们的需要啦!...
2020-04-04 22:36:23
4652
1
原创 数据驱动的核心即是建立良好的数据模型
在正常的工作中,关于数据处理时,对于对象或者数组,我们采取的都是深拷贝,尽量的避免不同数据之间的关联。但最近遇到个情况,恰好的说明了浅拷贝在某些时候是个利器,也正是要利用浅拷贝的相同数据源的关联,才能简化操作,如果使用深拷贝去做,那么会处理起来十分十分复杂-------这也说明了数据模型的边界一定要良好。简单说下需求:由于流程图绘制的页面使用了mxgraph这个库,所以前后端定义的交互格式是...
2020-04-01 23:11:40
547
原创 傻瓜式安装Vue-Devtools
在阅读很多vue相关的官方文档时,总会看见官方推荐调试器**Vue-Devtools**,比如啥Vue.js/Vue Router/VueX等都有介绍,既然是官方的‘儿子’,那么想必是极好用的,反手百度一手看看大家的评价,效果也是不错的(❤ ω ❤)(❤ ω ❤) &...
2019-12-20 16:09:14
391
原创 淘宝镜像
对于大陆用户来说,在使用npm时,深受网速的影响,常常有下载缓慢或者丢包的情况,那么最好还是安装一个淘宝镜像吧。npm install -g cnpm --registry=https://registry.npm.taobao.org使用方法为:将 npm 改为 cnpm示例:npm install => cnpm install...
2019-12-16 15:11:11
162
原创 el-select多选下拉框实现全选功能
elementUI的下拉框支持多选,但是不支持全选,但需求就要这个功能,怎么办,封装呗~有两种方法,第二种感觉简单些。方法一:下拉项增加一个【全选】,然后应该有以下几种情况:下拉选项全都勾选时,【全选】自动勾选;下拉选项部分勾选时,点击【全选】后,所有下拉项全部勾选;下拉选项全都未勾选时,点击【全选】后,所有下拉选项不勾选;下拉选项和【全选】都选上的时候,不勾选任意下拉选项,【全选】按...
2019-12-09 18:51:18
11684
4
原创 replace()正确使用第二个函数参数
string.replace(searchvalue,newvalue)参数值searchvalue必须。规定子字符串或要替换的模式的 RegExp 对象。请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。newvalue必需。一个字符串值。规定了替换文本或生成替换文本的函数。返回值String一个新的字符串,是用 replac...
2019-12-09 17:50:21
2347
原创 JS实现常见文件类型的下载/保存
前端做下载功能是很常见的,类型也是多样,比如下载图片,a标签模拟下载本地静态资源,或者线上下载blob对象,或者js生成csv文件再下载等。前面的博客笔者主要记录了使用JS-XLSX插件下载表格,今天分享一个宝藏帖子,原博主对各种文件类型的下载讲得很全面,以作收藏。大佬传送门biu~:JS多文件类型下载...
2019-12-09 15:35:36
1862
原创 正则基础及常用正则式
正则是JS中绕不开的话题,它好比是一座灯塔,让你在茫茫词海中能找到你中意的字符(ง •_•)ง一、正则申明方式1、构造函数方式var reg = new RegExp('\d', 'gi');● 通过 new 构造一个正则表达式对象,其中第一个参数 '\d' 是正则内容,第二个参数 'gi' 是修饰符。两个参数皆为字符串类型● 修饰符的作用是对匹配过程进行限定(默认匹配中第一个字符便停...
2019-12-09 11:00:06
1925
原创 iframe内嵌及跨域通信
获取iframe节点:document.getElementById('iframeId')document.getElementsByName('iframeName')document.getElementsByClassName('iframeClassName')document.getElementsByTagName('iframe')document.querySelect...
2019-12-06 15:11:10
1180
1
原创 js检查数据类型
有时我们需要判断数据类型做不同的操作,但是关于检查JS数据类型,我们该怎么做呢?今天就来讲一下。JS数据类型检测常用的主要有四种方法:1.typeof对于基本数据类型检测,我们可以使用 typeof 操作符来判断他的数据类型,typeof有两种写法:typeof(xxx) 和 typeof xxx console.log(typeof(123)); //"number"...
2019-11-27 10:47:16
322
原创 指定起始位置的前端导入
说来话长,前段时间和导出杠上了,导出时设置背景色,字体样式,合并单元格等弄得差不多了,今天又发现之前得导入组件已经满足不了导入需求了????????????????,又再次进行了二次封装。比如:这种表的开头有文字说明,并且进行了行列的合并,这样的表格在解析时会出现每个字段的key都不是表头字段的现象,之前由于这种表格只有两个,所以在前面的博客里用的方法是:全部解析后再js截取数组,最后还得做批量替换key值但是这样...
2019-11-25 17:28:38
543
原创 CSS之伪类/伪元素
CSS引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分。什么是伪类,伪元素?伪类:用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。比如说,当用户悬停在指定的元素时,我们可以通过:hover来描述这个元素的状态。它只有处于dom树无法描述的状态下才能为元素添加样式,所以将其称为伪类。 伪元素:之所以被称...
2019-11-21 14:47:54
540
原创 this/内存泄露/高阶函数
嘿嘿嘿 ????????????????????????????????????????????这儿再贴几条js中重点知识的链接,讲得很好,自备收藏。图解JavaScript对象属性四个特性理解This指向只需记住5个规则JS中4种内存泄漏类型高阶函数比较JS中的原始值和引用值JavaScript中变量提升...
2019-11-18 17:01:49
211
1
原创 原型链/原型对象/闭包
关于JS原型链及原型对象prototype,原型属性__proto__,闭包;这几个是前端的必经之路,并且在面试时基本都会被问到,按照惯例本来想写一点看法,结果看见有几个帖子对这几点知识讲得很不错,在自己的理解之上;所以这儿就放大佬的链接吧:动图解释JS中的原型链图解JavaScript对象原型与原型链理解Javascript中的闭包概念...
2019-11-14 14:27:14
285
4
原创 小程序资源大集合
现在小程序开发是越来越多,都说小程序是面向文档开发,哈哈哈哈,但是也得有上手的案例啊,下面这个链接包含了各类型的小程序demo,并且有各种开发工具/UI组件/库:小程序大集合...
2019-11-14 14:17:46
3341
原创 JS之防抖节流
最近遇到一个需求,输入时即搜索,其实就是远程模糊查询,后来考虑到这样做的话会频繁的发送请求,造成大量的浪费,所以想到了做防抖。本想写一写防抖,但是查了一圈,发现有个帖子讲得非常形象且好,所以这儿就贴个链接吧:7分钟理解JS的节流、防抖及使用场景...
2019-11-13 16:07:41
169
1
原创 vue-treeselect下拉树
普通加载延迟加载(规范函数转化字段为label/children,特别关键,不转化时只认label/children,转化之后只认转化后的字段,比如将将name转化为label,那么只会认name,即使数据中有label但没有name,则子选项不会显示,因为规范函数只会去找转化字段name而不会管字段label)看文档时一定要细心,英文也得翻译过来看,特别是demo,不然会踩跟多坑...
2019-11-13 11:31:10
3098
1
原创 vue之$nextTick
Vue提供的nextTick方法是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 $nextTick,则可以在回调中获取更新后的 DOM。现在有这么个需求,要求点击表格的扩展三角就展开扩展行。现在遇到的问题呢,假如扩展行的数据是同步的,那么展开就是正常展示的;如果数据是点击时才异步加载的,那么表格展开就是空白,因为在数据回来并绑定之前,扩展行就已经展开了,导致数据没有渲染上...
2019-11-13 10:45:56
174
原创 打印未知函数参数
有时拿到一个封装的函数,但是它的说明并不好,就要靠自己去打印参数看看每个参数的作用。像这样,在函数参数处使用扩展运算符的方式,可以直接访问到这个函数的 ‘参数数组’。...
2019-11-12 16:09:35
244
原创 一句Json搞定数组中多层字段的替换
有时后端同事给到的数据并不是我们想要的格式,比如有些字段名都对不上,那么数组里的多层对象中的字段名需要转化时,使用JSON方法无疑是最简便的。另外:在使用element-UI的表格时,当加上了可选框属性时能满足全选/多选的要求,可是官方文档并没有提供单选的api,但是从源码可以看出所选择的行对象是存在self.$refs.innerTableList.store.states.selectio...
2019-11-12 14:21:38
1721
原创 element之表单校验函数
element表单组件使用其自己的校验/重置方法时,一是设置ref,二是设置prop(这是关键,根据prop来校验/重置不同的控件)
2019-11-12 13:13:21
1673
原创 获取对象属性的个数
Object.getOwnPropertyNames() 封装方法https://www.cnblogs.com/ooo0/p/6534333.html
2019-11-11 13:50:08
2942
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人