- 博客(64)
- 收藏
- 关注
RSS订阅原创 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关注的人