1.babel:- Babel 是一个 JavaScript 编译器；
-
Babel 能够将新的ES规范语法转换成ES5的语法；
-
因为不是所有的浏览器都支持最新的ES规范，所以，一般项目中都
-
需要使用Babel进行转换；
-
步骤：使用Babel转换JS代码——打包成一个文件——使用时引入即可；
2.webpack:
- 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。
3.next.js: 此官网描述了js，dom，react的很多细节点，极力推荐！！！
4.jsx是什么？
<h1> </h1> 不是有效的 Javascript。这段代码就是 JSX。
JSX 是 JavaScript 的语法扩展，它允许您以熟悉的类似 HTML 的语法来描述您的 UI。JSX 的好处在于，除了遵循三个 JSX 规则之外，您无需学习 HTML 和 JavaScript 之外的任何新符号或语法。
请注意，浏览器无法直接理解 JSX，因此您需要一个 JavaScript 编译器，例如Babel，将您的 JSX 代码转换为常规 JavaScript。
const handleClick =() =>{
}
<p onClick={handleClick}></p>
<p onClick={()=>handleClick()}></p>
