淮安小程序制作【淮安企业邮箱】淮安网站外包、淮安微信商城开发、淮安网店美工、淮安淘宝设计

淮安小程序制作【淮安企业邮箱】淮安网站外包、淮安微信商城开发、淮安网店美工、淮安淘宝设计

淮安位于江苏省中北部，江淮平原东部。地处长江三角洲地区， [1]  是苏北重要中心城市， [2]  南京都市圈紧密圈层城市，淮河生态经济带首提首推城市 [3]  ，坐落于古淮河与京杭大运河交点，处在中国南北分界线“秦岭-淮河”线上，拥有中国第四大淡水湖洪泽湖，是全国文明城市 [4]  、国家历史文化名城、国家卫生城市、国家园林城市、国家环境保护模范城市、国家低碳试点城市、中国优秀旅游城市。为淮扬菜的主要发源地之一，是江淮流域古文化发源地之一。

淮安有2200多年建城史。秦时置县，境内有著名的“青莲岗文化”遗址。曾是漕运枢纽、盐运要冲，驻有漕运总督府、江南河道总督府。历史上与苏州、杭州、扬州并称运河沿线的“四大都市”，曾经淮安“因运而兴、因运而盛” [5]  ，有“中国运河之都”的美誉。中国大运河淮安段入选世界遗产名录。淮安地处江苏省长江以北的核心地区，邻江近海，为南下北上的交通要道，区位优势独特。是江苏省的重要交通枢纽，也是长江三角洲北部地区的区域交通枢纽。

淮安人杰地灵，是一代伟人周恩来总理的故乡。 [6]  历史上诞生过大军事家韩信、汉赋大家枚乘、巾帼英雄梁红玉、《西游记》作者吴承恩、民族英雄关天培、《老残游记》作者刘鹗等。 [7] 

淮安有著名的红色旅游景区周恩来故里景区、刘老庄八十二烈士陵园、黄花塘新四军军部纪念馆、苏皖边区政府旧址纪念馆等，生态旅游景区古淮河文化生态景区、里运河文化长廊、洪泽湖古堰景区、第一山国家森林公园、清晏园、金湖水上森林公园等。

1. const area = require('./lib/17-CalcArea');const Book = require('./lib/17-Book');console.log(area.circle(2));console.log(area.square(2));const myBook = new Book('some title');myBook.printTitle();复制代码

   代码基本是一样的，区别在于Node.js（目前）不支持import语法，需要使用require关键字。

   可以使用下面的命令来执行代码。

   node 17-ES2015-ES6-Modules-node复制代码

   在下图中能看到使用的命令和输出结果，这样就可以确认代码能够用Node.js运行。

   

• 在Node.js中使用原生的ES2015导入功能

  如果能在Node.js中使用原生的ES2015导入功能，而不用转译的话就更好了。从Node 8.5版本开始，我们可以将ES2015导入作为实验功能来开启。

  要演示这个示例，我们将在chapter01中创建一个新的目录，叫作17-ES2015-Modules-node。将17-CalcArea.js、17-Book.js和17-ES2015- ES6-Modules.js文件复制到此目录中，然后将文件的扩展名由js修改为mjs（.mjs是本例成功运行的必要条件）。在17-ES2015-ES6-Modules.mjs文件中更新导入语句，像下面这样添加.mjs扩展名。

  import * as area from './17-CalcArea.mjs';import Book from './17-Book.mjs';复制代码

  我们将在node命令后添加--experimental-modules来执行代码，如下所示。

  cd 17-ES2015-Modules-node
  node --experimental-modules 17-ES2015-ES6-Modules.mjs复制代码

  在下图中，我们可以看到命令和输入结果。

  

  在写作本书的时候，可支持ES2015导入功能的Node.js版本是Node 10 LTS。

  　更多有关Node.js支持原生ES2015导入功能的信息可以在https://github.com/nodejs/node-eps/blob/master/002-es-modules.md查阅。

2. 在浏览器中运行ES2015模块

   要在浏览器中运行ES2015的代码，有几种不同的方式。第一种是生成传统的代码包（即转译成ES5代码的JavaScript文件）。我们可以使用流行的代码打包工具，如Browserify或Webpack。通过这种方法，我们会创建可直接发布的文件（包），并且可以在HTML文件中像引入其他JavaScript代码一样引入它。

   <script src="./lib/17-ES2015-ES6-Modules-bundle.js"></script>复制代码

   浏览器对ES2015模块的支持最终于2017年初实现了。在写作本书的时候，它还是实验性的功能，并没有得到所有现代浏览器的支持。目前对该功能的支持情况（以及在实验性模式下开启它的方法）可以在http://caniuse.com/#feat=es6-module查阅，如下图所示。

   

   要在浏览器中使用import关键字，首先需要在代码的import语句后加上.js文件扩展名，如下所示。

   import * as area from './17-CalcArea.js';import Book from './17-Book.js';复制代码

   其次，只需要在script标签中增加type="module"就可以导入我们创建的模块了。

   <script type="module" src="17-ES2015-ES6-Modules.js"></script>复制代码

   如果执行代码并打开Developer Tools | Network标签页，就会看到我们创建的所有文件都被加载了。

   

   如果要保证不支持该功能的浏览器向后兼容，可以使用nomodule。

   <script nomodule src="./lib/17-ES2015-ES6-Modules-bundle.js"></script>复制代码

   在大多数现代浏览器都支持该功能之前，我们仍然需要使用打包工具将代码转译至ES2015+。

   　要了解更多有关在浏览器中运行ES2015模块的信息，请阅读https://medium.com/dev-channel/es6-modules-in-chrome-canary-m60-ba588dfb8ab7和https://jakearchibald.com/2017/es-modules-in-browsers/。

3. ES2015+的向后兼容性

   需要把现有的JavaScript代码更新到ES2015吗？答案是：只要你愿意就行！ES2015+是JavaScript语言的超集，所有符合ES5规范的特性都可以继续使用。不过，你可以开始使用ES2015+的新语法，让代码变得更加简单易读。

   
   

淮安小程序制作【淮安企业邮箱】淮安网站外包、淮安微信商城开发、淮安网店美工、淮安淘宝设计