hwx865的专栏

首先，var、let、const在项目开发中都是用来声明变量的，在ES5中只有两种声明变量的方法：var和function，在ES6中新增了let、const、class、import四种声明变量的方法，本文主要讲解var、let与const的语法，其他的大家有兴趣可以了解一下。块作用域{ }JS中作用域有：全局作用域、函数作用域。ES6 之前没有块作用域的概念。ES6中新增了块级作用域。块作用域是函数作用域的子集。

NPM (Node Package Manager) 是 Node.js 中的包管理器和分发工具。对于 Node 而言，NPM 帮助其完成了第三方模块的发布、安装、删除和依赖等。借助 NPM，Node 与第三方模块之间形成了很好的一个生态系统。这时候你需要什么包，都可以在 npm 中寻找。这里有一点我们需要注意，我们必须要有一个 package.json 文件或 node_modules 目录安装模块到本地。

解释器、标准库、本地模块等各种组件/工具共同支撑了 JavaScript 代码的运行，它们统称为 JavaScript 运行时。在 Node.js 之前，JavaScript 运行时被绑定在浏览器中，作为浏览器的各种模块出现。这意味着，要想运行 JavaScript 代码就必须启动浏览器，JavaScript 逃不出浏览器的手掌心，它的功能受到很大的限制，只能作为网页脚本使用。

默认，create react app 创建的项目是看不到 webpack 相关的配置的，如果熟悉 webpack 的小伙伴，知道 package.json 中的配置会很多，而react脚手架中的 package.json 中，依赖为什么这么少。不同于 vue-cli 这样的工具。这是因为像 webpack，babel 等等都是被 creat react app 封装到了 react-scripts 这个项目当中，包括基本启动命令 都是通过调用 react-scripts 这个依赖下面的命令进行启动的。

而几乎所有的 web 系统都不会把用户的一些数据和系统的状态维护在客户端，因为这些都是“转瞬即逝”的东西，用户换一个浏览器这些信息就会全部消失不见，所以这些数据（状态）必然会在服务器上存储起来，当用户重新登录的时候，页面会从服务器中重新拿到最新的数据，把页面渲染出来。父子组件之间的通信我们可以从容应对，但是当组件之间的关系变得复杂，甚至组件之间没有关系时，要在他们之间通信就变得不太容易，传参对于多层嵌套就显得非常繁琐，代码维护也会非常麻烦。但是其实，无论系统如何复杂，前端页面的所要完成的事其实很简单，

随着 Web 前端的不断发展，传统网页开发正在逐渐往 Web 应用（Web Application，简称 WebAPP）的开发方式转变，页面开始变得越来越复杂，复杂的应用场景必然引起技术的进步，还会出现新的技术手段来解决现有问题。前端模块化和工程化的呼声越来越高，随着前些年大行其道的 Grunt、Gulp、FIS 等构建工具的发展，带动了一波前端工程化热潮。