ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

es6入门学习Day1

2019-06-03 16:00:51  阅读:275  来源: 互联网

标签:node es6 入门 1.2 ES6 Day1 环境中运行 文档 ES


一、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)

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

 

 

 

 

标签:node,es6,入门,1.2,ES6,Day1,环境中运行,文档,ES
来源: https://www.cnblogs.com/Ella2018/p/10967975.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有