前端
文章平均质量分 63
废八
醉后不知天在水,满船清梦压星河
展开
-
vue+element-ui前端使用print-js实现打印,可自定义样式(横纵向,缩放比,字体大小,背景色)
实现纯前端的打印功能,可自定义打印样式,使用print-js实现,设置打印默认横纵向,设置打印默认缩放比,修改打印字体,修改背景色。原创 2022-10-12 10:24:57 · 22030 阅读 · 19 评论 -
前端使用xlsx、file-saver实现自定义excel格式导出(列宽、字体、边框、行高)
vue+element-ui前端使用xlsx、file-saver实现excel导出,表头合并,列宽调整,字体颜色调整原创 2022-10-10 14:45:07 · 4847 阅读 · 8 评论 -
react-antd表格导出为Excel
react-antd表格导出为Excel安装插件js-export-excel页面导入页面导入按钮调用结果安装插件js-export-excelyarn安装-记得以管理员身份执行yarn add js-export-excel npm安装npm install js-export-excel页面导入页面导入import CreateExcel from 'js-export-excel';按钮<Button style={{margin:'0 0 0 25px'}} onCl原创 2021-12-15 17:24:44 · 1395 阅读 · 0 评论 -
npm install报错
npm ERR! Cannot read property 'match' of undefined 错误处理原创 2021-12-06 14:07:28 · 633 阅读 · 0 评论 -
react+antdexcel文件上传预览功能
react+antdexcel文件上传预览功能下载js-xlsx插件yarn add xlsx 或者 npm install xlsx在项目中引入import * as XLSX from 'xlsx';定义插件,并暴露出去export default class UploadFile extends Component {}定义全局变量this.state = { tableData: [], // table的数据转载 2021-12-06 10:29:26 · 2348 阅读 · 0 评论 -
React+SpringBoot项目部署(idea以及webstorm)
React+SpringBoot项目部署我是用的是idea以及webstorm进行编程react打包react项目创建按照百度使用webstorm创建react app,随便搜就行创建好自己的项目写好后进行打包命令:npm run build这个样子就是打包好了,在自己项目文件夹里会有一个build文件,把里面的内容复制后端打包创建spring initializr项目,现在需要的插件依赖下载,百度也可以搜到就不多说了,插件啥的也可以后面再pom里再添加。在项目的resource里创建一原创 2021-11-19 16:08:02 · 1309 阅读 · 0 评论 -
springboot项目打包jar后图片上传及图片路径
springboot项目打包jar后图片上传及图片路径前端部分<Upload name=“logo” action=“http://localhost:9001/api/phonebook/uploadPhoto” listType=“picture”accept=".jpg,.jpeg,.png,.JPG,.JPEG,.PNG"maxCount={1} {…props}><Button icon={}>点击上传<Form.Item原创 2021-11-19 15:44:11 · 3651 阅读 · 0 评论 -
react项目兼容ie
react项目兼容ie报错,map未定义根据 react 官方文档,在index.js使用 core-js 引入 polyfill:import 'react-app-polyfill/ie9'import 'core-js/es6/map'import 'core-js/es6/set'通过在 index.html 文件的头部引入 es6-sham 和 es6-shim,保证执行所有代码前执行 polyfill 脚本,解决了该兼容性问题... <title>Rea原创 2021-11-10 16:09:01 · 1775 阅读 · 0 评论 -
js获取当前时间
js获取当前时间获取当前时间 yyyy-MM-dd//获取当前时间 yyyy-MM-ddfunction getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 &&a原创 2021-11-05 16:38:02 · 180 阅读 · 0 评论 -
antd的upload组件上传图片至后端项目resource文件夹
antd的upload组件上传图片至后端项目resource文件夹前端部分<Upload name=“logo” action=“http://localhost:9001/api/phonebook/uploadPhoto” listType=“picture”accept=".jpg,.jpeg,.png,.JPG,.JPEG,.PNG"maxCount={1} {…props}><Button icon={}>点击上传accept=".jpg,.jpeg,.p原创 2021-11-05 16:28:31 · 864 阅读 · 0 评论 -
HTML和CSS基础
HTML和CSSHTML文本列表链接多媒体表单结构CSS选择器selector层叠样式表文本样式colorfont-familyfont-sizefont-stylefont-weighttext-aligntext-decoration盒模型margin外边距Padding(内边距)Border(边框)displayFlexFloatViewportPositionHTML文本code 标签是一个短语标签,用来定义计算机代码文本。h1-h6六个不同的 HTML 标题p 标签定义段落block原创 2020-12-23 17:03:29 · 351 阅读 · 1 评论