wgh295360998的专栏

Okay，完成了项目的基本搭建React从入门到架构（2）–如何配置你的“CSS和JS路径”以后，我们得到了这样的一个页面：有的同学会说，Okay，我知道怎么写了，我就在这个Return的内容里，写我的整个页面就可以了～！这确实是一种办法，但是这样React的特性就完全被浪费掉了。。我们先看一点儿最简单的组件化方法：（1）前端组件化既然<App />和less文件都是可以组...

在开始创建第一个项目之前，我们有一些准备工作要做：1. 前置工作–安装软件安装nodejs软件，官网都有免费的可以下载：nodejs下载地址.安装VS Code软件，不喜欢VS Code的也可以使用sublime Text都可以的，官网可以免费下载安装：VS Code下载地址.2. 创建项目第二步就是项目的创建了：首先在操作系统的全局，使用npm命令（nodejs正确安装后，即可使...

我个人做前端开发是有过一个断层的。第一阶段（切片阶段）在10年的时候，前端的工作，更多的是在切片的层面上，从IPO（input->process->output）的层面上讲：input：输入的是PS产出的页面图片；process：前端的工作是，拿到图片，使用fireworks这一类的工具进行切片，那时候还要配合dreamweaver工具，主要是用于PHP、.NET以及J...

好，我们接着上一篇文章【React从入门到架构（1）–手把手创建、解读以及开发第一个ReactApp】的内容讲：（1）修改“HTML”代码，建立初布局在src/App.js这个文件中，我们看到了熟悉已久的HTML代码，不过我要说的是，这并不是真正的HTML，而是一种JSX语言（自行百度下），为了让你能够方便的去写页面！不管怎么样，我们先改成一段我们自己熟悉的HTML代码，但是要注意：类标签...

在完成对React的生命周期的修改后，我们看一下React的主要生命周期：1. 在用户输入URL后，系统从App.jsx第一次进行装载，在此过程中：porps由父组件，传给子组件；state在界面中显示的是默认值。2. 在界面中，我们使用setState()函数进行更新时：state更新为setState()中设置的值；props通过父组件，把修改后的新值nextProps（如果修改了...

根据上一篇React从入门到架构（3）–引入组件，试试Ant designer内容的讲解，我们引入了Ant Design这个非常好用的轮子，那么我们首先用Ant d来搭建一个基本的图书管理系统一、Antd项目出搭建通过参考Ant d的相关API，我们使用Antd的layout与menu等组件，构建了一个图书管理系统的基本页面。我是antd参考链接我们一边上截图，一边一步一步说：（1） 建...

从上一节React从入门到架构（4）–基于Antd项目，初探React的Props后，我们已经认识了props的作用，主要用于父组件和子组件之间的数据传递。这一节介绍一下state。先明确一个概念：和props不同的是，state表示的是状态。【属性】是依赖于外部的数据传递；而【状态】是自身内部的改变。阮一峰说过一句话：“Web是一个状态机”意思就是，在Web中，我们需要把每一个界面...

我们对App.js进行一些改造，先不管具体的意义，先上代码：import React, { Component } from 'react';//CSS层叠样式表引入import './style/App.css';import { Layout } from 'antd';import {BrowserRouter as Router, Route, HashRouter, Switc...