初探React框架的预备知识点笔记——随时更新

最新推荐文章于 2022-11-10 17:08:56 发布

何-小鱼

最新推荐文章于 2022-11-10 17:08:56 发布

阅读量465

点赞数

分类专栏： React 文章标签：前端框架

本文链接：https://blog.csdn.net/hr10230322/article/details/78295161

版权

React 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

学了一阶段的前端知识，现在准备学习框架。之前有接触过一些框架，比如偏重DOM操作的jQuery、样式框架Bootstrap，天真的我以为也不过如此……还真是天真如我啊，一点都不谦虚【翻白眼】

归正题！前端框架一堆堆，不知如何下手？贴两个传送门！

知乎的问答——

https://www.zhihu.com/question/35069742

https://www.zhihu.com/question/39943474

问题浅显易懂，各路大神众说纷纭……自己选吧！最后我决定从React开始我的框架学习路程【认真】。

React入门知识点梳理：

1. ES6：ECMAScript是一个脚本语言的标准，ES6是它的最新版本。相比之前版本所做的修改，可参考官方文档。我们常说的javascript是这个标准的基于浏览器的一个实现，简称js。

2. Babel：一个广泛使用的ES6转码器，可以将ES6代码转换为ES5代码，从而在现有环境执行。

3. node.js：运行在服务端的javascript，基于Google的V8引擎。换句话说，javascript的另一个宿主环境，服务器的javascript平台——Node。

4. CommonJS：ECMAScript标准由javascript 发展而来，由于其制定较早，比较薄弱，还有很多缺陷，如没有模块系统（在ECMAScript 6解决了）、标准库较少。ECMAScript仅定义了部分核心库，对于文件系统、I/O流、数据库访问等常见需求却没有标准的API，导致它无法用在后端开发。CommonJS的诞生就是希望Javascript能应用在任何场景，像Python、Java、Ruby一样具有开发大型应用的基础能力，而不是停留在小脚本程序阶段。人们期望那些用CommonJS API写出的应用可以具备跨宿主环境执行的能力，这样不仅可以利用JavaScript开发丰富的客户端应用，而且还可以编写如服务器端JavaScript应用程序、命令行工具、桌面图形界面应用程序等。CommonJS标准有很多实现，其中不乏很多大名鼎鼎的项目，比如说：Apache的CouchDB和node.js等。但这些项目大部分只实现了CommonJS的部分规范。详见：http://www.commonjs.org/impl/

5. npm：是随NodeJS一起安装的包管理工具，能解决NodeJS代码部署的很多问题。

6. Webpack：npm的包虽然都是由javascript写成的，但不能直接在浏览器中执行，因为浏览器不支持CommonJS，即前端缺少模块化管理的能力。Webpack或Browserify作为构建工具解决了这个问题。浏览器不兼容CommonJS的原因是缺少NodeJS的四个变量：module、exports、global、require.

7. React：React 是一个用于构建用户界面的 JAVASCRIPT 库。主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。

react是基于js的二次解析引擎，它支持在js里直接穿插html代码(有一定的规则要求)，然后解析成正常的js代码并执行。

react native是基于js和react js的一个开发环境，可以直接用两者的语法开发并编译出原生APP。

8. create-react-app：开发react应用“最好用的=_=“手脚架。如果使用webpack+ES6来开发前端应用，需要我们手动使用npm来安装各种插件，手动搭建环境。虽然搭建环境是一个很好的学习过程，但每次开发一个新应用都需要搭建一次，非常繁琐。避免开发过程中重复造轮子做无用功，就有了各种手脚架，像react-boilerplate、react-redux-starter-kit和create-react-app。

使用时发现create-react-app非图形化构建工具，只是一个全局命令行。下面是我执行该命令时的过程：

9. 手脚架： Scaffolding is a meta-programming method of building database-backed software applications. It is a technique supported by some model-view-controller frameworks, in which the programmer may write a specification that describes how the application database may be used. The compiler uses this specification to generate code that the application can use to create, read, update and delete database entries, effectively treating the template as a "scaffold" on which to build a more powerful application.（“脚手架”是一种元编程的方法，用于构建基于数据库的应用。许多MVC框架都有运用这种思想。程序员编写一份specification（规格说明书），来描述怎样去使用数据库；而由（脚手架的）编译器来根据这份specification生成相应的代码，进行增、删、改、查数据库的操作。我们把这种模式称为"脚手架"，在脚手架上面去更高效的建造出强大的应用！）

参考了部分项目的搭建手段，可能有助于理解框架及其之间的关系：http://www.cnblogs.com/tianheila/p/5176556.html

技术上前端用的是react框架+webpack作为构建工具，后台用的nodejs和mongodb。