安装react npm install creat-react-app -g这里直接安装react的一个脚手架,里面包含了要用到的许多东西,帮助快速入门react 创建新项目 create-react-app my-app cd my-app npm start 用脚手架创建一个新的单页应用,进到项目里面后start跑起来 react组件 引入Component组件 JSX语法 渲染虚拟DOM 组件props 组件state 组件嵌套 组件生命周期 组件总览 首先在头部引入Component组件…

视频教程 本文章在B站配有视频教程 课程目标 了解最常用的React概念和相关术语,例如JSX,组件,属性(Props),状态(state). 构建一个非常简单的React应用程序,以阐述上述概念. 最终效果 创建React应用 helloworld (1)安装node.js     官网链接 (2)打开cmd 窗口 输入 npm install --g create-react-app npm install --g yarn (-g 代表全局安装) 如果安装失败或较慢.需要换源,可以使用淘宝…

大约半个月前,我一直在思考一个问题,Angular.React 和 Vue,究竟该学什么? 听取了几位前辈的意见,也综合考虑了各方面的原因,最终选择了 React,希望我"没有选错". 十天的时间,把 React 的快速入门文档给过了一遍,整理了一些笔记,现在记录如下. JSX 简介 可以在 JSX 中嵌入 JavaScript 表达式,并用花括号包裹. 使用括号包裹 JSX 表达式,并将其拆分为多行以提高可读性.也可以避免自动插入分号. 由于 JSX 是在 JavaScript 中使…

一.前言 本篇开发环境?1.操作系统: Windows 10 X642.SDK: .NET Core 2.0 Preview 二.安装 .NET Core SDK 1.下载 .NET Core下载地址:https://www.microsoft.com/net/download/core根据自己电脑情况选择对应版本即可.NET CORE 2.0下载地址:https://aka.ms/dotnet-sdk-2.0.0-preview2-win-x64 2.安装微软出品,一键安装,只需一步,看图:…

一.前言 本篇开发环境?1.操作系统:CentOS7(因为ken比较偏爱CentOS7)2.SDK版本:.NET Core 2.0 Preview 你可能需要的前置知识1.了解如何通过Hyper-V安装CentOS虚拟机2.了解CentOS7基础命令/常用命令 二.安装 .NET Core SDK 1.安装必要依赖 sudo yum -y install libunwind libicu 2.下载(SDK列表) cd /home/downloads curl -sSL -o dotnet-2.0…

=-----------------------------------把现在的工作做好,才能幻想将来的事情,专注于眼前的事情,对于尚未发生的事情而陷入无休止的忧虑之中,对事情毫无帮助,反而为自己凭添了烦恼. 1. vue.js的快速入门使用 1.1 vue.js库的下载 vue.js是目前前端web开发最流行的工具库之一,由尤雨溪在2014年2月发布的. 另外几个常见的工具库:react.js /angular.js 官方网站: 中文:https://cn.vuejs.org/ 英文:http…

1.Babel的安装与配置 Babel其实是几个模块化的包,其核心功能位于称为babel-core的npm包中,webpack可以把其不同的包整合在一起使用,对于每一个 你需要的功能或拓展,你都需要安装单独的包(用得最多的是解析ES6的babel-preset-es2015包和解析JSX的babel-preset-react包). 我们先一次性安装这些包,如果安装出错,小伙伴们可以一个一个安装 cnpm install --save-dev babel-core babel-loader bab…

一.安装使用 1.1.安装 推荐使用 npm 或 yarn 的方式进行开发 npm install antd --save yarn add antd 1.2.浏览器引入 在浏览器中使用 script 和 link 标签直接引入文件,并使用全局变量 antd. 我们在 npm 发布包内的 antd/dist 目录下提供了 antd.js antd.css 以及 antd.min.js antd.min.css import { DatePicker } from 'antd'; ReactDOM…

一.ES6快速入门 let和const let ES6新增了let命令,用于声明变量.其用法类似var,但是声明的变量只在let命令所在的代码块内有效. { let x = 10; var y = 20; } x // ReferenceError: x is not defined y // 20 效果如下: var声明变量存在变量提升.也就是在声明变量之前就可以使用该变量. console.log(x) // undefined,var声明变量之前可以使用该变量 var x = 10; 刷新…

在上一篇文章中,我们介绍了如何构建一个Ant Design Pro的环境. 同时讲解了如何启动服务并查看前端页面功能. 在本文中,我们将简单讲解如何在Ant Design Pro框架下实现自己的业务功能. 目录结构浅谈 首先,我们来简单了解一下整个项目的目录结构及其中每个文件的功能. 一个完整的目录结构如下:  其中,关于业务功能的代码都在src文件夹下. 而src中本身又包含着很多的子文件夹. 其中,我们最常用的应该了routes,services,models以及components. 下面…