- 博客(18)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 Ant Design Pro --------------- ProTable高级表格细节用法（持续更新中...）
热门用法参考官方文档：https://procomponents.ant.design/components/table一、菜单栏有些时候菜单栏不需要那么多，而不对菜单栏进行设置就会默认全部显示。所以需要删除一些。默认全为true,如果不要就设置为false即可。例如不要刷新： <ProTable options={{ reload: false }} />例如全不要： <ProTable options={false .
2021-01-07 17:53:52
12559
2
原创 常用Git命令（持续更新中）
此时在当前分支产生一个新的提交，新提交代码的哈希值会和之前的不一样。临时保存您尚未准备好提交的更改，允许您切换分支或处理其他任务，而无需提交未完成的工作。-am标志不仅允许我们暂存这些更改，还允许我们在一个有效的操作中提交这些更改。想在某个稳定版本上，添加一个刚开发完成的版本中的功能。在某些情形下 不想提交过多过散，但上一个提交已经提交，可以使用。选项用于强制删除，这将删除分支，而不管它是否完全合并。要在我们的分支中重新应用隐藏的更改，您可以使用。创建一个新的分支，还可以立即将您切换到该分支。
2023-11-23 11:09:59
431
转载 React-Router --------- react-router-dom v6新特性使用
1.安装依赖npm i react-router-dom2.引入实现路由所需的组件，以及页面组件import { BrowserRouter, Routes, Route } from 'react-router-dom';import Foo from './Foo';import Bar from './Bar';function App(){ return ( <BrowserRouter> <Routes>
2022-01-26 16:50:38
1014
原创 React Hooks + TypeScript + Ant Design -------------表单动态增减实现
官方地址：https://ant.design/components/form-cn/#components-form-demo-dynamic-form-item基础Demoimport { Form, Input, Button, Space } from 'antd';import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';const Demo = () => { const onFinish .
2021-08-12 11:03:10
680
原创 React Hooks + Umi Hooks + Ant Design Pro -------- 实时请求数据，监测到数据改变就局部刷新表格
1.前期准备必要条件1：首先得有一个高级表格，没有自己就去官方文档找一个必要条件2：高级表格获取数据源方式为request必要条件3：有umi的包 能用useRequest(setTimeout应该也可以但操作应该不一样)原因：我用的这个2.实现1.定义两个状态params用来装局部刷新的请求数据compareData用来装最近两次请求回来的数据 const [params, setParams] = useState<any>({}); const [compareDa
2021-01-20 16:26:56
1402
2
原创 React Hooks + TypeScript + Ant Design -------------图片上传（手动）
1.引入组件这里用的组件的可拖入上传的 import { Upload, message, Modal, Button } from "antd"; const { Dragger } = Upload;2.定义好放须上传图片的约束接口interface IUploadType { fileList: RcFile[]; uploading: boolean;}其中RcFile 为upload组件自带约束，引入即可import { RcFile } from "antd/lib/
2021-01-19 12:03:04
1230
原创 React Hooks + AntV(G2/G2Plot) ----------- 多种实现分组柱状图的方法（包括Ant Design Charts）
一、AntV的g2plot分组柱状图优点：用处更广泛，用法更简单缺点：tiptop以一组的形式展示（不影响使用）效果图：数据:数据源格式为一个数组对象const data = [ { name: 'London', 月份: 'Jan.', 月均降雨量: 18.9, }, { name: 'London', 月份: 'Feb.', 月均降雨量: 28.8, }, { name: 'London', 月份: '
2021-01-19 11:28:05
6634
1
原创 数组、对象基本操作 ------------- 判空、去空值、是否包含某值、获取属性值、删除属性等
数组：1.判空：（1）.arr.length let arr = []; if (arr.length === 0){ console.log("数组为空") }else { console.log("数组不为空") }（2）.将json对象转化为json字符串，再判断该字符串是否为"[]" let obj = []; console.log(JSON.stringify(obj) === '[]') //true(3).通过d
2021-01-11 14:39:48
983
原创 React Hooks-----------Form中有自定义组件后getFieldsValue onFinish获取数据undefined
已知对于自定义或第三方的表单控件，也可以与 Form 组件一起使用。只要该组件遵循以下的约定：（1）提供受控属性 value 或其它与 valuePropName 的值同名的属性。（2）提供 onChange 事件或 trigger 的值同名的事件。（3）不能是函数式组件。问题但是React Hooks就是函数式组件，在进行表单提交时自定义组件中的值就不能被获取。如下图全为undefined用法父组件 const [form] = Form.useForm(); const {
2021-01-06 17:45:18
3386
原创 Dva + TypeScript + Redux -------------状态管理库的使用
1.约束store库，框定结构及属性名```javascriptexport interface ICurrentUser { character: string[]; name: string; phone: string; user_id: number;} export interface UserModelState { currentUser: ICurrentUser;}export interface UserModelType { namespace:
2021-01-05 18:28:54
675
原创 Umi Hooks------------useRequest的使用
useRequest作用：管理异步数据请求普通请求const { data, run, loading } = useRequest(getUsername, {manual: true})run : 手动触发data : 返回的数据loading ：加载状态manual：直接更新datacancel ：取消当前请求，如果有轮询，停止轮询 const { data, loading, run, cancel } = useRequest(getUsername, { poll
2021-01-05 17:17:31
5483
4
原创 React Hooks-----------useState、useEffect的使用
useState使用：定义const [num, updateNum] = useState(0);即：const [状态，改变状态的方法] = useState(‘初始值’)使用function increment() {updateNum(num + 1);}<p onClick={increment}>{num}</p>;即改变点击一次num加一useEffect使用：useEffect(callback, array)参数callback：
2021-01-05 10:39:50
205
1
原创 数组及数组对象操作 ----------包括排序，去重，合并，翻转等
1.数组对象根据某一属性值排序 let arr=[ {id:4,name:大大},{id:1,name:轻轻},{id:2,name:文文},] function sortRule(a,b) { return a.id-b.id; } arr.sort(sortRule);//直接改变原数组2.数组去重let arr = [1,0,0,2,9,8,3,1]; function unique(arr) {
2020-11-05 13:28:25
307
1
原创 原生JavaScript -----------学习小结
基本数据类型：数字：numbervar num1=123//================//var num1;num1=123;字符串：string“” ‘’:嵌套时交叉用es6:模板字符串var str=“我是文字”//"" ‘’布尔：booleanvar bool = true;var bool1 = false;空对象：nullvar null1 = null未定义：undefinedvar num1;console.log(num1)//控制台输出引用数
2020-09-28 16:16:41
126
原创 数据库 mysql基本操作
1）创建数据库(一步步运行，先运行创建，再使用，再创建表)– sql 语句– create database demo231 – 创建数据库USE demo231 – 使用数据库– sql语句– create table 表名称(– 列名 列的数据类型– 列名 列的数据类型– )CREATE TABLE t_student(s_id INT,s_name VARCHAR(10), – char(10) 区别：var 根据内容占字节 char永远10个字节s_sex VARCH
2020-09-28 14:09:11
297
1
原创 css基础笔记2-------选择器及交互
隐藏方式：溢出隐藏：overflow: hidden; 不占位置是否可见：visibility: hidden; 占位置消失：display: none; 不占位置透明度：opacity：0；（0-1 ）占位置定位当页面上发生重叠时相对：relative 不脱离文档流 可重叠别人绝对：absolute 脱离文档流固定：fixed 脱离文档流默认;static 只是属性没有实际意义相对：relative 不脱离文档流 可重叠别人position: relative;left:
2020-08-04 16:07:01
238
2
原创 Html+Css实训总结-------bug收集
一、圆角按钮button点击后出现矩形框线错误示例解决方式：{outline：none}解决之后的正确示例二：图标引用方法混乱方法1 @font-face { font-family: ccy; src: url("../font/fontAbout/iconfont.woff"); src: url("../font/fontAbout/iconfont.ttf");}span{ font-family:ccy}<span>&am
2020-08-04 15:55:30
1318
form.html（表单练习）
2020-07-22
Lime.html（html简单练习2）
2020-07-21
YongQi.html（html简单练习1）
2020-07-21
table.html（html表格练习）
2020-07-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人