一、概述1.1、脚手架概念 编程领域中的“脚手架（Scaffolding）”指的是能够快速搭建项目“骨架”的一类工具。例如大多数的React项目都有src，public，webpack配置文件等等，而src目录中又包含components目录等等。每次在新建项目时，手动创建这些固定的文件目录。脚手架的作用就是帮助你完成这些重复性的工作，包括一键生成主要的目录结构、安装依赖等等。1.2、参考地址
转载
2024-03-28 13:36:59
236阅读
上一篇主要写得是React组件的prop和state,及两者的对比。本篇介绍React的生命周期。了解生命周期，才能知道组件是如何运转起来的。而了解Virtual DOM是学习React生命周期的基础。 一、从改变组建状态的角度分析 在前面的博客中我们提到过Virtual DOM, 组件并不是真实的 DOM 节点，而是
转载
2024-03-01 10:56:26
106阅读
我以下的方式，其实并把Ant Design Pro文件打包到生成的安装包里，所以，安装包=Ant Design Pro+Electron环境
ant-design-pro ----> version ：2.3.1
由于网上Ant Design Pro+Electron的资料太少，我就贡献一点经验
转载
2024-08-19 20:15:35
151阅读
Ant design pro-项目探究（5）react基础知识前言，前端利用请求参数、界面与数据进行整合，构成前端的展示。对于状态的一些调用，react中拥有useState,useEffect,useRef方式来实现前端状态的利用，了解这些方式的运用，对开发界面化来说提供了非常大的便捷之处，以下以以项目自带的table-list来讲解。首先我们来看看useStateimport React, {
ReactDOMServerReactDOMServer 对象允许你将组件渲染成静态标记。通常，它被使用在 Node 服务端上：// ES modules
import ReactDOMServer from 'react-dom/server';
// CommonJS
var ReactDOMServer = require('react-dom/server');概览下述方法可以被
Let’s Pro $ yarn create umi my-app Select the boilerplate type: 选择 Ant Design Pro ❯ ant-design-pro Which language do you want to use? 选择你使用的语言 ❯ TypeS ...
转载
2021-09-09 16:12:00
271阅读
2评论
宣骞我本着简单易懂的原则，希望各位看官能耐心看完（没有完整代码），创作不易，希望各位爷能给些赏?登录效果出于保护公司项目隐私，这里就用简笔画来代替效果图。错误验证： 1.点击获取验证码： 前端验证： 手机号码为空； 手机号码位数不为11； 手机号码格式不正确； 后端验证： 每分钟只能获取一次验证码； 每小时只能获取五次验证码 手机号码在系统中不存在； 2.点击登录： 前端验证： 手机号码为空； 验
1.前言前段时间突发一个想法，想尝试从零开始搭建一个React项目模板，发布到GitHub，再编写脚手架命令拉取模板以及编写脚本命令快速生成业务模块，然后再用这个模板结合之前的一套组件库，完成编译打包运行一些列操作，完善这个项目模板，再就是另外一个大事，用基于这个项目模板与组件库构建的项目，搭建自动化构建与自动化部署整个流程，将连载文章记录整个这个流程，以便后期回溯。2.初始化项目新
转载
2023-12-18 15:00:05
152阅读
react推出了react-router的路由管理插件，实现了路由的核心功能，分别给web、reactnative、anywhere三个平台。 基于react-router实现的react-router-dom是给web端使用的路由，加入了在浏览器运行环境下的一些功能，核心基于history实现，分位h
转载
2024-02-23 21:58:09
0阅读
刚接触linux大概半个月。只是熟悉一些简单的指令。装个hadoop，还是照着练数成金的视频教程装的。还装了整整两天。其实第一次装就没有把hadoop装到用户目录下，不然也就成功了。就因为这个原因。又重装，又出新的错误。现在给出一个新手小白也能装上的方案。要准备的软件：VMware workstation ,ssh client,linux，hadoop-0.20.21.首先在VMware 中装上
Abstract data type :A style that is designed to match the structure of the original data文章目录1. 使用Docker本地部署Alist1.1 本地部署 Alist1.2 访问并设置Alist1.3 在管理界面添加存储2. 安装cpolar内网穿透3. 固定Alist公网地址本篇文章介绍如何在Windows本地
antd pro默认访问后，直接进入主界面的欢迎。 我需要改变一下方式，所有用户需要登录后才可以访问主界面，还有配合后端返回的数据格式，以及使用token来判断是否登录。大致思路：登录成功后将token放入localStorage退出登录的时候清除tokenRequest拦截器：发送请求时，从localStorage获取token加入请求头中Request拦截器：接收返回时，统一处理错误Secur
转载
2024-06-07 16:45:34
225阅读
Dockerfile简介Dcokerfile是一个文本格式的配置文件，由一系列命令和参数构建的脚本，用户可通过这个快速构建自定义的镜像 官方仓库dockerhub和一些镜像仓库已经提供大量的镜像，但有些时候不能满足我们的需求，例如安装一些安装比较少的第三方软件，或自定义的项目，这个时候只能先用公共仓库镜像，启动容器，然后在容器中按照我们的需求安装软件，修改配置等等操作，之后提交镜像等等。。。 这种
转载
2024-09-26 14:29:10
40阅读
原创
2021-07-16 14:59:28
722阅读
React的Ant Design Pro目录结构
原创
2022-02-11 14:25:04
510阅读
1.首先在pages创建需要的界面productList.jsximport {Form, Input, Button, Table, Card, Divider, Modal, message, Select, Col} from 'antd';
import {PageHeaderWrapper} from '@ant-design/pro-layout';
import {connect}
> ant-design-pro@5.0.0 start E:\react\ant-design-pro> cross-env UMI_ENV=dev umi dev 'cross-env' 不是内部或外部命令，也不是可运行的程序 解决方法：重新1、yarn install（初始化不建议使用npm镜 ...
转载
2021-07-13 07:47:00
1475阅读
2评论
本人不是专职的运维人员， 本文将自己理解的运维技术知识做个梳理。以便自己记忆和回顾。 现在的 互联网系统是越来越复杂，而且要求系统 7x24 小时不阶段的运作。 对于大型的互联网公司，系统更是错综复杂。 越复杂的系统，越要求简单的耦合，能够最小化的切分。 统一输入输出， 这样系统才能做的庞大，而不显的复杂。而且
搭建 webpack + React 开发环境我在实际工作中用百度 fis3 搭建 React 开发环境，但是放在整个前端社区中，webpack 肯定更适合大家，这里就用 webpack。如果之前未听说或者未用过 webpack 的同学，一定此机会恶补一下，也可以查阅官网开始之前好，否则就需要你在某些过程中耐心等待初始化 npm 环境并安装插件当前的 web 前端开发，基本使用 npm 管理第三方
一、介绍Create React App 是 React 脚手架，它帮我们可以快速生成项目的工程化结构，脚手架让项目从搭建到开发再到部署，整个流程变得快速和便捷。二、安装Create React App 是官网的一个工具，通常使用全局安装，执行下面命令即可。如下 ：npm i -g create-react-app可以使用下面命令，查看 Create React App 安装的版本create-r
转载
2023-07-11 20:41:32
235阅读
