自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(56)
  • 收藏
  • 关注

原创 js脚本快捷将时间戳转换为yyyy-MM-dd hh:mm:ss

特殊转换,低代码表格的自定义渲染(text, record, index, $material, $lightCode, $antd) =>{ const newDate = new Date(text).toJSON(); return <div>{text?new Date(+new Date(newDate) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, ''):''}&l

2024-04-18 15:02:15 337

原创 多种方式获取当前页面地址中的参数

【代码】多种方式获取当前页面地址中的参数。

2024-04-01 10:29:11 114 2

原创 js 对于一些脚本中对于url的一些参数获取

【代码】js 对于一些脚本中对于url的一些参数获取。

2024-01-05 15:08:51 465

原创 js 递归将对象内所有值为undefined修改为空字符串

【代码】js 递归将对象内所有值为undefined修改为空字符串。

2023-10-08 16:41:36 349

原创 去除前后空格withTrim的组件封装

【代码】去除前后空格withTrim的组件封装。

2023-08-18 16:35:24 228

原创 antd 4 表格加scrolly 并且加fixed后错位

right: 0!important;

2023-05-17 15:22:53 385

原创 js - iframe更改src后,浏览器后退只能后退iframe,不能使父页面后退解决办法

巧用key特性,在虚拟dom的diff算法中,key有着超高的地位,如果同一类型的虚拟节点的key不相同,就会直接销毁重新挂载,而没有key区分时就会尽可能的复用打补丁(patch)。根据这个特性,只需在iframe上增加不同的key即可,本人直接使用的src。找到原因后,第一想法就是直接整个替换iframe,于是单独写了一个renderIframe的方法,每次生成一个新的iframe,然而事与愿违。此时就产生了一个奇怪的现象:点击回退按钮,iframe出现了后退,而父页面没有回退。

2023-05-05 18:19:43 1276

原创 iframe 嵌套时 关注子项目的一些环境问题

iframe

2023-04-25 16:32:50 119

原创 react的路由拦截,类似(beforeRouteLeave)

react的路由拦截,类似(beforeRouteLeave)

2023-03-22 17:10:01 606

原创 new Date()生成 年月日的简易方法

js new Date转换时间格式

2023-03-02 16:44:21 3571

原创 关于axios 传递参数,后台java spring框架识别出问题的方案

关于axios 传递参数,后台java spring框架识别出问题的方案

2023-02-02 15:14:07 137

原创 antd form-item的手动对齐百分比样式

antd form-item的手动对齐百分比样式

2022-12-26 11:07:30 1165

原创 字符串函数转换执行

字符串函数转换执行

2022-12-21 18:00:15 205

原创 antd table组件 鼠标划过异步调取接口,展示信息

antd table组件 鼠标划过异步调取接口,展示信息

2022-11-08 16:10:20 494

原创 vue、react中切换语言,界面刷新内容空白问题

vue、react中切换语言,界面刷新内容空白问题

2022-11-04 15:02:07 660

原创 react 通过导入(import)指令引入其他样式表的内容 。

react 通过导入(import)指令引入其他样式表的内容

2022-11-02 16:32:45 275

原创 react hooks中封装一个可配置性的全局导入echarts组件

hooks 中使用echarts

2022-10-31 10:13:36 493

原创 优化js高频判断,提高可读性,摘要

js的一些if else 等数组的高频优化

2022-10-24 15:54:05 207

原创 叮,打个卡,国庆快乐

放假

2022-10-01 09:21:07 123

原创 react hooks 中监听当前页面的路由变化

react hooks 中监听当前页面的路由变化

2022-09-16 18:41:32 1961

原创 react antd 有多列复选框 checkbox

react antd 有多列复选框 checkbox

2022-09-09 10:42:22 1292

原创 Failed to execute ‘removeChild‘ on ‘Node‘: The node to be removed is not a child of this node.

Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node

2022-08-24 14:39:27 2484

原创 我的创作纪念日

周年

2022-08-20 21:42:23 106 1

原创 i18next 插槽颜色标记

i18next 插槽颜色标记

2022-08-10 19:46:47 402

原创 css 处理换行问题

css 处理纯英文、汉字换行问题

2022-08-10 15:27:04 299

原创 react antd message全局样式修改

react antd message全局样式修改。

2022-08-09 17:08:26 1875

转载 vue使用vue-okr-tree实现组织架构树组件

vue-okr-tree

2022-07-28 16:44:30 3614 6

原创 css 带倒三角的浮框样式

css 带倒三角的浮框

2022-07-14 16:08:19 375

原创 react i18next异步加载语言包,调取后端接口

i18next react 异步加载语言包示例

2022-06-24 21:24:26 2027

原创 react的hooks 中使用 redux,及react-redux

页面引入redux首先创建store.ts。此处主要用于仓库的入口,redux-thunk处理异步函数!import { createStore, applyMiddleware } from 'redux';import rootReducer from './reducers';import thunk from 'redux-thunk';export default createStore( rootReducer, applyMiddleware(thunk));redux

2022-05-20 17:23:04 803

原创 Vscode 默认的一些快捷键及一些辅助插件

vscode上面一些默认的快捷键逐次移动 ctrl + 方向逐次删除 ctrl + delete逐次选择 ctrl + shift +方向选择一行 ctrl + shift +home选择同样 ctrl + d选择区块 alt + shift + 右辅助插件htmltagwraphtmltagwrap 快捷键支持:alt +w 选择区域,增加父标签 默认p类似于 <span>测试</span>引用完插件后<p>

2022-04-13 17:19:45 359

原创 less 、scss、sass 导入问题

使用 @import “路径导入”直接导入时会有问题@import "./public/base.less"因为编译问题,这样导入后会阻塞代码的运行,浏览器会抛出异常一定要切记后面的分号@import "./public/base.less"; //分号切记添加上 此模块完全引入...

2022-03-18 21:23:26 182

原创 react start 控制台日志优化

react 17版本 start后控制台有打印日志信息

2022-03-18 16:51:08 856 1

原创 font-awesome vue/react 通用的图标库

Font Awesome一套绝佳的图标字体库和CSS框架vue 中引入font-awesome直接引入npm install font-awesome --save就可以了,里面包含样式和字体,直接引入样式就可以了入口js中引入import 'font-awesome/css/font-awesome.min.css' 就可以使用了<i class="fa fa-camera-retro"></i>react 中引入font-awesomelinknpm in

2022-03-15 18:07:39 842

原创 前端鉴权 cookie、session、token、jwt、单点登录

前端鉴权 cookie、session、token、jwt、单点登录前言cookie「配置:Domain / Path」「配置:Expires / Max-Age」「配置:Secure / HttpOnly」「HTTP 头对 cookie 的读写」「前端对 cookie 的读写」服务端 session「Session 的存储方式」「Session 的过期和销毁」「Session 的分布式问题」「node.js 下的 session 处理」token「客户端 token 的存储方式」「token 的过期」to

2022-01-18 10:11:20 416

原创 JSON.stringify克隆遇见数据值undefined的那些事

JSON.stringify克隆遇见数据值undefined的那些事参照于大千世界,地址忘记了大致问题我们需要将正常的值显示为空出来解决一解决二参照于大千世界,地址忘记了大致问题// 默认情况下数据是这样的let signInfo = [ { fieldId: 539, value: undefined }, { fieldId: 540, value: undefined }, { fieldId: 546, value: und

2021-12-22 10:00:05 1187

原创 react antd tableForm表格表单校验重叠处理

react antd tableForm表格表单校验重叠处理

2021-12-03 14:13:08 1101

原创 vue 表单对公共的rules抽离

vue 表单对公共的rules抽离前言解决方案废话不多说,上干货这里是公共的配置文件引入对应的文件父组件中使用(重要)前言 对于维护项目而言,我们在做后期的优化,与新增需求的同时,表单的校验最为繁琐,重复性的编写相同code带来极大的成本,难阅读,下来尽心抽离配置化解决方案对于表单的校验规则进行模块化封装,并且优化精简代码废话不多说,上干货我这里不写那些比较繁琐的,直接抒写优化后的代码这里是公共的配置文件 let FormValidate = (function () { // esl

2021-11-12 16:07:47 934

原创 react antd中模态框自定义按钮踩坑

@[TOC] antd中模态框自定义按钮上代码<Modal title="Basic Modal" visible={this.state.visible} footer ={[ <div className="btn" key="submit"> //这个key值 必须填 不然会引起非必要的冲突 <Button onClick={this.handleO

2021-11-11 19:19:47 1231

原创 vue子组件修改父组件v-modal传递回来的值

vue子组件修改父组件v-modal传递回来的值场景解决父组件子组件场景有时候需要将一些组件参数配置化,那些就需要抽离,那些vue 是单向数据流,子组件是不允许直接修改父组件的值,除去一些自定义配置化属性的修改,可以采用默认配置,解决代码解决会有一种默认的隐藏传递:那就是如果父组件传递的是带有v-modal值的,那么vue是自带了一个隐藏的属性 this.$emit(‘input’,val)父组件 <template> <div> 父组件 {{data

2021-11-11 16:40:41 998

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除