前端
枯叶笑忘书
The best defenders are also the best attackers
展开
-
前端数据导出文件
前端数据导出文件场景: 将前端现有的一些数据进行处理后导出成文件,不需要访问后端实现方式: const a = document.createElement('a') a.href = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(data) a.download = 'xxxxxxxxxxxxxxxxxxxx' //导出文件名 document.body.appendChild(a)原创 2021-04-02 08:54:20 · 277 阅读 · 0 评论 -
antd vue 表格表头与内容列宽不一致
从图片的内容可以看到表头的宽度与内容的宽度是不一致的,但是使用的是默认的antd的样式。为什么会出现这种情况呢?罪魁祸首是表格的 scroll 属性,可以从图片中看到该表格有一个纵向的滚动轴,虽然我们只设置了滚动轴的 Y 轴宽度,但是也会影响 X 轴,造成表头与内容列宽不一致。解决办法:在定义表头时,给每一列增加列宽,类似:const columns = [ { title: '账户', dataIndex: 'id', width: 120, // 解决方法 .原创 2020-07-02 09:58:05 · 2778 阅读 · 1 评论 -
react 获取后台数据渲染页面不显示
问题描述:想要的结果:在一个 react 的 Component 获取后台的数据并显示,页面第一次渲染时就显示进行的尝试:在组件外定义了一个 getXXX 方法,使用 axios 请求后台的结果,在 Component 的构造方法里调用该方法,将该方法的结果赋值给 state 属性里bug结果: 后台数据接收到了请求,并正确返回结果,但是页面却没有渲染,使用 console 输...原创 2020-01-13 15:48:20 · 6190 阅读 · 0 评论 -
技巧:如何最简单的在前端代码中使用Antd组件
环境: 语言:node.js 编辑器:VScode 脚手架:create-react-app这是我的环境,其他环境大致类似。首先打开Antd的网站,寻找适合的组件Antd的组件地址:组件这里以一个表单为例:截图的右下角有四个选项,点击第二个,沙盒。如下图在VScode中创建一个组件的类,名字与沙盒中clas...原创 2019-08-12 17:48:31 · 2920 阅读 · 0 评论 -
node.js动态对.xlsx文件的解析(文件路径不写死)
最终效果: 点击按钮进行选择文件,选择给定的文件类型(.xlsx,xls)后对文件内容进行解析,将.xlsx或.xls转换为json数据.note: 在知道文件在本地的具体路径时很容易将.xlsx和.xls文件解析成json,所以一般情况会将文件上传至服务器的某个路径下,由后端代码进行读取和转换,但是这样会增加服务器的压力,如果只是需要xlsx中的部分数据,完全没必要将文件上传过去,可以在本地...原创 2019-09-20 16:47:22 · 789 阅读 · 0 评论