Kubesphere console 目录以及安装依赖简介

ES6 （ECMAScript 6）
ECMAScript就是JavaScript中的语法规范，ECMAScript是JavaScript语言的国际标准，JavaScript是ECMAScript的实现。
React
React是一个简单的javascript UI库，用于构建高效、快速的用户界面。它是一个轻量级库，因此很受欢迎。它遵循组件设计模式、声明式编程范式和函数式编程概念，以使前端应用程序更高效。它使用虚拟DOM来有效地操作DOM。它遵循从高阶组件到低阶组件的单向数据流。

声明式编程范式：是一种编程范式，它关注的是你要做什么，而不是如何做。它表达逻辑而不显式地定义步骤。这意味着我们需要根据逻辑的计算来声明要显示的组件。它没有描述控制流步骤。声明式编程的例子有HTML、SQL等

函数式编程：函数式编程是声明式编程的一部分。javascript中的函数是第一类公民，这意味着函数是数据，你可以像保存变量一样在应用程序中保存、检索和传递这些函数。

nodejs
这是一种通过JavaScript语言开发web服务端的东西,node.js有非阻塞，事件驱动I/O等特性，从而让高并发（high concurrency）在的轮询（Polling）和comet构建的应用中成为可能
npm
Node Package(包) Manager(管理器)
是nodejs内置的软件包管理器。毫无疑问，npm是用来管理软件包的。(下载软件包工具)
将软件下载信息封装到一个 package.json 的文件中使用 npm 命令即可自动下载安装.

# 一般步骤
git clone xxx
npm install
npm run dev

yarn
Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的。

npm 缺陷：

npm install的时候巨慢。特别是新的项目拉下来要等半天，删除node_modules，重新install的时候依旧如此。
同一个项目，安装的时候无法保持一致性。由于package.json文件中版本号的特点，下面三个版本号在安装的时候代表不同的含义。
安装的时候，包会在同一时间下载和安装，中途某个时候，一个包抛出了一个错误，但是npm会继续下载和安装包。因为npm会把所有的日志输出到终端，有关错误包的错误信息就会在一大堆npm打印的警告中丢失掉，并且你甚至永远不会注意到实际发生的错误。

# 一般步骤
git clone xxx
yarn
yarn start

DOM
HTML DOM 定义了访问和操作 HTML 文档的标准
js 和 jsx
js，是一种直译式脚本语言
jsx，JavaScript XML是一种在React组件内部构建标签的类XML语法。

区别
1.浏览器只能识别不同的JS和CSS，不能识别SCSS或者JSX，所以webpack的作用就是把SCSS转换成CSS，把JSX转换成JS，然后在浏览器正常使用。
2.js就是本身react里面的jsx（也就是在JS文件里面直接写HTML那种），现在他们可以直接写是因为编辑器可以选择语言的解析模式。
3.jsx文件会自动触发编辑器以jsx的模式解析当前的文件，所以可以更不会出错。

jsx语法
是在js代码里直接写XML的语法，每一个XML标签都会被JSX转换工具转换成纯JS代码，使用JSX可以使组件的结构和组件之间的关系看上去更加清晰。