本文主要目的是介绍一下ant-design的基本配置，你也可以直接去官网根据自己的需要配置。本文的配置是基于一个react-hot-webpack-boilerplate，想了解详细信息，可以在我的github上查看。

1

npm install antd --save

Ant.jsx

react-router是一种动态路由，而我们往常用的express中的路由为静态路由。

Link和NavLink的区别

在 v4 中，有两种方法可以将锚标签与路由集成：Link和NavLink。

<NavLink> 与 <Link> 一样，但如果 <NavLink> 匹配浏览器的 URL，那么它可以提供一些额外的样式能力。例如：

这里主要总结express中的token相关问题。

首先要知道我们为什么要使用token？

我的理解是，当用户完成登录之后会访问其他的页面，在这个过程中就会涉及到用户访问的权限，比如能不能发表文章能不能修改资料之类的。如果不用token和session之类的工具，就意味着每次权限验证我们就需要用用户的密码来验证。所以为了保存用户的登录状态就提出了token和session这两种形式。

HTTP：超文本传输协议，无状态。

URL&URN&URI

URL（统一资源定位符）是URI（统一资源标识符）最常见的一种形式，也被称为 web地址。常见组成形式：

1
2
3
4
5

https://developer.mozilla.org
https://developer.mozilla.org/en-US/docs/Learn/
https://developer.mozilla.org/en-US/search?q=URL
http://www.example.com:80/path/to/myfile.html?key1=value1&key2=value2#SomewhereInTheDocument

react的生命周期

react的周期可以通过一张图很直观的表示出来，如下图所示：

react-hot-webpack-boilerplate

1、建立项目目录，初始化项目

1
2
3

mkdir react-webpack-temple
cd react-webpack-temple
npm init -y / npm init

当使用npm init时，会让你输入各种项目信息，你可以一路回车。也可以直接使用npm init -y一键完成默认配置，你开心就好。

第一章：this是什么？

在学习使用this之前我们首先要清楚两点：

1.this既不是函数自身的引用，也不是函数词法作用域的引用。

2.this其实是在函数调用时才建立的一个绑定，它的指向与函数声明的位置无关，而与函数调用的位置有关。

为什么要用this

总结：用this可以简化代码，不用利用频繁传参的方式来实现调用。

第一章：什么是作用域？

编译器理论

js是一种编译型语言，它 不是 像许多传统意义上的编译型语言那样预先被编译好，编译的结果也不能在各种不同的分布式系统间移植。

传统编译型语言处理，一块代码执行之前的处理分为三个步骤，成为“编译”：

• 词法分析

第一章：走进编程

代码

语句

在计算机语言中，执行特定任务的一组单词、数字、运算符称为语句。在js中一条语句长这样：

a = b * 2;

运行程序

1、关于npm

npm是一个包管理器，她可以自动管理包的依赖。

• 文件夹中的package.json一般通过npm安装：

  npm init

  然后随意填写相关信息就可以自动在文件夹下面生成一个package.json依赖管理件。当项目部署时，就不必将node_modules目录也上传到

  服务器服务器在拿到我们的项目时，只需要执行 npm install，则 npm 会自动读取package.json 中的依赖并安装在项目的 node_modules 下面，然后程序就可以在服务器上跑起来了。