前端
runrun117
这个作者很懒,什么都没留下…
展开
-
ant design ant design Pro 中的table横向与纵向合并问题
ant design ant design Pro 中的table横向与纵向合并问题原创 2022-11-23 13:58:02 · 1174 阅读 · 1 评论 -
一维数组组装为树状图
通过js实现一维数组变化为树状图,提供三种方法原创 2022-10-17 18:16:38 · 341 阅读 · 0 评论 -
nginx静态文件权限控制-防盗链
nginx静态文件权限控制-防盗链原创 2022-10-10 15:02:16 · 2423 阅读 · 0 评论 -
react 使用npm构建 不支持ie问题的记录,ie报不支持contains
react 使用npm构建 不支持ie问题的记录,ie报不支持contains原创 2022-09-19 09:12:55 · 455 阅读 · 0 评论 -
npm start 报错 FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory
npm start报错原创 2022-09-17 09:28:17 · 528 阅读 · 0 评论 -
React Hooks函数useEffect实现生命周期函数
React Hooks函数useEffect实现生命周期函数原创 2022-09-02 15:33:18 · 963 阅读 · 0 评论 -
div antd table 隐藏内容显示更多
div块内展示的文字:width:10em;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;在antd table里展示内容原创 2022-06-16 14:18:45 · 386 阅读 · 0 评论 -
React 页面加载前的请求方式 useLayoutEffect useEffect
useLayoutEffect useEffect原创 2022-05-12 12:10:05 · 2330 阅读 · 0 评论 -
ProForm中各个fields使用ant design组件参数的方法
使用 “fieldProps”来配置form中原本的各个fields所使用的参数原创 2022-02-21 17:14:36 · 940 阅读 · 0 评论 -
div内文字居中 四件套
display: flex;//定义属性flex-direction: column; //竖向排列align-items: center; //上下居中justify-content: center; //左右居中原创 2022-02-07 11:06:48 · 275 阅读 · 0 评论 -
ant design Form与ProForm中的input与ProFormText
input与ProFormText输入默认值的时候,使用initialValue,而不是使用defaultXXX原创 2022-01-17 15:31:50 · 3136 阅读 · 0 评论 -
react ant design Table中的columns自定义渲染 循环渲染
react渲染内容原创 2021-11-22 16:38:47 · 3189 阅读 · 0 评论 -
umi 动态加载组件 dynamic 自定义loading图片
前端项目ant design 在加载单页应用的时候,要显示动态加载的loading图标。这使用使用dynamic来进行设置,设置方法有两种1、在配置文件中使用config.js dynamicImport: { loading: '@/components/PageLoading/index', },2、自己手写dynamic的组件官方文档:https://umijs.org/zh-CN/docs/load-on-demandimport { dynamic } from原创 2021-11-09 09:02:22 · 3683 阅读 · 2 评论 -
k8s 启动两个实例 replicas 启动 两个 容器
在项目的yaml文件中,其中的配置replicas表示部署k8s时使用的启动的容器数量原创 2021-11-09 08:55:45 · 690 阅读 · 0 评论 -
PC端、手机端在线预览文档组件react-file-viewer与npm构建内存溢出
用户上传文件后,pc端可以下载文件,但是手机端下载文件就很不方便,手机的端需要直接将附件查看,所以需要react-file-viewer这个npm包可以根据自己本地开发环境npm的配置通过命令,在自己的前端目录下进行安装npm installreact-file-viewer或者cnpm installreact-file-viewer在页面中直接引用使用import FileViewer from 'react-file-viewer';<FileViewer..原创 2021-10-15 15:01:59 · 1017 阅读 · 0 评论 -
npm执行报内存溢出,内存不够很使用
您需要增加节点允许的内存量。您可以通过以下方式在全局范围内执打开一个cmd窗口跑 setx NODE_OPTIONS --max_old_space_size=10240 针对本地调试使用。关闭所有cmd /代码编辑器重新打开cmd并再次运行节点命令(npm等)...原创 2021-10-14 08:50:57 · 1385 阅读 · 0 评论 -
React Ant design 中新开一个新的浏览器标签页window.open
window.open('新的标签页的内容')如果直接写www.baidu.com的话,会出错,会在原有的路由路径中拼接上新的url如果浏览器中url显示http://172.16.3.111:8000/chat/chatBot/index在使用window.open('www.baidu.com')后,新开的页面url为:http://172.16.3.111:8000/chat/chatBot/www.baidu.com这个显然不是想要的,需要使用在url中http的头所以需要.原创 2021-09-03 10:57:56 · 2053 阅读 · 0 评论 -
React AntDesign 渲染页面 加载对象 加载对象的对象 问题
再编写antDesign时,使用的函数的形式定义的页面const questionInfo = (props) => {}在初始化的同时,去请求的后端的接口数据,获取接口数据后,使用const [questionInfo, setQuestionInfo] = useState({});//详情信息将数据放到questionInfo对象里,在return函数中,使用questionInfo.属性名的方式来显示获取到的对象的数据。但是返回的数据对象的json格式是{ .原创 2021-08-19 19:19:10 · 589 阅读 · 0 评论 -
ProForm 验证码ProFormCaptcha timing控制
<ProFormCaptcha fieldProps={{ size: 'large', // prefix: <MailTwoTone className={styles.prefixIcon} />, }} captchaProps={{ size.原创 2021-08-10 14:24:43 · 2542 阅读 · 0 评论 -
ant design 设置网页的title
ant design 的页面都是用js编写,如何在页面标签页或者在接入微信的页面中,最上面显示网页名称,在ant design文件中直接使用,document.title = '标题名称';即可在浏览器标签页中设置名字。原创 2021-08-06 13:56:23 · 1239 阅读 · 0 评论 -
nginx location / 中的配置,关闭版本号
location = / { # 只匹配"/". [ configuration A ]}location / { # 匹配任何请求,因为所有请求都是以"/"开始 # 但是更长字符匹配或者正则表达式匹配会优先匹配 [ configuration B ]}关闭nginx错误页面版本号在http里配置server_tokens off;...原创 2021-08-03 14:17:27 · 1092 阅读 · 0 评论 -
ant design pro Public 目录内容存放路径
在nginx中的/usr/share/nginx/html原创 2021-07-26 19:06:07 · 1667 阅读 · 0 评论 -
ant design mobile listView 使用
ListView.DataSource 的使用https://cloud.tencent.com/developer/section/1373979https://mobile.ant.design/components/list-view-cn/原创 2021-07-15 11:36:43 · 614 阅读 · 0 评论 -
ant design 新建页面后路由跳转不生效解决方法
引入import {connect} from 'dva';在页面导出的时候使用export default connect(({ }) => ({}))(userStation)即可原创 2021-07-15 11:08:28 · 1222 阅读 · 0 评论 -
HTML ant design react 中页面元素高度的获取
网页正文全文高:document.body.scrollHeight网页可见区域高(包括边线的高):document.body.offsetHeight 当元素是inline时,值为0https://blog.csdn.net/qq_35430000/article/details/80277587原创 2021-07-15 11:06:19 · 714 阅读 · 0 评论 -
子div在父div中上下左右居中
在父div中使用align-items: center;子div使用text-align: center;原创 2021-06-28 16:11:56 · 356 阅读 · 0 评论 -
ant design 引入别人的代码的时候,全局样式被修改,阻止全局css污染的方法。
ant design 在任何地方引入样式的时候,只要classname与整个项目antd默认的类名一致的时候,就会覆盖整个项目的antd的默认样式。1、可以自己再编写less,重新定义改变的class样式,进行反覆盖。2、将引入别人的代码的css文件,或者less文件删除,就不会覆盖整个样式了...原创 2021-06-28 10:44:57 · 1546 阅读 · 0 评论 -
React AntDesign 聊天机器人 阿里ChatUI使用
使用阿里的antDesignPro开发了前端项目,现在根据需求进行了客户对话框的开发,找了三个组件。https://blog.csdn.net/yehuozhili/article/details/108552890https://fredrikoseberg.github.io/react-chatbot-kit-docs/#tutorials最后发现阿里开源的ChatUI组件好看,有“比较”前的组件文档。所以就开始根据ChatUI开发。当然以上才材料也有很多借鉴的地方,三个组件可以根据需求自原创 2021-06-25 17:08:06 · 8170 阅读 · 4 评论 -
react react-markdown ant design pro .md文件显示 显示本地图片
需要在antd的项目中显示操作手册,操作手册以.md文件形式展开,所有文件,照片全部保存在前端项目中。react-markdown使用原创 2021-06-18 16:43:29 · 1135 阅读 · 1 评论 -
修改ant design 默认css样式
在html查看器中找到要修改的div块儿中的class名称在antd项目的global中通过#root .class名称的方式 为css样式添加内容原创 2021-06-09 15:57:09 · 1917 阅读 · 0 评论 -
react 深度拷贝
let obj = {a: 1};//分配一个新地址给newObj let newObj = Object.assign({},obj);//赋值 newObj.a = 2; console.log('最终list===最终list===最终list===最终list===最终list===',obj.a); console.log('最终list===最终list===最终list===最终list===最终list=...原创 2021-06-07 15:38:54 · 784 阅读 · 0 评论 -
antd proform中的select(ProFormSelect)使用
<ProFormSelect label="角色可见范围" name="select2" mode="multiple" fieldProps={{ onChange:(val) => handleChang..原创 2021-06-07 15:13:28 · 15944 阅读 · 0 评论 -
ant desgin 获取官方组件中的元素长度
在antd的组件中加入id={}<ProTable id={"table"}在获取组件长度的时候,直接使用DOM进行获取原创 2021-06-02 12:26:42 · 762 阅读 · 0 评论 -
protable 的受控设置
1、设置state,设置要控制的字段名class的方式this.state ={ columnsStateMap : { workName: { show: false, // order: 1, }, }}函数的方式:const[columnsStateMap,setColumnsStateMap]=useState({workName:{...原创 2021-05-27 16:10:09 · 2347 阅读 · 0 评论 -
[BABEL] Note: The code generator has deoptimised the styling of .js as it exceeds the max of 500KB.
某个js文件(自己编写或者引用)的文件大小太大[BABEL] Note: The code generator has deoptimised the styling of xxxxxxx/typescript.js as it exceeds the max of 500KB.用到的一个js文件大约500kb报的错在项目根目录下新建.babelrc{ "compact": false, "presets": ["env", "react", "stage-0"], "plugi原创 2021-05-26 11:09:47 · 3844 阅读 · 0 评论 -
Promise 的使用,调用当前组件的this的时候的使用方法
const params = { operType:'3',//发布人改派 reason:sendDesc, sendStaff:this.state.selectChangeMan, workId:workId, attachFiles:attachFiles,};// console.log('最终提交的信息====',params);let component = this;//在promise中,this的含义已经改变,所以需要通过别名的方法将this.原创 2021-05-26 13:51:38 · 589 阅读 · 0 评论 -
React Windows对象操作函数
1、设置或获取整个 URL 为字符串window.location.href2、设置或获取 URL 的协议部分window.location.protocol3、设置或获取 URL 的主机和端口号window.location.host4、设置或获取与 URL 关联的端口号window.location.port5、设置或获取与 URL 的文件路径(就是文件地址)window.location.pathname6、设置或获取 href 属性中跟在问号后面的部分(搜索内原创 2021-05-24 14:18:26 · 1708 阅读 · 0 评论 -
react this.setState 可以进行state更新成功后,回调进行查看
this.setState(state => ({ hurryStaffList: state.hurryStaffList.set(item.title,'')}), () => { console.log('this.state.hurryStaffList===',this.state.hurryStaffList);});原创 2021-05-13 10:15:33 · 847 阅读 · 0 评论 -
react ant design pro slice函数
在antd 上传组件upload的应用const onChange = (info) => { if(info.file.originFileObj === undefined){//过滤后的文件,这个属性是空的,就是空的内容,所以直接略过 return; } setFileShowList(info.fileList.slice());//将此数据存到数组中用于显示 if (info.file.st...原创 2021-04-26 21:42:24 · 334 阅读 · 0 评论 -
localStorage中添加list对象信息
localStorage中不能直接放对象。必须将对象信息转换成json对象将其保存到localStorage中arr为对象数组localStorage.setItem('key',JSON.stringify(arr));//保存json形式console.log(localStorage('key');console.log(JSON.parse(localStorage.getItem('k'))) ;//解析的时候解析成对象形式...原创 2021-04-25 10:44:40 · 1029 阅读 · 0 评论