- 博客(82)
- 资源 (2)
- 收藏
- 关注
原创 elementui表格多选实现单选的效果
ts写法着重点// 全选on-select-all={this.onSelectAll}// 选择多选触发on-selection-change={this.selectItem}// 模板,页面显示多选框<el-table-column type="selection" reserve-selection={false} />ref="multipleTable"解释 // 清空所有选中 onSelectAll(): void { const sel.
2021-01-28 10:48:46 432
原创 javascript小工具函数
JS 获取某月的天数function getMonthCountDay (year, month) { return 32 - new Date(year, month-1, 32).getDate()}获取某月的天数,是周几new Date(2020,11-1,16).getDay() // 11月16日,周一
2021-01-07 10:16:06 177
原创 echarts图形样式的控制
grid: { top: 0, bottom: 0, left: 0, right: 0}控制每个图形的位置。可以是多个图形。series: [{ type: 'line', data: this.orderTrend, areaStyle: { color: 'purple' }, lineStyle: { width: 0 }, itemStyle: { opacity: 0 }, smooth: true}]以折线图
2021-01-06 09:27:22 262
原创 vue.component和vue.use的用法
vue.use和Vue.componentVue.extend和vue.prototype.$xxx = xxx;
2021-01-05 14:54:25 279
原创 左侧树形结构,右侧表格多选,表格多选回显问题
场景复原注意点1、回显的数据,必须要有对应的唯一值。实现思路主要是回显的时候,问题提交大。首先,需要一个大的集合{};来存储勾选的数据。例如:{树形唯一值id:[表格勾选的数据01,表格勾选的数据01....]}其次,表格☑️勾选的时候,需要把值存起来,如上结构。然后,切换左侧树分组的时候,需要将集合中的数据,取出来,在表格中,做对应的回显。最后,将数据回填在input框内时,循环处理集合即可。在做编辑的时候,先初始化后端返回来的数据,放到集合中。这样就不会存在遗漏。只是个人的思路
2020-12-31 14:36:00 813 2
原创 表格显示名称,通过id查找名称
/** * 表格查询 * * @public * @param {*} options * @memberof TableHandle */ public queryMetaDataJobs(): void { console.log(this.treeRowData); if (!this.treeRowData.id) { this.$notify.error('请选择分组!'); return; } c..
2020-12-30 10:19:14 732
原创 HTML <picture> 元素
根据屏幕匹配的不同尺寸显示不同图片,如果没有匹配到或浏览器不支持 picture 属性则使用 img 元素:<picture> <source srcset="banner_w1000.jpg" media="(min-width: 801px)"> <source srcset="banner_w800.jpg" media="(max-width: 800px)"> <img src="banner_w800.jpg" alt=""&g
2020-11-23 18:32:35 245
原创 input type=file 捕捉完成选择事件
问题:第一次选择文件或每次都选择不同文件时好使,但如果我两次都选择同一个文件,就触发不了了;解决:将value置为空,就解决了。 importMetaDataObject(e: any): void { if (!window.FileReader) { this.$notify.error('您的浏览器不支持FileReader!请升级浏览器'); return; } let reader: any = new FileReader(); co
2020-11-23 17:01:41 1947 1
原创 CSS 与 JS 阻塞 DOM 解析和渲染
CSS 不会阻塞 DOM 的解析,但会阻塞 DOM 渲染。JS 阻塞 DOM 解析,但浏览器会"偷看"DOM,预先下载相关资源。浏览器遇到 所以,
2020-11-06 15:49:30 437
原创 vue中router-link和传统a链接的区别
Vue的创新之处在于,它利用虚拟DOM的概念和diff算法实现了对页面的"按需更新";Vue-router很好地继承了这一点,只需要渲染一次就够了。a标签,每次跳转都得重渲染一次,在一个浩大的项目里,“渲染"做了许多"无用功”,而且消耗了大量弥足珍贵的DOM性能!...
2020-11-05 11:00:10 256
原创 arguments.length
arguments.length表示的是实际上向函数传入了多少个参数,这个数字可以比形参数量大,也可以比形参数量小(形参数量的值可以通过Function.length获取到). function fun(a,b,c){ var l = arguments.length; var num = 0; for(var i=0;i<l;i++){ num+=arguments[i]; } alert(num) } fun(1,2,3); f
2020-10-20 10:28:36 1382
原创 JavaScript各种类型比较
Number,Boolean,String,Undefined这几种基本类型混合比较时,会将其转换成数字再进行比较基本类型与复合对象进行比较时,会先将复合对象转换成基本类型(依次调用valueOf与toString方法)再进行比较undefined被当成基本类型,undefined转换成数字是NaN,因此undefined与除null之外的其它类型值进行比较时始终返回false(注意NaN==NaN返回false)null被当成复合对象,由于null没有valueOf与toString方法,因此和除.
2020-10-20 09:29:30 454
原创 Module parse failed: Unexpected character ‘@‘ (1:0)
react引入antd的样式时,解析不了@原因:include的原因{ test: /\.(css|less)$/, // include: path.resolve(__dirname, './src'),// 这里会直接到 src 文件下找 less/css 文件进行编译,这里是项目优化的一个小技巧 use: [ { loader: MiniCssExtractPlugin.loader, options: {
2020-09-15 17:18:37 3531 1
原创 Plugin/Preset files are not allowed to export objects, only functions. In /Users/cpp/Desktop/日常/cil-
wepback配置react失败{ test: /\.jsx?$/, exclude: /(node_modules)/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-react'] }, },},
2020-09-14 16:47:51 466
原创 iframe配合postmessage注意点
使用iframe的起因: 现存在两个不同的系统,A系统和B系统。因为某中原因,A系统要调用B系统页面中的个别页面,所以引入了iframe;并且两个系统之间需要通信,设计到跨域问题,就有了postmessage;在系统中的代码示例: <div style="height:500px;"> <iframe style="width:100%;height:100%;" src={this.iframeUrl} ref="xxxIframe
2020-09-08 15:32:12 473
原创 react todolist实践总结
react状态组件state定义在constructor里外的区别react组件中数据的挂载方式react代码学习
2020-09-05 14:26:12 163
原创 D3给柱形图添加hover
重点代码块:const svg: any = d3.select(this.$refs[ref]) .attr('width', this.width) .attr('height', this.height); svg.append('g') .selectAll('rect') .data(data) .join('rect') .attr('x', (d: any, i: number) => x(i))
2020-09-05 14:17:36 721
原创 webpack插件收集整理
friendly-errors-webpack-plugin :解释地址monaco-editor-webpack-plugin:解释地址portfinder:解释地址ora,chalk:解释地址rimraf:解释地址webpack-bundle-analyzer:打包分析parallel-webpack:多进程打包happypack:多进程打包...
2020-08-26 10:54:45 130
原创 git 查看/修改用户名,密码
查看用户名、邮箱git config user.namegit config user.email修改用户名、邮箱git config --global user.name "新的名称"git config --global user.email "新的邮箱"关于vscode,git插件...
2019-12-27 09:23:29 1010
原创 Number.isInteger()
Number.isInteger() 方法用来判断给定的参数是否为整数。function fits(x, y) { if (Number.isInteger(y / x)) { return 'Fits!'; } return 'Does NOT fit!';}console.log(fits(5, 10));// expected output: "Fits!"...
2019-12-20 09:44:35 299
原创 Element implicitly has an 'any' type because expression of type 'string' can't be used to index type
报错截图:解决方法:定义实例规则;首字母大写。
2019-12-16 17:57:39 22298
原创 js中同名变量或者参数的优先级
在javascript代码中,可能会出现一些变量或者参数重名的现象,所以要确认一下到底是哪一个变量或者参数在起作用,下面就对此进行一下简单的罗列性介绍,希望能够给需要的朋友带来帮助。一.局部的优先级要高于全局变量:var a=1;function func(){ var a=2; console.log(a);}func();以上的输出结果是2,说明局部变量覆盖了全局变量。...
2019-12-03 09:41:00 965
原创 vue-cli3按需引入element,包括样式
第一、创建一个新项目vue create vue3-test剩下的步骤省略,可以参考上一篇vue项目搭建。第二、添加Element插件vue add element也可以用vue ui添加插件安装的时候会有提示询问是全部安装还是按需引入,选择按需引入※ 注意项:这样引入会覆盖app.vue文件,所以建议一开始就安装插件。避免写着写着,结果安装了插件却发现覆盖了自己已经写好的...
2019-11-29 10:26:47 970
原创 vue3.0和2.0的区别及项目的搭建
在2019.10.5日发布了Vue3.0预览版源码,但是预计最早需要等到 2020 年第一季度才有可能发布 3.0 正式版。可以直接看 github源码。标题新版Vue 3.0计划并已实现的主要架构改进和新功能:编译器(Compiler)使用模块化架构优化 “Block tree”更激进的 static tree hoisting 功能 (检测静态语法,进行提升)支持 Sourc...
2019-11-29 10:16:27 915
原创 promise的串行和并行
Promise 并行 这个功能Promise自身已经提供。主要是依赖**Promise.all**和**Promise.ra**ce。 Promise.all是所有的Promise执行完毕后(reject|resolve)返回一个Promise对象。 Promise.race是任意一个Promise对象执行完毕后返回一个Promise对象。
2019-11-20 15:47:39 929
原创 promise封装ajax
promise: promise是一个对象,用来传递异步操作的消息。有了 Promise 对象, 就可以将异步操作以同步操作的流程表达出来。promise特点: 承诺将来会执行 **防止回调地狱** - Callback Hell 可以进行then的**链式执行** 区分数据请求和数据处理三种状态 pending:等待中,或者进行中,表示还没有得到结果 resolved(ful...
2019-11-20 14:56:48 175
原创 vue组件间的传值
组件间的传值问题说一下组件间的传值方式,你知道的所有方式都说一下问题描述这个问题其实就是想看官方文档有没有具体看过,因为很多传值方式官方文档上有描述,但是项目中用的相对较少。基本都能回答上来,父传子:props;子传父:$emit;兄弟:eventbus;vuex;有一些会说到sessionStorage和localStorage、路由传参(这个答案其实并不是我想要问的,不过也可以实现一...
2019-11-13 16:11:11 147
原创 css左侧导航和内容高度一致
<div class="parent"> <div class="left"> left </div> <div class="right"> <br/> <br/> <br/> <br/> dddddddddddddddddd...
2019-11-12 15:27:39 607
原创 vue面试题收录集
1、请问 v-if 和 v-show 有什么区别?相同点: 两者都是在判断DOM节点是否要显示不同点:a.实现方式: v-if是根据后面数据的真假值判断直接从Dom树上删除或重建元素节点。 v-show只是在修改元素的css样式,也就是display的属性值,元素始终在Dom树上。b.编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件...
2019-11-05 14:38:04 172
原创 个人小纪
如果字符串键值能够被强制类型转换为十进制数字的话,它 就会被当作数字索引来处理。 var a = [ ]; a["13"] = 42; a.length; // 14在数组中加入字符串键值 / 属性并不是一个好主意。建议使用对象来存放键值 / 属性值, 用数组来存放数字索引值。a.charAt(1) 等同于数组arr[1]~ 和 indexOf() 一起...
2019-11-04 17:59:37 128
原创 js隐示类型转化规则
双等号,如果两边类型不同,会有隐式转换发生。犀牛书75页总结如下:1,null和undefined,相等。2,数字和字符串,转化为数字再比较。3,如果有true或false,转换为1或0,再比较。4,如果有引用类型,优先调用valueOf。5,其余都不相等。...
2019-11-01 17:18:23 145
原创 js通过分页计算表格行数
function goPage(pno,psize){ var num = 10;//表格行数 var totalPage = 0;//总页数 var pageSize = psize;//每页显示行数 var currentPage = pno;//当前页数 var startRow = (currentPage - 1) * pageSize+1...
2019-11-01 14:00:57 420
原创 js中的eval和Function
一、eval()eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。eval(string) string必需。要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句。实例<script type="text/javascript">eval("x=10;y=20;document.write(x*y)")documen...
2019-10-28 10:32:25 2062
原创 typeof运算符和instanceof运算符以及isPrototypeOf()方法的区别
typeof是一个运算符,用于检测数据的类型,比如基本数据类型null、undefined、string、number、boolean,以及引用数据类型object、function,但是对于正则表达式、日期、数组这些引用数据类型,它会全部识别为object;instanceof同样也是一个运算符,它就能很好识别数据具体是哪一种引用类型。它与isPrototypeOf的区别就是它是用来检测构造函...
2019-10-23 11:22:04 463
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人