ES6认知与环境搭建-julia

今天在慕课网学习了“快乐动起来呀”老师的《ES6快速入门》

https://www.imooc.com/learn/955

1-1.课程介绍:

  ES使用情况:

    jquery==》偏ES3

    vue==》偏ES6

    recat==》偏ES6

      所以es6是前端开发中主力的语言,很多开源框架基于es6语言进行开发的;

 

  学习ES6好处:

    弥补es3 es5功能的不足;
    es6直接语法封装,提升开发效率;

 

  课程优点:

    同样的问题,用 ES3,ES5,ES6,三种方法对比学习,能很快了解ES6的优势。

  对ES6冰山一角的5个认识:

    1)常量

    2)作用域

    3)箭头函数

    4)默认参数

    5)对象代理

1-2.环境搭建

  要简单的了解三个技术:Git,webpack,js

    对于Git: 要先了解https://github.com/cucygh/fe-material  (把入门篇看完,会用其中的几个命令即可)

    对于webpack:作者写好了构建工具,我们只要会安装和使用即可;

              (像es6这种先进的语法并不是所有浏览器都兼容的, 如果想在各个浏览器都运行,需要这个构建工具)

    对于js:最好先了解ES3,ES5之后学习ES6,会发现ES6的强大之处。

    环境准备:

    安装git:      安装步骤参考https://jingyan.baidu.com/article/a3aad71a0b7249b1fb009608.html

                                    

              克隆网址:https://github.com/cucygh/es6-webpack   执行网址中的命令  (想要速度更快,用cnpm install

                             

  这个构建环境的功能:

      1:自动编译     2:自动刷新浏览器
 

        打开项目:

    src里边test.js,是测试代码    export default es6中模块导出的功能      index.js中 import test from

 

 

posted @ 2020-03-19 10:09  Julia-Yuan  阅读(173)  评论(0编辑  收藏  举报