• ES6入门学习(part1)环境搭建


    一、Ecmascript和Javascript的关系

    1、Ecmascript通用脚本语言。Javascript 不仅是通用的夸平台脚本语言,同时包含了Dom和Bom

    2、所以很明显,学习javascript时必须要学习的知识

    2.1Ecmascript相关语法(一些网络资源和书中所学的js语法,大部分还是采用是ES5,ES6语法比较新,一些浏览器对ES6不兼容,所以一般会用一些转换工具如Babel进行转换。)

    2.2过DOM对象提供的属性方法来操作DOM(通过document,element对象实现,这些都是在ES中没有的

    2.3过BOM对象提供的属性方法来操作BOM通过window对象实现,这些都是在ES中没有的)

    二、开启ES6的学习

    (注:按照官网文档学习步骤。https://www.runoob.com/w3cnote/es6-tutorial.html

    (1)ES6教程

    1.1导演简介(略)

    1.2环境搭建

    note:当前Chrome Firefox 浏览器对 ES6 新特性最友好,IE7~11 基本不支持 ES6

    1.2.1 在Node.js环境中运行ES6:(不太了解node)

    打开终端$  测试运行了文档中给到的案例(如下)

    node

    > let sitename="runoob"

    undefined

    >console.log(sitename)

    runoob

    undefined

    >

    在使用文档提供的终端命令检查当前Node已经实现的ES6特性时是出现了问题

    解决方法:要在node安装路径下打开

    //Linux  & Mac

    node --v8-options | grep harmony

    //Windows

    node --v8-options | findstr harmony

    除了使用终端命令外还有其他办法:比如在阮一峰老师的ES6文档中提到的ES-Checker工具,可以用来检查各种运行环境对ES6的支持情况,使用方法有两种

    (1)使用npm安装ES-Checker

    npm install -g es-checker

    ---------提示安装成功以后,检查自己的当前的运行环境对ES6的支持度,执行以下操作------ 

    es-checker

    ================================================

    Passes 38 feature Detections

    Your runtime supports 90% of ECMScript 6 

    ================================================

    (2)访问阮老师提供的网址即可 http://ruanyf.github.io/es-checker/

    1.2.2  在webpack环境中运行ES6 (?????????不了解webpack

    :::::::::::::::::::::::

    1.2.3  在gulp环境中运行ES6(????????不了解glup

    ::::::::::::::::::::::::

     
  • 相关阅读:
    Java/IO流
    Java实现IO通信(服务器篇)
    利用哈夫曼二叉树实现文件的压缩
    关于字符串构建,连接,查找
    线程小球
    准备造一个轮子,关于图片浏览器的
    IOS之循环引用
    ARC
    构造方法与快速创建对象
    autorelease
  • 原文地址:https://www.cnblogs.com/Ella2018/p/10967975.html
Copyright © 2020-2023  润新知