![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
卡布奇诺-海晨
《微服务实战》专栏是本人的实战经验总结,《Spring家族及微服务系列》专注Spring、SpringMVC、SpringBoot、SpringCloud系列、Nacos等源码解读、热门面试题、架构设计等。全栈开发工程师,从事多年软件开发,在大厂呆过。持有软件中级、六级等证书。有研究MyBatis的经验,设计模式,基本算法,也有相关的博文输出。未来时间允许情况下,推出更多的关于框架源码的知识以及结合工作经验的沉淀。程序员这条路一开始走对了后面就轻松些,作为过来人,有经验感受在博文透露。程序员这条路最好有个引路人,每个人都可以努力,但是方向不对努力白费。某音有视频教程(某马/某千等都是上万价格)
展开
-
树结构标签页,前端开始慌了
Router配置 { path: '/system/tag', name: 'tag', component: './System/Tag/Index', },APIexport async function fetchAllTag(){ return request(`${TAG_API}`)}API与页面中间层import { fetchAllTag} fr原创 2021-11-13 15:57:09 · 809 阅读 · 0 评论 -
BaseMenu子组件
import React, { PureComponent } from 'react';import classNames from 'classnames';import { Menu, Icon } from 'antd';import Link from 'umi/link';import { urlToList } from '../_utils/pathTools';import { getMenuMatches } from './SiderMenuUtils';import {.原创 2021-11-04 22:25:17 · 364 阅读 · 0 评论 -
SiderMenu父组件
import React, { PureComponent, Suspense } from 'react';import { Layout } from 'antd';import classNames from 'classnames';import Link from 'umi/link';import styles from './index.less';import PageLoading from '../PageLoading';import { getDefaultCollap.原创 2021-11-04 22:18:46 · 494 阅读 · 0 评论 -
React简单样例
1、样例1import { PureComponent } from "react";import Block from '@/custom/Block';import { Card, Button } from "antd";export default class Index extends PureComponent{ render(){ return( <Card> <Block> &l原创 2021-11-01 22:20:10 · 336 阅读 · 0 评论 -
React页面设计初体验
1、定制路由export default [ //login { path: '/login', name: 'login', component: '../layouts/BlankLayout', routes: [ { path: '/login', component: './Login/Index', } ] }, // app { path: '/', c原创 2021-10-31 22:44:04 · 485 阅读 · 1 评论 -
关于F12那些你不知道的事
1、按下F12,显示Console and Network2、Network请求之前请求之后请求信息响应信息原创 2021-10-31 10:52:14 · 399 阅读 · 0 评论 -
request 网络请求工具
/** * request 网络请求工具 * 更详细的api文档: https://bigfish.alipay.com/doc/api#request */import { extend , fetch } from 'umi-request';import { notification } from 'antd';import router from 'umi/router';let Authorization = "";const codeMessage = { 200: '.原创 2021-10-31 10:17:26 · 578 阅读 · 0 评论 -
umi-request 网络请求之路
umi-request 网络请求之路背景在做中台业务应用开发的过程中,我们发现在请求链路上存在以下问题:请求库各式各样,没有统一。每次新起应用都需要重复实现一套请求层逻辑,切换应用时需要重新学习请求库 API。 各应用接口设计不一致、混乱。前后端同学每次需重新设计接口格式,前端同学在切换应用时需重新了解接口格式才能做业务开发。 接口文档维护各式各样。有的在语雀(云端知识库)上,有的在 RAP (开源接口管理工具)上,有的靠阅读源码才能知道,无论是维护、mock 数据还是沟通都很浪费.....转载 2021-10-30 22:57:55 · 17151 阅读 · 1 评论 -
React的页面设计初探究
import { PureComponent, Fragment } from 'react';import { connect } from 'dva';import PageHeaderWrapper from '@/components/PageHeaderWrapper';import Block from '@/custom/Block';import { Card, Form, Button, Table, Divider, Input, Select, .原创 2021-10-24 20:18:18 · 1618 阅读 · 0 评论 -
var、let、const的区别
1. 块级作用域 {} ES5 中作用域有:全局作用域、函数作用域。没有块作用域的概念。 ES6 中新增了块级作用域。块作用域由 { } 包括,if语句和 for语句里面的{ }也属于块作用域。<script type="text/javascript"> { var a = 1; console.log(a); // 1 } console.log(a); // 1 // 通...转载 2021-10-24 19:15:58 · 254 阅读 · 0 评论 -
React的API
API定义类似于Vue的API/** * 这里就类似于Vue的api,这些api将在pages的各模块models引入 * 也是与调用后端的URI相匹配的 */import { async } from "q";// 引入request请求工具,Vue中同样也对request做了封装import request, { download } from '@/utils/request';import qs from 'qs';// 这样定义可重用方便维护const API_BASE原创 2021-10-24 13:10:51 · 1440 阅读 · 0 评论 -
前端三大框架之一React,想了想还是开源吧
CeaM/react-test前端三大框架本人对Vue熟悉的多,当然angular也有所涉略,但是在国内Vue用的多。不过Vue适用于中小型企业,React适用于大型项目。作为后端开发,有时也需要具备一些前端知识,以便问题快速定位。本人目前正在探究一下React,不过都是在项目的基础上研究,这是学习前端快速上手的方法。在学习前端框架之前,还是要有一些js的基础,同时结合后端的一些思想,方能快速上手。本人之前学习Vue的时候就是这样的,借鉴以前的经验,学习React也同样采取这样的方法。项目我已经准备好了原创 2021-10-23 23:48:40 · 400 阅读 · 0 评论