摘要: 传入数据需要通过参数传递 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(51) 评论(0) 推荐(0)
摘要: //useSelecttor加载state中所有的数据 存储数据中存在的所有值 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(35) 评论(0) 推荐(0)
摘要: 创建切片 切片对象 导出数据 单个reduccer 多个reducer 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(41) 评论(0) 推荐(0)
摘要: redux常规数据的操作存在的问题 redux的工具包 简化操作的 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(37) 评论(0) 推荐(0)
摘要: 增加加的数据不一定 直接通过参数传递 传入对象的一个数据格式 对象增加更多属性 redux的最初形态 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(25) 评论(0) 推荐(0)
摘要: 第一步 创建函数 第二步 设置初始值 第三布 直接赋值 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(34) 评论(0) 推荐(0)
摘要: 原生点击实现加减过于繁琐 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(22) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(21) 评论(0) 推荐(0)
摘要: 修改数据和新增数据直接做判断 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(35) 评论(0) 推荐(0)
摘要: 新增数据 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(28) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(48) 评论(0) 推荐(0)
摘要: 参数作为钩子传进去 参数作为数据传进来 删除请求 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(30) 评论(0) 推荐(0)
摘要: 捕捉异常的时候数据代码格式类似 使用数据 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(33) 评论(0) 推荐(0)
摘要: 数据添加 添加数据 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(31) 评论(0) 推荐(0)
摘要: 删除数据 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(29) 评论(0) 推荐(0)
摘要: 删除数据 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(27) 评论(0) 推荐(0)
摘要: 使用await 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(132) 评论(0) 推荐(0)
摘要: 处理数据错误的情况 catch中的函数 统一处理错误 直接捕捉数据错误对象 设置错误状态 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(33) 评论(0) 推荐(0)
摘要: 设置数据加载的提示 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(37) 评论(0) 推荐(0)
摘要: <img className='imgData' src={`data:image/jpeg;base64,${item?.base64}`}></img> 前缀要加data:image/jpeg;base64 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(22) 评论(0) 推荐(0)
摘要: 使用fetch发送请求 数据获取 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(31) 评论(0) 推荐(0)
摘要: 数据渲染 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(51) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(31) 评论(0) 推荐(0)
摘要: 定义不同的类型 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(51) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(40) 评论(0) 推荐(0)
摘要: 不用usecallback实现了效果 只会在初始化创建一次 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(33) 评论(0) 推荐(0)
摘要: 直接定义一个usecallback的函数进行渲染 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(35) 评论(0) 推荐(0)
摘要: 子组件没有改变 没有必要重新渲染 数据渲染 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(94) 评论(0) 推荐(0)
摘要: state为空 数据展示 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(25) 评论(0) 推荐(0)
摘要: 修改方案 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(25) 评论(0) 推荐(0)
摘要: 前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 需求分析 在前端项目中 最常见得是可以增加多个表 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(137) 评论(0) 推荐(0)
摘要: 修改为switch判断 不同方法传递 数据调用不同 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(32) 评论(0) 推荐(0)
摘要: 根据当前值增加新值 实现+-操作 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(21) 评论(0) 推荐(0)
摘要: import JsPDF from 'jspdf'; const handlePrint = (id: any, isPrint: any) => { const dom: HTMLElement | null = document.getElementById(id); // let target 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(163) 评论(0) 推荐(0)
摘要: 有时候getlist要查精确,所以like和eq我加到变量里面了 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(27) 评论(0) 推荐(0)
摘要: const handleData = (value: any) => { console.log(value,"value") let arr1: any = [] // arr = subList arr1=subList.filter((item: any, index: any) => { r 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(27) 评论(0) 推荐(0)
摘要: 只要页面上显示的原始数据,然后又被改了,那除非重新拿一次原始数据,不然就改了一次就永远回不来了 反正核心就是声明一个新变量专门用来显示,原数组保留 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(37) 评论(0) 推荐(0)
摘要: import html2canvas from "html2canvas"; 打印 //级联选择框选择事件 export function printData(id: any){ // 定义打印方法 // 先用html2canvas将页面整个转为一张截图,再打印,防止出现echarts无法打印 co 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(231) 评论(0) 推荐(0)
摘要: 子传父传值 {headTitle && headTitle.map((item, index) => ( <div key={item.id} onClick={() => handleClick(item.id)} className='headTitle'>{item.name}</div> ) 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(21) 评论(0) 推荐(0)
摘要: 第一步 找出路由中得指定id useEffect(() => { let url:any= [] props.subList.map((item: any) => { item.children.map((item1: any) => { if (item1.path == pathname) { 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(36) 评论(0) 推荐(0)
摘要: //数组按照某字段去重排序 export function filterData(arr: any, flag: any) { console.log(arr,flag) let objList:any = [] let filterList:any = [] arr.forEach((item:a 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(22) 评论(0) 推荐(0)
摘要: 直接设置 scroll={{ x: 1000 }} 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(26) 评论(0) 推荐(0)
摘要: <BasicTable data={menuData} onChange={onTableChange} loading={loading} scroll={{ x: 2000 }}> 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(33) 评论(0) 推荐(0)
摘要: <Table.Column<Menu> width={170} align="center" fixed={"right"} title="操作" render={(text, record, index) => ( <MenuButton index={index} record={record} 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(37) 评论(0) 推荐(0)
摘要: // FormLayout const formItemLayout = { labelCol: { xs: { span: 6 }, sm: { span: 6 }, }, wrapperCol: { xs: { span: 14 }, sm: { span: 14 }, }, }; const 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(64) 评论(0) 推荐(0)
摘要: const onOk = (() => { console.log(dataParams, "dataParams") if(fileLoading){ cutSchemeListAdd(dataParams) .unwrap() .then((response: any) => { if (res 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(47) 评论(0) 推荐(0)
摘要: <Table.Column<Menu> width="100px" title="生产单号" dataIndex="code" align="center"></Table.Column> <Table.Column<Menu> width="100px" title="订单编号" dataInde 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(31) 评论(0) 推荐(0)
摘要: render: (value, record, index) => { // 处理列,相同数据则合并 // 处理rowSpan const obj = { children: value, props: { rowSpan: 1 }, }; // 当检索到相同数据则返回 那条数据 let arr = 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(68) 评论(0) 推荐(0)
摘要: import React, { useState, useEffect, useCallback, memo } from 'react'; import {Modal, Input, message, Form, Calendar} from 'antd'; import {useHolidayD 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(65) 评论(0) 推荐(0)
摘要: 第一种打印方式 window.document.body.innerHTML = window.document.getElementById('print')!.innerHTML; window.print(); window.location.reload(); 直接根据dom节点打印 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(34) 评论(0) 推荐(0)
摘要: 设置页面的样式 onRow={ (record)=>{ return { onClick:()=>{ holidayIdRef.current = record.id setHolidayId(holidayIdRef.current); loadDetailList(record.id) }, o 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(41) 评论(0) 推荐(0)
摘要: message.success("登陆成功",1); 第二个参数为秒数 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(28) 评论(0) 推荐(0)
摘要: <Table onRow={record => { return { onClick: event => {}, // 点击行 onDoubleClick: event => {}, onContextMenu: event => {}, onMouseEnter: event => {}, // 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(62) 评论(0) 推荐(0)
摘要: const handleChange: UploadProps['onChange'] = info => { setFileList(info.fileList.slice(-1)); }; slice对数组裁剪 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(38) 评论(0) 推荐(0)
摘要: 解决购物车中得数量为0 就要进行清空 数量为0得时候就对数据进行清空 修改state就会重新渲染 以下代码不能重新书写 阅读全文
posted @ 2022-10-26 22:32 前端导师歌谣 阅读(35) 评论(0) 推荐(0)
摘要: 只有卡片样式的页签支持新增和关闭选项。使用 closable={false} 禁止关闭。 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(185) 评论(0) 推荐(0)
摘要: <Tabs hideAdd onTabClick={makeStyle} activeKey={getStyle} type="editable-card" // onEdit={onEdit} > {styleList2 && styleList2.map(pane => ( <TabPane t 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(40) 评论(0) 推荐(0)
摘要: <Dragger > <p className="ant-upload-drag-icon"> <UploadOutlined /> </p> <p className="ant-upload-text">单击或者拖拽到该区域进行表格导入</p> <p className="ant-upload-h 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(62) 评论(0) 推荐(0)
摘要: app.vue绑定store 接口调用 返回一个数据对象 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(21) 评论(0) 推荐(0)
摘要: 创建一个中间件 使得缓存生效 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(21) 评论(0) 推荐(0)
摘要: 数据传递 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(20) 评论(0) 推荐(0)
摘要: 需要一个配置对象作为参数作为配置信息 指定查询的基础信息 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(40) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(23) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(27) 评论(0) 推荐(0)
摘要: 生成两个切片 修改学校的数据 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(32) 评论(0) 推荐(0)
摘要: 生成两个切片 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(30) 评论(0) 推荐(0)
摘要: 创建学校的slice切片对象 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(38) 评论(0) 推荐(0)
摘要: box-sizing: content-box;/*盒子宽度=CSS中设置的width+border+padding*/ box-sizing: border-box;/*盒子的宽度=css中设置的width*/ 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(42) 评论(0) 推荐(0)
摘要: function sortData(list) { let result = [] const colorGroup = {} for (const item of list) { if (!colorGroup[item.color]) { colorGroup[item.color] = [] 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(48) 评论(0) 推荐(0)
摘要: import React, { useState, useEffect, useCallback, memo } from 'react'; import { Menu } from './service'; import { Select, Table, Button, Modal, messag 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(48) 评论(0) 推荐(0)
摘要: const getStatus = (status: any) => { let obj:any = { '1':'通过', '-1':'驳回', '0':'待审核' } return obj[status] }; render={(text)=>{ return getStatus(text) } 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(27) 评论(0) 推荐(0)
摘要: <div id='customers'> <div> <span>日期</span>:<span>{item?.date}</span> </div> <div> <span>制单</span>:<span>{item?.manufactureCode}</span> </div> <div> <s 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(41) 评论(0) 推荐(0)
摘要: /** * 所有正则校验都写到这里 */ // 手机号 const isPhone = /^1[3-9]\d{9}$/; // const isPhone = /(\d{3}-|\d{4}-)?(\d{8}|\d{7})?/; // 邮箱 const isEmail = /^([A-Za-z0-9_ 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(28) 评论(0) 推荐(0)
摘要: //返回从当前数据重复标识的数据长度 export function filterNumData(obj:any,arr: any,record:any,index:number,flag: any) { let length:number = 0 if(arr.length>0){ for(let 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(30) 评论(0) 推荐(0)
摘要: import axios from "axios" import {getToken} from "@/utils/auth"; import { BaseUrl } from "../commomutils/baseUrl"; export const uploadFile = (url:stri 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(38) 评论(0) 推荐(0)
摘要: 多加一行 try_files $uri $uri/ /index.html 配置即可 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(16) 评论(0) 推荐(0)
摘要: 传值数据对象 修改数据 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(20) 评论(0) 推荐(0)
摘要: import axios from "axios" import {getToken} from "@/utils/auth"; import { BaseUrl } from "../commomutils/baseUrl"; export const uploadFile = (url:stri 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(39) 评论(0) 推荐(0)
摘要: 利用转换为json的数据进行传送 添加学生 添加学生 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(32) 评论(0) 推荐(0)
摘要: 设置修改界面 设置按钮样式 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(37) 评论(0) 推荐(0)
摘要: 创建表单 创建表单 拿取创建表单的值 阅读全文
posted @ 2022-10-26 22:31 前端导师歌谣 阅读(26) 评论(0) 推荐(0)