- 博客(6)
- 收藏
- 关注
原创 hooks手动实现拖拽组件
hooks手动实现拖拽组件App.js组件import React from "react";import './App.css';import useDraggable from './useDraggable';// 数据源const list = [ { src: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3942751454,1089199356&fm=26&gp=0.jpg',
2020-11-04 10:42:53
612
原创 react源码渲染实现
react源码初次渲染(1)帧页面是一帧一帧绘制出来的,当每秒绘制的帧数(FPS)达到60时,页面是流畅的,小于这个值,用户会感觉到卡顿,所以每一帧分到的时间大概是16.6ms,这个和屏幕刷新率有关javaScript执行javaScript引擎和页面渲染引擎在同一个渲染线程,GUI渲染和javaScript执行两者是互斥的。在一帧里任务执行完处于空闲阶段,在空闲阶段去执行react任务(2)fiberreact任务执行单元,将虚拟dom转成fibervue把每个更新任务分割的足够小,watc
2020-10-18 11:35:19
189
1
原创 接口封装
接口封装import axios from 'axios'import { message } from 'antd';//const baseUrl="https://www.easy-mock.com/mock/5f6c9aacdba12925bcd53876/antd";const baseUrl="localhost:53000"export default function request({api,data={},type='GET'}){ const url=baseUrl+
2020-10-11 20:06:43
208
1
原创 面包屑
面包屑import React, { Component } from "react";import { Breadcrumb } from "antd";import { withRouter, Link } from "react-router-dom";class BreadcrumbList extends Component { state = { breadcrumbNameMap: { "/category": "品类管理", "/product"
2020-09-20 17:12:17
128
原创 动态配置菜单列表
2020-9-13总结动态显示菜单列表// 菜单列表const menuList = [ { title: "首页", key: "/main", }, { title: "商品", key: "/products", children: [ { title: "品类管理", key: "/category", }, { title: "商品管理",
2020-09-13 19:46:35
413
原创 webpack基本配置项
webpack一些基本配置项const { resolve } = require("path");// npm i html-webpack-plugin -Dconst HtmlWebpackPlugin = require("html-webpack-plugin");module.exports = { entry: "./src/index.js", output: { filename: "js/built.js", path: resolve(__dirna
2020-08-23 15:37:47
211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人