- 博客(15)
- 收藏
- 关注
RSS订阅原创 前端表格导出excel兼容office
安装xlsxnpm install --save xlsx const exportExcel = () => { const wbout = XLSX.write( XLSX.utils.table_to_book(document.getElementById('table'), { raw: true }), { bookType: 'xlsx', bookSST: true, t
2021-09-03 09:34:21
180
1
原创 react hooks中使用Ant design的table组件
table加悬浮表单，废话不多说，看图表格的配置const columns = [ { title: '联系人', width: 100, render: item => { const {contactPerson, username} = item; return ( <Popover content={<div> <Input
2020-12-03 19:29:05
937
原创 react hooks中使用Ant design的table组件
table折叠实现显示和隐藏（说不明白了）看效果，为了让你们看懂，略丑打开折叠看代码<Table columns={columns} rowKey={record => record.deviceId} expandedRowRender={record => <TableMessage record={record} style={{margin: 0}} />} expandedRowKeys={expandedRowKeys} dataSo
2020-12-03 18:56:18
573
原创 react hooks使用echarts
安装依赖npm install echarts --save项目需要的是柱状图，如图组件 <ChartBar id="chart-bar" optionsData={echarts} width={880} height={300} />组件内容，全粘过来了import {useEffect} from 'react';import echarts from 'echarts/lib/echarts';import 'echarts/lib/chart/bar';
2020-12-03 18:23:19
2827
原创 echarts关系图多条连线
最近用echarts做图的关系实现图数据结构连接线会重合，解决办法import Graph from 'echarts/lib/data/Graph'import echarts from 'echarts'const Edge = Graph.Edgeconst Node = Graph.Nodefunction generateNodeKey(id) { return '_EC_' + id;}Graph.prototype.addEdge = function (n1,
2020-07-01 17:42:02
6477
2
原创 element-ui的upload上传excel文件记录
因为项目需要手动上传，不直接提交到服务器 ，所以设置了不自动上传el-upload的常用属性limit:限制上传文件的个数auto-upload:自动上传multiple:支持多文件上传action:上传的文件地址，指定了auto-upload属性，会自动提交到action的地址accept:文件的类型钩子函数on-preview:选择文件后，显示文件列表，点文件列表，就会触发on-remove:文件列表移除文件触发before-upload:是上传文件之前触发的函数，一旦设置auto
2020-05-19 14:07:14
758
原创 iview的table获取有分页的所有选中项
html<Table border ref="tables" :columns="columnsCreat" :data="tableDataCreat" @on-selection-change='slesctChange' height="500"></Table><div class='submit' @click='submitFn'>提交<...
2019-09-24 16:53:43
1111
原创 iview的table显示图片和显示超链接
显示图片<template> <div class='bannerPage'> <Table border ref="tables" :columns="columns" :data="tableData"> <template slot-scope="{ row }" slot="action" > ...
2019-09-24 16:44:36
2737
原创 vue中使用iview的table表格实现导出全部和导出选中
布局<div> <Checkbox v-model="showCheckbox" @on-change="clearSelect(false)"></Checkbox> <div class='batchoperation'>批量操作</div> <div class="expo...
2019-08-14 15:10:00
4203
2
原创 this的绑定规则
绑定规则默认绑定function foo() { console.log(a);}var a = 2;foo();//2foo()是直接使用不带任何修饰的函数调用的，因此只能是默认绑定，this指向全局对象隐式绑定function foo() { console.log(this.a);}var obj = { a:2, foo:foo};obj.foo(...
2019-08-07 18:25:34
300
原创 使用iframe遇到的问题
iframe的定义和用法iframe元素会创建包含另外一个文档的内联框架（即行内框架）可以把需要的文本放置在之间，这样就可以应对无法理解iframe的浏览器。优点重载页面时不需要重载整个页面，只需要重载页面中的一个框架页（减少了数据的传输，增加了网页下载速度）方便制作导航栏缺点会产生很多页面，不容易管理不容易打印浏览器的后退按钮无效代码复杂，无法被一些搜索引擎索引到多数...
2019-05-24 17:45:29
710
原创 svn的使用
SVN checkout 剪切项目 填写项目路径 输入用户名和密码SVN update 从SVN服务器上把最新版本下载到本地来add是将本地的新增文件或者文件夹标注为受svn控制，但是还未上传到服务器，一般后面还会跟一个commit操作commit 是将本地做过的改动（修改，新增，删除，改名，移动等）上传更新到svn服务器show log展示日志信息repo-browse...
2019-05-24 16:48:07
875
原创 屏幕适配bootstrap
最近在做手机屏幕的适配工作，进行以下总结项目中引入bootstrap首先设置meta标签，为了确保适当的绘制和触屏缩放，需要在之中添加viewport元数据标签<meta name="viewport" content="width=device-width, initial-scale=1">在移动设备浏览器上，通过为视口设置meta属性为user-scalable=...
2019-05-24 16:46:44
1576
原创 js继承
原型继承//父类function A (name){ this.name = "aaa"}A.prototype.say = function(){ console.log(this.name)}//子类function B(name){ this.name = "bbb"}B.prototype.tell = function(){ console.log(this.n...
2019-04-09 18:04:22
154
原创 eslint解决方案整理
eslint 解决方案整理最近在处理react项目中报的warning，进行了以下整理参考文档http://eslint.cn/docs/rules/项目中遇到warning的解决$ xxx is defined but never used no-unused-vars禁止出现未使用过的变量删除$ Expected '===' and instead saw '==...
2019-02-24 00:45:30
26471
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人