第二章 react简介
2-1 react简介
课程节奏,react东西比较多,所以五六分钟一节。
课程看一遍,就学会了,那是不可能的!下面还是要花费很多成本的。学习的本质就是更多的时间,去学习。不是说遇到难题就退缩,看课程还是学不会。课程只是一个入门方法。
新技术的态度:新技术要有个开放的态度。
为什么越来越火?尤其react,移动开发,等等。
react发展
省略。一大堆东西,说了我也记不住。
是一个js库。用于视图的。
一个很炫酷的开源项目,awesome-react
2-2 课程前置知识点梳理
以上知识要理解、js语法要了解吧。
ES2013就是ES5 , ES2015就是ES6。ES5,SE6的一些语法。可以在上面网站观看babel和兼容性的网站。
要有nodejs的知识,特别是包的管理。
css语法知识要知道啊。
HTML5 要知道
主要掌握的前期知识。
2-3 课程前置知识点梳理--演示
babel 安装,自行百度npm 安装代码;sudo mpn install --save-dev babel-preset-env
然后再.babelrc里面做一个配置。就是一个预处理的框架,preset:env
如果写了一个es6的语法,浏览器可能不支持,需要用babel进行转换,在配置文件里,如下所示。第7行,通过babel进行转换。
终端手动执行的话:babel index.js --out-file compiled.js 输出为compiled.js文件。把ES6转换成ES5的过程。
原箭头函数,经过babel转化后如下 ES5的语法ES5基本所有浏览器都支持。但是ES6有的就不会支持的。点击网站:http://kangax.github.io/compat-table/esnext/ 可以查询。所以需要babel转换。2016+,next支持的就更差了。如果要学更新的东西,下载对应的babel进行转换就好了。
node简单介绍:是一个JavaScript的一个运行容器,把js的特性都放进去跑。是一个事件驱动器。非阻塞的io模型。是一个轻量级,高效的。管理所有JavaScript包。非原生框架比如jquery。