web_cgh的博客

antd4 Form表单验证的错误信息用Tooltip展示

web_cgh — Sun, 06 Nov 2022 16:46:38 +0800

react环境中，使用antd4 表单验证错误信息，用tooltip展示。form tooltip validator validateTrigger

canvas转图片，print-js实现打印

web_cgh — Sun, 07 Aug 2022 22:42:32 +0800

canvas转图片，print-js实现打印

react antd根据json数据自动生成表单

web_cgh — Sun, 17 Jul 2022 23:01:34 +0800

react antd根据json数据自动生成表单

react antd 表格头固定

web_cgh — Sat, 09 Jul 2022 13:25:55 +0800

react中，使用antd布局table，使table头部固定不动。

antd rowSpan合并单元格

web_cgh — Sat, 02 Jul 2022 16:49:00 +0800

react中，使用antd实现表格布局，实现单元格合并rowSpan，colSpan。

react,form表单的封装

web_cgh — Sat, 18 Jun 2022 23:40:00 +0800

封装表单数据

react中，ant design中双击事件触发单击事件解决办法

web_cgh — Sat, 18 Jun 2022 23:31:11 +0800

onClick，onDoubleClick

码云项目存储地址变更

web_cgh — Wed, 23 Oct 2019 16:44:47 +0800

管理项目地址变了，需要重新关联才能执行push和pull操作，具体操作步骤如下 1、查看管理地址： gitremote 2、删除旧的关联： gitremoteremoveorigin 3、关联新的地址： gitremoteaddorigin仓库地址如： gitremoteaddoriginhttps://gitee.com/demo/demo.git ......

draft-editor实现粘贴上传图片

web_cgh — Fri, 30 Aug 2019 08:54:26 +0800

1、braft-editor中实现粘贴实现路径上传，需要编辑媒体的功能的上传，就行了。 myUploadFn = (param) => { console.log(param); const serverURL = `${config.baseUrl}api/AdminSite/Article/UploadImage`; //上传的路径 ...

弹幕

web_cgh — Wed, 28 Aug 2019 17:45:23 +0800

// 弹幕方法 import icon3 from "../../img/barrage/3@2x.png"; let barrageArr = [icon3, icon4, icon5, icon6, icon7, icon8, icon9, icon10, icon11, icon12, icon13, icon14, icon15, icon16, icon17]; let isS...

textarea自动根据内容变化高度

web_cgh — Thu, 22 Aug 2019 20:51:52 +0800

<article>
<h1>console的使用</h1>
<p>web_cgh — Thu, 22 Aug 2019 20:42:53 +0800</p>
// console.table(nary);
// console.table(devices);
// console.dir(devices);
// console.assert(true,devices);
// console.assert(false,devices);
// console.count('运行次数:');
// console.trace('我被调用了');
//...
</article>
<article>
<h1>react-cropper截取图片</h1>
<p>web_cgh — Thu, 22 Aug 2019 20:39:26 +0800</p>
1、CropperCpn.js

import React, {Component} from 'react';
import {Modal, Button} from 'antd';
import Cropper from 'react-cropper';
import 'cropperjs/dist/cropper.css';

export default class CropperCp...
</article>
<article>
<h1>braft-editor富文本编辑器</h1>
<p>web_cgh — Wed, 21 Aug 2019 11:48:27 +0800</p>
import 'braft-editor/dist/index.css'
import BraftEditor from 'braft-editor'
import {ContentUtils} from 'braft-utils'
import React, {Component, Fragment} from 'react';
// 定义输入转换函数
const unitImportFn =...
</article>
<article>
<h1>封装axios请求的函数</h1>
<p>web_cgh — Wed, 21 Aug 2019 11:33:53 +0800</p>
import axios from "axios";
import config from "../config/config";

export default function axiosHttp(api, params, methods = "POST",url=false) {
    var authorization = window.sessionStorage.getItem("...
</article>
<article>
<h1>less公共方法</h1>
<p>web_cgh — Wed, 21 Aug 2019 11:28:07 +0800</p>
/** 常用色值 **/
@c_primary: #c7ad7b;
@c_fff: #fff;
@c_ccc: #ccc;
@c_999: #999;

@c_666: #666;
@c_000: #000000;
@c_dfdfdf: #DFDFDF;
@c_eee: #EEE;
@c_ddd: #ddd;
@c_bbb: #bbb;
@c_e8e8e8: #E8E8E8;
@c_d9d9d...
</article>
<article>
<h1>scroll事件</h1>
<p>web_cgh — Wed, 21 Aug 2019 11:25:40 +0800</p>
1、监听滚动事件
 window.addEventListener('scroll', commonHeadScroll)

2、滚动函数

commonHeadScroll = () => {
        if (this.timer) {
            clearTimeout(this.timer);
        }
        this.timer ...
</article>
<article>
<h1>autoresponsive-react实现瀑布流</h1>
<p>web_cgh — Wed, 21 Aug 2019 11:19:51 +0800</p>
import AutoResponsive from "autoresponsive-react";
   componentDidMount() {
        this.setState({
            containerWidth: (document.body.clientWidth || document.documentElement.clientWidth) - 3...
</article>
<article>
<h1>moment使用总结</h1>
<p>web_cgh — Wed, 21 Aug 2019 11:13:24 +0800</p>
import moment from "moment";
1、时间撮timer
 moment(timer).format('YYYY-MM-DD h:mm:ss')
2、返回前一个的时间
moment().subtract(1, "months")
2、返回当前时间
moment()

</article>
</main></body></html>