记录
早点睡觉不要熬夜!
这个作者很懒,什么都没留下…
展开
-
ai-5: 实现通知消息功能 未处理消息-图标出现红点提示,已处理消息-调接口自动删除,定时器刷新数据
尽可能减少变量数-变量名规范命名不传递不必要的参数减少函数量和代码行数//通过 getSeeData 方法的参数(isReset) 决定是否执行setEndCount const getSeeData = (isReset) => { isReset && setEndCount(COUNT) if (tabKey === '1') { setSeeData(notifyData.slice(0, isReset ? COUNT : endCount原创 2021-12-27 10:09:27 · 362 阅读 · 0 评论 -
Antd-table组件+Select组件+Form组件 小知识
table组件-columns常用属性dataIndex – 列数据在数据项中对应的路径,支持通过数组查询嵌套路径key --React 需要的 key,如果已经设置了唯一的 dataIndex,可以忽略这个属性ellipsis --超过宽度将自动省略,暂不支持和排序筛选一起使用。render --生成复杂数据的渲染函数,参数分别为当前行的值,当前行数据,行索引,//return 里面可以设置表格行/列合并 function(text, record, index) {} render原创 2021-12-10 15:29:45 · 2309 阅读 · 0 评论 -
ai-4:页面展示接口数据,隐藏弹框,并具有增删改查功能(react)
开发中遇到的问题与解决方法:异步解法1:useEffect监听变量,触发相应操作解法2:Promise对象管理异步任务一个 Promise 对象代表一个在这个 promise被创建出来时不一定已知的值。它让您能够把异步操作最终的成功返回值或者失败原因和相应的处理程序关联起来。这样使得异步方法可以像同步方法那样返回值:异步方法并不会立即返回最终的值,而是会返回一个 promise,以便在未来某个时候把值交给使用者。一个 Promise 必然处于以下几种状态之一:待定(pending): 初原创 2021-12-10 14:21:05 · 678 阅读 · 0 评论 -
ai-3:原生js实现时光轴,jquery-ajax调接口(本地文件用open with live server)
html文件<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <link rel="stylesheet" type="text/css" href="./test.css" /> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>原创 2021-11-23 09:52:32 · 592 阅读 · 0 评论 -
ai-2:react+antd使用心得
1.对折线图的数据做平滑处理等可以对<Line/>组件里的数据修改配置,比如<Line {...getChartsConfig(传入参数)} />export const getChartsConfig = (data, xField, yField, seriesField): LineConfig => { return { data, xField, yField, seriesField, legend: { posi原创 2021-11-23 10:22:44 · 593 阅读 · 0 评论 -
ai1:react实现todoList
效果如下:添加按钮-弹出添加任务清除按钮-清除所有的已完成和未完成事项删除按钮-删除选中事项完成按钮-把选中事项变成完成状态所有的按钮都做了选中校验接下来上代码import React, { useState } from 'react';import { Checkbox, Button, Input, Space, message, Card, Divider } from 'antd';const { TextArea } = Input;export default fu原创 2021-11-23 11:03:03 · 674 阅读 · 0 评论