- 博客(37)
- 收藏
- 关注
RSS订阅原创 antd4 Table实现翻页勾选
antd4 官方 Table 组件没有提供多选翻页后仍然保留上一页选中项的功能，但我们可以通过 rowSelection 的 onSelect、onSelectAll 事件自己实现该功能。
2022-08-26 17:38:40
1602
1
原创 前端部署自动化 - CI/CD
通常的打包部署是我们手动执行 npm run build, 再将 dist 文件下的静态资源手动放到服务器上，而CI/CD可以实现当我们把代码合并到主分支后自动打包、自动替换服务器上的静态资源文件，这样方便了不少。接下来就让我们一起看看如何实现自动化部署。
2022-08-25 17:23:58
870
原创 请求出现“Content type ‘application/octet-stream‘not supported“错误
Spring API请求出现"Content type 'application/octet-stream‘not supported“错误POST请求，需要传一个file和一个json对象，如下图所示：
2022-01-24 16:23:22
60873
5
原创 react 前端分页查询数据导出excel
react 分页查询导出excel前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言需求：前端实现导出Table中所有数
2021-09-01 18:27:50
870
原创 防抖节流以及React Hook中的防抖节流
React Hook防抖前言一、pandas是什么？二、使用步骤1.引入库2.读入数据使用Umi Hooks防抖节流前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：impor
2021-03-22 15:53:15
5004
1
原创 VSCode IDE配置
VSCode 部分IDE配置自动保存file->prefercens→settings 修改AutoSave 下方是代码敲完多长时间保存字体大小file→prefercens→settings 修改Font Size代码随着整个屏幕自动换行file→prefercens→settings 修改Word Wrap为on更换主题颜色1).file→prefercens→Color Theme2).在以下选项中选择主题使用 WSL Bash1).选择 S
2021-03-19 16:48:36
1355
1
原创 JS数字处理
JS数字处理前言一、处理数字：打逗号二、精度问题前言在前端开发的过程中经常会遇到做一些数字处理（比如js精度问题等等），以下是我的一些总结。一、处理数字：打逗号有一些数据金额比较大，需要每隔三个数字打一个逗号。代码如下：/** * 处理数字：打逗号 * @param str */export const handalNumber = (str) => { return str .split('') .reverse() .join('')
2021-01-15 16:19:28
404
1
原创 React解决Warning: Can‘t perform a React state update on an unmounted component.
React解决Warning: Can't perform a React state update on an unmounted component. 前言解决方案方案一方案二前言在react开发中会遇到这样的警告：Warning: Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To
2021-01-15 10:27:05
15581
3
原创 antd表单自定义验证规则
antd表单验证手机号码格式校验/** - 手机号码格式校验 - @param {*} _ - @param {*} value */export const validateMobile = (_, value) => { const reg = /^1\d{10}$/; return !value || reg.test(value) ? Promise.resolve() : Promise.reject('手机号码格式不正确');};固定电话格式校验/**
2021-01-14 17:30:08
1446
1
原创 时间计算转换
时间计算转换前言一、将时间戳转换为年月日时分秒二、时间单位转换三、获取当前日期的前n天日期及扩展1.获取当前日期的前n天日期2.获取当前日期的上一工作日3.总结四、获取当前日期的上一周/7个自然日前言在实际开发项目的过程中通常会遇到一些时间的计算或者转换处理，以下是我关于这类计算的一部分总结。一、将时间戳转换为年月日时分秒代码如下：/** * 将时间戳转换为年月日时分秒 * @param {*} value */export function formatDate(value) {
2021-01-14 15:46:16
1686
1
原创 使用less modules怎么修改antd组件的默认样式，修改antd的样式
前言使用less modules来打包代码，想要直接在.less中修改antd的样式，但是类名会被加上hash值，应用不到antd的样式上。除此之外，antd的类名不经less-modules改变（配置）想要在.less中更改antd的样式，可用:global实现。以下是修改antd List组件的样式示例）：:global{ .ant-list-header { padding-top: 0 ; padding-bottom: 0 ; border-bottom: n
2021-01-12 16:39:58
5130
1
原创 浏览器在线预览pdf文件
使用window.open(url)打开一个新的浏览器窗口// 点击预览pdfcheckFileFun (data) { data = JSON.parse(data).map(item => { item.url = `${this.$util.getBaseUrl()}/file/${item.url}` //对后台传过来的url做处理 return item }) this.url = data[0].url // 将得到的url赋值给this.url wi
2020-07-07 16:40:38
879
原创 Vue中使用this.$forceUpdate()强制刷新
问题描述使用vue框架开发，有时候会遇到在函数中改变了某个值，但在页面中没有及时刷新改变后的值。页面展示这里需要实现输入工号后，页面自动显示出与之对应的姓名、所属部门、所属单位以及所属岗位。但在输入工号后，这些信息都没有马上显示出来，而是在选择了异常类型后，这些数据才显示在页面上。解决上述问题可以使用this.$forceUpdate()强制刷新，解决页面不会重新渲染的问题。这样在输入工号后，页面将自动显示相关信息。代码如下：// 工号改变时获取信息jobNumChange (data) {
2020-07-07 15:47:59
1503
原创 vw/vh和100%的区别
在实现自适应布局时往往会用到vh/vw和100%，那么vh/vw和100%的区别是什么呢？要了解他们之间的区别，首先要了解vh、vw。vh/vw视口（viewport） 在桌面端，指的是浏览器的可视区域；在移动端，指的是Viewport中的Layout Viewport。浏览器内部的可视区域大小，即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。在css3规范中，1 vw 等于视口宽度的1%，1 vh 等于视口高度的1%。
2020-07-06 17:44:54
6142
原创 JS生成uuid
在项目开发的过程中，有时候需要前端生成全局唯一标识符，这个时候可以采用JS生成uuid来实现。方法如下：法一function uuid () { var s = [] var hexDigits = '0123456789abcdef' for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1) } s[14] =
2020-07-02 18:54:59
741
原创 递归函数
递归函数如果这个函数在内部调用它自己，那么这个函数就叫递归函数。优点:复杂的逻辑用递归非常简单.缺点:递归次数多了,占用内存,费时间.计算1+2+3+···+99+100的和//循环var sum = 0;for(var i = 1;i <= 100;i++){ sum += i;}console.log(sum) //1050//递归function...
2020-05-08 13:31:50
185
原创 使用html+css实现三角形
箭头向上<style> .demo{ width: 0; height: 0; border-bottom:100px solid red; border-left:50px solid transparent; border-right:50px solid transparent; ...
2020-05-07 21:24:00
346
原创 在浏览器中输入网址敲回车后做了什么
1.浏览器通过用户在地址中输入的URL构建HTTP请求报文。2.浏览器发起DNS解析请求，将域名转换为IP地址。3.浏览器将请求报文发送给服务器。4.服务器接收请求报文，并解析。5.服务器处理用户请求，并将处理结果封装成HTTP响应报文。6.服务器将HTTP响应报文发送给浏览器。7.浏览器接收服务器响应的HTTP报文，并解析。8.浏览器解析HTML页面并展示，在解析HTML页面时遇...
2020-03-26 11:56:41
264
原创 Vue.set()，this.$set()与Vue.nextTick()
前言平时做项目时会经常对数组和对象进行数据更新操作，而有时数据并没有及时更新，这时我们会用Vue.set()和this.$set()以及Vue.nextTick()等方法让数据及时更新。Vue.set()，this.$set()<body> <div id="app"> obj:{{obj}} <ul> ...
2020-03-26 11:49:23
2658
原创 Vue生命周期
Vue生命周期：beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed
2020-03-09 10:04:10
106
原创 一元运算符++i与i++
操作符在变量前面，先进行自身运算，再进行其他运算操作符在变量后面，先进行其他运算，再进行自身运算var a = 1;// ++a后a=2，再加上a(此时a=2),即++a + a = 2 + 2 = 4，b的值为4。//然后再执行a++ = 2+1 = 3,a的值为3。var b = ++a + a++; console.log(b); //4console.log(a); //...
2020-03-07 16:39:46
365
原创 Vue父子组件的传值
子组件传给父组件将父组件的数据传递给子组件<div id="app"> <!-- 父传子（数据），通过v-bind: 可简写 : --> <com1 :parentmsg="msg"></com1></div><script> var vm = new Vue({ el: '#ap...
2020-01-14 17:42:29
227
原创 放入div中的图片不变形的解决方法
前言在DIV CSS布局中对于图片列表或图片排版时，图片不是固定宽度高度大小，但图片占位是固定宽度高度，这个时候如果使用CSS固定死图片大小（宽度 高度），这个时候如果图片相对于这个位置不是等比例大小，那么这张图片就会变形，让图片变的不清晰，这个时候想让图片不变形又按比例缩放，如何解决？CSS图片缩小不变形，图片自动缩小，图片按比例等比例缩小不变形解决。http://www.divcss5.c...
2019-12-11 11:38:30
2324
原创 element表格增加行，删除行
<template> <el-table :data="tableData" stripe style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column&g...
2019-11-26 14:04:30
1869
原创 JS字符串与数组的方法
字符串var s = "李静同学真棒！学的真棒";charAt() 找到对应下标的字符alert(s.charAt(3)); //学//找到对应下标字符，不兼容IE低版本alert(s[3]); //学 s[3] = "志";//不可更改charCodeAt() 获取对应下标的值的ANSI码值String.fromCharCode()获取ANSI码值对应的字符//用...
2019-11-26 13:59:03
745
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人