欢乐时光已经开始---博客

vscode保存git账号及密码：转载

mxgraph

在正常的工作中，关于数据处理时，对于对象或者数组，我们采取的都是深拷贝，尽量的避免不同数据之间的关联。但最近遇到个情况，恰好的说明了浅拷贝在某些时候是个利器，也正是要利用浅拷贝的相同数据源的关联，才能简化操作，如果使用深拷贝去做，那么会处理起来十分十分复杂-------这也说明了数据模型的边界一定要良好。简单说下需求：由于流程图绘制的页面使用了mxgraph这个库，所以前后端定义的交互格式是...

对于大陆用户来说，在使用npm时，深受网速的影响，常常有下载缓慢或者丢包的情况，那么最好还是安装一个淘宝镜像吧。npm install -g cnpm --registry=https://registry.npm.taobao.org使用方法为：将 npm 改为 cnpm示例：npm install => cnpm install...

宿舍

elementUI的下拉框支持多选，但是不支持全选，但需求就要这个功能，怎么办，封装呗~有两种方法，第二种感觉简单些。方法一：下拉项增加一个【全选】，然后应该有以下几种情况：下拉选项全都勾选时，【全选】自动勾选；下拉选项部分勾选时，点击【全选】后，所有下拉项全部勾选；下拉选项全都未勾选时，点击【全选】后，所有下拉选项不勾选；下拉选项和【全选】都选上的时候，不勾选任意下拉选项，【全选】按...

前端做下载功能是很常见的，类型也是多样，比如下载图片，a标签模拟下载本地静态资源，或者线上下载blob对象，或者js生成csv文件再下载等。前面的博客笔者主要记录了使用JS-XLSX插件下载表格，今天分享一个宝藏帖子，原博主对各种文件类型的下载讲得很全面，以作收藏。大佬传送门biu~:JS多文件类型下载...

嘻嘻嘻嘻

有时我们需要判断数据类型做不同的操作，但是关于检查JS数据类型，我们该怎么做呢？今天就来讲一下。JS数据类型检测常用的主要有四种方法：1.typeof对于基本数据类型检测，我们可以使用 typeof 操作符来判断他的数据类型，typeof有两种写法：typeof(xxx) 和 typeof xxx console.log(typeof(123)); //"number"...

CSS引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分。什么是伪类，伪元素？伪类：用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。比如说，当用户悬停在指定的元素时，我们可以通过:hover来描述这个元素的状态。它只有处于dom树无法描述的状态下才能为元素添加样式，所以将其称为伪类。 伪元素：之所以被称...

现在小程序开发是越来越多，都说小程序是面向文档开发，哈哈哈哈，但是也得有上手的案例啊，下面这个链接包含了各类型的小程序demo，并且有各种开发工具/UI组件/库：小程序大集合...

使用增删改查的常规情景是对表格中的行数据进行修改、删除以及增加行数据。对于表格是一个数组包含多个对象，每个对象渲染一行。增加操作：先定义一个单独的初始对象，用于做每次新增操作，点击新增时，将这个初始对象深拷贝给另一个表单对象（也是事先定义好的一个空对象，专门用于表单的绑定），增删改查里面的操作都是基于对象，而对象是引用类型，可能会在多个地方使用同一个对象，并可能做修改操作，这时就...

使用elementUI的datepicker：使用datepicker会事先定义一个初始值，但是这个组件的返回值是一个数组，里面两个元素分别是开始时间和结束时间，而传给后端是开始和结束的两个字段，因此需要将数组里的数据拿出来重组给开始/结束字段。使用自定义上传组件：首先定义一个用于上传的对象，然后将其通过中间变量传进子组件，子组件内通过props接收中间变量（用什么中间变量传...

需要做函数转化Observer取出其中值

Object.getOwnPropertyNames() 封装方法https://www.cnblogs.com/ooo0/p/6534333.html

let label = item.controlName; item.label = label; delete item.controlName; let children = item.phenomenonCategoriesList.concat(); item.children = childre...

有时拿到一个封装的函数，但是它的说明并不好，就要靠自己去打印参数看看每个参数的作用。像这样，在函数参数处使用扩展运算符的方式，可以直接访问到这个函数的 ‘参数数组’。...

有时后端同事给到的数据并不是我们想要的格式，比如有些字段名都对不上，那么数组里的多层对象中的字段名需要转化时，使用JSON方法无疑是最简便的。另外：在使用element-UI的表格时，当加上了可选框属性时能满足全选/多选的要求，可是官方文档并没有提供单选的api，但是从源码可以看出所选择的行对象是存在self.$refs.innerTableList.store.states.selectio...

普通加载延迟加载（规范函数转化字段为label/children，特别关键，不转化时只认label/children，转化之后只认转化后的字段，比如将将name转化为label，那么只会认name，即使数据中有label但没有name，则子选项不会显示，因为规范函数只会去找转化字段name而不会管字段label）看文档时一定要细心，英文也得翻译过来看，特别是demo，不然会踩跟多坑...

通过这种方式，用事件来控制变量dialogStatus的值，就可以动态的控制dialog弹框的类型，再判断变量dialogStatus的值，就能做不同类型的操作，这种方式代替了将dialog封装成组件，当然封装也行，但是这样比封装减少了参数传递，更简单实用。...