配置babel-cli

在此之前你需要首先了解一下什么是 babel ，以及 babel的使用指南 ;如果你需要其他babel的版本，还请参考[ https://babel.docschina.org/versions] 。 Babel是可以配置！许多其他工具具有类似的配置：ESLint (.eslintrc), Prettier (.prettierrc)。 允许使用所有 Babel API选项 。然而，如果该选项需要JavaScript，您可能需要使用Javascript 配置文件 。 在项目的根目录下(package.json的位置)创建一个名为babel.config.js的文件，其中包含以下内容: 查看 babel.config.js文档 ，以查看更多配置选项。 在项目的根目录下(package.json的位置)创建一个名为.babelrc的文件，其中包含以下内容: 查看 .babelrc文档 ，以查看更多配置选项。 或者，您可以选择在package.json中，使用babel键值指定.babelrc配置，如下所示： 与.babelrc的配置结构相同，但你可以用JavaScript编写它。 您可以访问任何Node.js API，例如基于流程环境的动态配置： 查看 babel-cli文档 ，以查看更多配置选项。 查看 babel-core文档 ，以查看更多配置选项。

现在空项目中创建 package.json 文件，再去安装 Babel，@babel/core 是 babel 的核心，@babel/cli 是 Babel 的命令行，可以在终端使用 Babel 的命令行，输入 npx babel --help 查看所有的命令。接下来创建 src 目录并进入： 在 src 里面新建 index.ts 文件，文件的内容为： 为了支持上面的语法需要继续安装三个插件插件和两个预设 @babel/preset-env 预设能够支持大多数 ES6 语法，少数的语法需要使用插件， @babel/preset-typescript 翻译 TS 文件的。 这时在 package.json 文件的 scripts 里面新增以下内容： build 是 dist 的简写版本，功能是一样的，Babel 不能自己识别 .tsx和.ts 文件，所以需要 --extensions 指定文件，简写为 -x 。 还剩最后一道程序，在 package.json 同级目录下新建 babel.config.json 文件，输入以下内容： 好了，现在输入命令行进行编译： 现在我把 index.ts 的内容改为： 输入命令： 依然编译成功，所以： 现在来配置，安装 typescript： 初始化配置文件： 打开配置文件 tsconfig.json，更改 noEmit 配置项，表示 typescript 只执行类型检查不编译输出文件： 这时在命令行执行，持续监听文件的更改就行了： 类型检查配置完成。这时 Babel 负责编译，typescript 负责类型检查。 Babel 环境中 TypeScript 中的语法又四个不能使用： 现在还是推荐使用主流方式去构建 TypeScript 项目，即 webpack 的方式，使用 ts-loader 配合 typescript 实现。附赠一个技巧：

babel 是巴比伦的意思。根据犹太人的《圣经·旧约》记载：洪水大劫之后，天下人都讲一样的语言，都有一样的口音。诺亚的子孙越来越多，遍布地面，于是向东迁移。在示拿地（古巴比伦附近），他们遇见一片平原，定居下来。由于平原上用作建筑的石料很不易得到，他们彼此商量说：“来吧，我们要做砖，把砖烧透了。”于是他们拿砖当石头，又拿石漆当灰泥。他们又说：“来吧，我们要建造一座城，和一座塔，塔顶通天，为要传扬我们的名，免得我们分散在全地上。”由于大家语言相通，同心协力，建成的巴比伦城繁华而美丽，高塔直插云霄，似乎要与天公一比高低。没想到此举惊动了上帝！上帝深为人类的虚荣和傲慢而震怒，不能容忍人类冒犯他的尊严，决定惩罚这些狂妄的人们，就像惩罚偷吃了禁果的亚当和夏娃一样。他看到人们这样齐心协力，统一强大，心想：如果人类真的修成宏伟的通天塔，那以后还有什么事干不成呢？一定得想办法阻止他们。于是他悄悄地离开天国来到人间，变乱了人类的语言，使他们分散在各处，那座塔于是半途而废了。 在希伯来语中，“巴别”是“变乱”的意思，于是这座塔就称作“巴别塔”。也有人将“变乱”一词解释为“巴比伦”，称那座城叫“巴比伦城”，称那座塔叫“巴比伦塔”。而在巴比伦语中，“巴别”或“巴比伦”都是“神之门”的意思。同一词汇（“巴别”）在两种语言里竟会意思截然相反，着实令人费解。其实这是有缘由的。 公元前586年，新巴比伦国王尼布甲尼撒二世灭掉犹太国，拆毁犹太人的圣城耶路撒冷，烧掉神庙，将国王连同近万名臣民掳掠到巴比伦，只留下少数最穷的人。这就是历史上著名的“巴比伦之囚”。犹太人在巴比伦多半沦为奴隶，为尼布甲尼撒修建巴比伦城，直到70年后波斯帝王居鲁士到来才拯救了他们。亡国为奴的仇恨使得犹太人刻骨铭心，他们虽无力回天，但却凭借自己的思想表达自己的愤怒。于是，巴比伦人的“神之门”在犹太人眼里充满了罪恶，遭到了诅咒。他们诅咒道：“沙漠里的野兽和岛上的野兽将住在那里，猫头鹰要住在那里，它将永远无人居住，世世代代无人居住。”

圣经记载：在远古的时候，人类都使用一种语言，全世界的人决定一起造一座通天的塔，就是巴别塔，后来被上帝知道了，上帝就让人们使用不同的语言，这个塔就没能造起来。巴别塔不建自毁，与其说上帝的分化将人类的语言复杂化，不如说是人类自身心灵和谐不再的分崩离析。之所以后来有了翻译，不仅是为了加强人类之间的交流，更寄达了一种愿望，希望能以此消除人际的隔阂，获求来自心灵的和谐及慰藉。真正的译者，把握血脉，抚平创痕，通传天籁，开启心门。

 1，{ "plugins": [ "transform-es2015-arrow-functions", "transform-es2015-template-literals" ] }      `npm bin`/babel --plugins transform-es2015-arrow-functions,transform-es2015-template-literals index.js        如果没有预设，babel转化是需要指定用什么插件的，颗粒度小，效率高，但是插件需要逐个安装(babel 官方拆成了20+个插件)。 2， 为了解决插件依赖的问题，采用了Babel Preset。(Babel Preset视为Babel Plugin的集合， 比如babel-preset-es2015包含所有跟ES6转换有关的插件)        `npm bin`/babel --presets es2015 index.js多个Plugin和Preset时执行顺序非常重要        1，先执行完所有Plugin，再执行Preset。        2，多个Plugin，按照声明次序顺序执行。        3，多个Preset，按照声明次序逆序执行。        eg:    { "plugins": [ "transform-react-jsx", "transform-async-to-generator" ], "presets": [ "es2015", "es2016" ] }   { "presets": [ "./mypreset.js" ] }   // mypreset.js     module.exports = { presets: [ require("babel-preset-es2015"), ], plugins: [ require("babel-plugin-transform-react-jsx"), ] };     { "presets": [ presetName01, // 没有配置 [ presetName02, presetOptions02 ] // 有配置 ] }     eg:  { "presets": [ ["es2015", { "loose": true, "modules": false }] ] }1，babel-preset-env 是一个新的 preset，可以根据配置的目标运行环境（environment）自动启用需要的 babel 插件。       babel-preset-es2015(转换为es5)、babel-preset-es2016(转化为es6)、babel-preset-es2017(转化为es7)、babel-preset-latest(转化最新stage4进度) 2，插件越来越多，效率变慢，浏览器升级，提出了 babel-preset-env, 默认配置的情况下，它跟 babel-preset-latest 是等同的，会加载从es2015开始的所有preset。          Eg:{ "presets": [ "env" ] } ===={ "presets": [ “latest" ] }          Eg: 针对node环境{ "presets": [ ["env", { "targets": { "node": "8.9.3" } }] ] }          Eg: 针对ie11{ "presets": [ ["env", { "targets": { "browsers": "ie 11" } }] ] }           Eg: 针对Edge16{ "presets": [ ["env", { "targets": { "browsers": "edge 16" } }] ] }            Eg: 针对Ie8+,chrome62+:{ "presets": [ ["env", { "targets": { "browsers": [ "ie >= 8", "chrome >= 62" ] } }] ] }           Eg: 服务端命令行编译：npm bin browserslist "ie >= 8, chrome >= 62” 3，env 原理         1、首先，检测浏览器对JS特性的支持程度，比如通过通过  compat-table  这样的外部数据。         2、将 JS特性 跟 特定的babel插件 建立映射，映射关系可以参考  这里 。         3、stage-x 的插件不包括在内。         4、根据开发者的配置项，确定至少需要包含哪些插件。比如声明了需要支持 IE8+、chrome62+，那么，所有IE8+需要的插件都会被包含进去。

(看了别人写的影评，发现自己的文字实在是生硬。影评要趁热写啊，隔了两天，情感我有点忘了。三天，终于完成了。)         一个日本男人去摩洛哥打猎，离开时将他的猎枪送给了他优秀的向导。多年过去了，向导为了生计将猎枪卖给了另一个摩洛哥人，用以给他的儿子们放牧时猎杀胡狼。         一把枪一颗子弹引起的几个家庭的颠覆......           埃及家庭:两个儿子，大儿子和小儿子，大儿子更像是弟弟，胆小刻板善良，小儿子果断勇敢而且枪法娴熟。父亲清楚的知道这两兄弟的性格，所以对小儿子偏爱些。小儿子对性欲的渴望仿佛超出他的年龄，时常看姐姐脱衣服，而姐姐知道却默认，我不知道这里导演要表达什么，亲情的界限模糊在性欲中?         两兄弟在放牧时因枪法发生冲突，比试枪法，打赌这枪射程能否达到三公里，他们向远处驶来的一辆观光巴士射击，巴士上是来观光旅游的美国人们。两人意料之外地射中了巴士，观光车上的美国女人苏珊中弹.....         苏珊和理查是一对夫妇，他们原有三个孩子，因其中一个孩子---山姆的去世，两人感情产生隔阂，在婚姻走到尽头之际，两人希望通过此行挽救他们的婚姻。在漫无边际的沙漠里，最近的医院要往回开四个小时，车上的其他人是不同意的，无奈之下，他们来到摩洛哥导游的家里等待救助，导游找来十里八方唯一的医生，还是个兽医暂时治疗苏珊。面对受伤的苏珊，巴士上其他人的催促，迟迟不来的救护车，心疼，痛苦，焦急涌向理查，但他知道自己不能倒下，此刻他是苏珊的最后一根稻草。        埃及两兄弟吓坏了，没有将事情告诉父亲，直到摩洛哥警察顺藤摸瓜追查到他们的父亲时，两人向父亲坦白了事情的经过，虽然是小儿子的错误，父亲却指责并打了哥哥，大儿子将弟弟和姐姐的事情和盘托出，父亲的眼中尽是失望和无助。父亲带着两个儿子踏上逃亡的路，出行不远便遇到了去抓他们的警察，三人匆忙躲避中，哥哥害怕的逃跑，警察开枪打伤了哥哥，弟弟拿起长枪反击打伤了警察，过程中哥哥受了严重的枪伤死亡，弟弟痛苦的把枪折断，举起双手向警察走去，“美国女人是我杀的，都是我做的，他们什么都不知道，我什么都认，救救我哥哥，救救我哥哥!”       小儿子的意外射击---苏珊的受伤，一场单纯的意外因为沟通障碍和国界被误解和夸大到国家政治、民族种族问题.......       远方的日本，猎枪原主人的聋哑女儿，因为母亲的去世，心理产生问题，极度渴望温暖，试图勾引她遇到的每一个男人.....       地球另一边的美国，理查的墨西哥保姆因为要赶回参加儿子的婚礼但孩子们又无人照看而不得不带着理查的两个孩子麦可和黛比返回墨西哥，婚礼上，两个白人小朋友好像对眼前的墨西哥狂热的环境不太适应，在保姆的外甥徒手拧断了一只鸡的脖子时，麦可的眼神里充满恐惧和不理解。在婚礼结束，外甥送三人返回美国时，醉酒驾驶，在穿越边界时与美国警察因沟通问题产生冲突，强行冲破了关卡，在逃跑过程中将保姆与孩子丢在沙漠中，独自驾车引开警察。         保姆与孩子们在茫茫沙漠里渴望着水和救援，保姆为这一切感到愧疚，对麦可说:“我不是坏人，我只是做了蠢事。”最终三人被美国警方找到，最终得救。而保姆因非法越界，被美方遣返。毫无疑问，保姆是爱着两个孩子的，但此时，国界和法律是仅靠爱无法越过的巴别塔。         一片沙漠，联系着经历生死考验的父母和孩子。黄沙湮没着人性与温暖。         美国的巴士最终还是选择了抛弃理查和苏珊，他们不想为两夫妇冒险，巴士的离去给理查最后的重击，反之，陪伴着他的是摩洛哥的导游和他的家人，摩洛哥老人给苏珊吸自制的烟以缓解她的疼痛，老人自始至终没有讲一句话，但她的动作和善良却始终围绕着理查夫妇。最终，他们终于等到了救援.....         夫妇两人经历了生死的考验，隔阂在生死消失殆尽，苏珊和理查明白了比起曾经的伤痛，眼前这个和自己共历死亡的人无法割舍。         镜头转到日本的聋哑女孩，女孩在放纵后，内心更加荒凉。她将查询枪的下落的日本警察约到家里，一方面向其解释母亲的死，另一方面希望能从他那里得到温暖和救赎。最终女儿在警察的帮助下打开心结，最后与父亲相拥结束镜头。但有一个地方我不明白:父亲说妻子是开枪自杀，而女儿说是跳楼自杀，这里隐含了什么剧情，又表达了什么。         整部电影最终以一句话结尾: “the brightest  lights in the darkest night.”   电影表现压抑的色调，赤裸裸的人性，毫不遮掩的性欲，也不乏细微之处的温暖，深入人心的启示。朱老师说这部电影可以算的上是能够改变人的格局的电影，是否有这样的效果我还无法断定，从前我是不会看这样的电影的，为了避免我对人性和世界的怀疑，我只看动画片或清新的电影，一部这样的电影，无疑让我在观看时一度无法接受，百感交集，这是我迈出的一步，会一步一步的走近电影，走近世界，走近人。        

原始，团队

我们通过一个 index.html 文件引用转码后的 compiled.js ，在比较老的浏览器（ 例如火狐27 ）里打开 HTML 文件后后控制台报错： Promise is not defined。 为何 Babel 没有对 ES6 的 Promise 进行转换 ？ 因为 Babel 默认只转换新的 JavaScript 语法（syntax），而不转换新的 API。 新的 API 分类两类，一类是 Promise、Map、Symbol、Proxy、Iterator 等全局对象及其对象自身的方法，例如 Object.assign，Promise.resolve；另一类是新的实例方法，例如数组实例方法 [1, 4, -5, 10].find((item) => item < 0) 如果想让 ES6 新的 API 在低版本浏览器正常运行，我们就不能只做语法转换。 在前端 web 工程里，最常规的做法是使用 polyfill，为当前环境提供一个垫片。所谓垫片，是指垫平不同浏览器之间差异的东西。polyfill 提供了全局的 ES6 对象以及通过修改原型链 Array.prototype 等实现对实例的实现。 polyfill 广义上讲是为环境提供不支持的特性的一类文件或库，狭义上讲是 polyfill.js 文件以及 @babel/polyfill 这个 npm 包。 我们可以直接在 html 文件引入 polyfill.js 文件来作为全局环境垫片， polyfill.js 有 Babel 官方的 polyfill.js，也有第三方的。我们引入一个 Babel 官方已经构建好的 polyfill 脚本。 简单起见，我们通过在 html 里引入 polyfill.js 的方式。 我们在 IE9 打开验证，也可以用 Firefox27 等低版本的浏览器验证。这个时候发现可以正常运行了。 补齐 API 的方式除了通过引入 polyfill.js 文件 ，还有通过在构建工具入口文件（例如 webapck ），babel 配置文件等方式进行。本节讲的通过在 HTML 里直接引入 polyfill.js 文件 这种方式进行在现代前端工程里逐渐淘汰，很少使用了。但这种方式对初学者理解 polyfill 是做什么的是简单直接的。后续章节我们会学习到其它补齐 API 的方式。

巴别塔英文Babel相似短语babel quartz 塔状石英Tower of Babel 巴别塔（圣经故事），指语言混乱。 If we try to implement these harebrained ideas (that English should be replacedtower of babel n. 【地名】巴别塔，通天塔，巴比伦塔相似单词Babel n. 巴别塔babel n. 混乱，嘈杂babel quartz 塔状石英巴别塔（圣经故事），指语言混乱。If we try to implement these harebrained ideas (that English should be replaced by Hindand the 15 recognized state languages), India will become a Tower of Babel.如果我们草率做决定，让印度语和15种官方的州语言取代英语，那么肯定会造成印度的语言混乱。

Babel

babel指的是babelify一个gulp插件或者直接就是babel。作用是compile javascript。

es6 7等转译 es5 preset-env： https://www.babeljs.cn/docs/babel-preset-env src/index.js 终端输入：npx babel src --out-dir build 解释下：执行babel转译，将src文件夹下js的文件，转译输出到 build（自动创建）文件夹下有2种方式在webpack中，配置babel 2种方式都需要如下基础webpack.config.js 配置： 在执行webapck打包的时候，会自动读取.babelrc的配置 建议使用第一种配置方式

Babel是一个转换编译器，它能将ES6转换成可以在浏览器中运行的代码。Babel由来自澳大利亚的开发者Sebastian McKenzie创建。他的目标是使Babel可以处理ES6的所有新语法，并为它内置了React JSX扩展及Flow类型注解支持。据codemix创始人Charles Pick介绍，Babel是所有ES6转换编译器中与ES6规范兼容度最高的，甚至超过了谷歌创建已久的Traceur编译器。Babel允许开发者使用ES6的所有新特性，而且不会影响与老版本浏览器的兼容性。此外，它还支持许多不同的构建&测试系统，使开发者很容易将它集成到自己的工具链中。Charles认为，Babel从根本上讲是一个平台，这是它与compile-to-JS语言CoffeeScript和TypeScript最大的不同。Babel的插件系统允许开发者自定义代码转换器并插入到编译过程。这些转换器会接收一棵抽象语法树，并在代码转换成可执行的JavaScript之前对其进行操作。codemix已经尝试开发了静态&运行时类型检查、闭包消除、JavaScript“健康宏（hygienic macros）”等插件。Babel不仅跟踪ES6的进展情况，而且还是ES7或ES2016的试验场。比如，它已经支持async/await， 使开发者更容易编写异步JavaScript代码，而且与使用回调或Promises相比，代码更简洁易懂。虽然主流浏览器可能还需要几年的时间才能支持 这种异步JavaScript代码编写方式，但Babel使开发者现在就可以用上它。这得益于Babel与JavaScript技术委员会（TC39）保持着高度一致，能够在ECMAScript新特性标准化之前为开发者提供现实世界可用的实现。而同时，这也有利于JavaScript的进一步发展，因为其团队可以在ECMAScript规范最后定稿前就获得来自现实世界的反馈。Babel还能提升JavaScript的执行速度。由于JavaScript 文件加载和执行速度慢会严重影响用户体验，所以JIT没有时间在运行时执行所有技术上可行的优化。相比之下，Babel是在编译时运行，没有这么严格的时 间限制。借助强大的作用域跟踪和类型推断功能及插件系统，开发者可以构建转换器来执行此类优化，比如上文提到的闭包消除可以将闭包转换成平常的函数。 Babel本身也内置了一些优化，比如通过utility.deadCodeElimination转换器执行常量合并/常量传播。在接下来的几个月里，我们还有望看到如下插件：任意函数内联：将函数内联至调用点，实现性能最大化，避免多态和函数调用开销；函数复制：在JavaScript中，多态是导致代码执行慢的一个常见原因。因此，在函数无法内联的地方，应该生成一个函数副本，确保函数保持单态；循环内不变代码外提：将循环体内不变的代码移至循环体外；循环展开：如果循环次数N固定，则移除循环，将循环体复制N份。codemix后续将发布多个执行此类优化的插件，感兴趣的读者可以联系他们或者关注其Twitter。关于JavaScript引擎可以做哪些不同的优化，可以查看这里。Babel插件并局限于性能提升，比如，还可以做下面这些事情：i18n/翻译转换器：翻译特定字符串并替换；自定义日志系统：通过环境变量设置日志级别，控制日志粒度；面向可选模板系统（如Mustache或Handlebars）的编译时转换器：将标签模板字符串直接转换成JavaScript代码；文档生成器：利用Flow类型注解和类型推断生成文档。上述插件，有一部分已经实现。总之，Charles认为，Babel是一款优秀的软件，必将成为每个Web开发者工具箱的一部分，而作为ECMAScript的试验场，它在不远的将来很可能会成为推动ES6和ESNext应用和发展的主要动力。

解决ie9和一些低版本的高级浏览器对es6新语法并不支持问题 npm install --save-dev babel-polyfillbabel-polyfill用正确的姿势安装之后，引用方式有三种： 1.require("babel-polyfill"); 2.import "babel-polyfill"; 3.webpack.config.js module.exports = { 　　entry: ["babel-polyfill", "./app/js"] };

集体合作的力量 无坚不摧

你可能想问，怎么查看使用的 Babel 是哪个版本？ 因此，我们提到 Babel 版本的时候，通常是指 @babel/core 这个 Babel 核心包的版本。 在一次次版本变更的过程中，很多 Babel 工具以及 npm 包等都发生了变化，导致其配置文件有各种各样的写法。同时，很多 Babel 相关的文章没有注意到版本的问题，这给学习者也造成了很大的困惑。 web 前端开发有必要了解这两个版本的变化。

babel tower含义是人类狂妄自大最终只会落得混乱的结局。babel tower就是巴别塔，又称巴比伦塔。是公元前586年位于古巴比伦王国的一座古巴比伦高塔。很久很久以前，人类只有一种语言，人们过的很快乐，突然有一天，有人突发奇想，提议造一个能够通天的塔，看看天上是什么样子的。大家纷纷响应，立即动手，很快就要到天上乐。上帝发现乐这件事情，恐怕人们真的到了天上，自己这个神一点儿神秘感都没有乐，好有危机感，决定破坏这个工程。他把人们的同一种语言改成乐好多种语言，这下人们无法正常交流，塔也就盖不成了。巴别塔象征：而在巴比伦语中，“巴别”或“巴比伦”都是“神之门”的意思。同一词汇（“巴别”）在两种语言里竟会意思截然相反，着实令人费解。其实这是有缘由的。公元前586年，新巴比伦国王尼布甲尼撒二世灭掉犹太王国，拆毁犹太人的圣城耶路撒冷，烧毁圣殿，将国王连同近万名臣民掳掠到巴比伦，只留下少数最穷的人。这就是历史上著名的“巴比伦之囚”。有人称它是天上诸神前往凡间住所途中的踏脚处，是天路的“驿站”或“旅店”。人们普遍认为，“巴别”塔是一座宗教建筑。在巴比伦人看来，巴比伦王的王位是马尔杜克授予的，僧侣是马尔杜克的仆人，人民需要得到他的庇护。为了取悦他，换取他的恩典，保障国家城市的永固，巴比伦人将“巴别”塔作为礼物敬献给了他。

估计是编码格式不一样。先把文件备份一下，用记事本打开之后原文件名另存为-> 编码格式选utf-8 如下：试试看哈。

？

npm install @babel/plugin-proposal-optional-chaining                    //可选链？. npm install @babel/plugin-proposal-nullish-coalescing-operator    //合并空 ？？ 配置babel.config.js  (需要重新启动）可选链？.     对于对象取值a.b.c  ,解决若没有c会报错的问题。     用了可选链返回undefined。 合并空？？     只针对于null和undefined会取 ？？ 后的默认值。     与|| 区别 0  false  “” 被认为有效值

巴别塔

谷歌的一种即时通讯工具。IM是即时通讯的意思，意即聊天工具。------------------------------------------------------传统IM式微 Google 折腾Babel为哪般2013-04-15 根据目前的消息，Babel将会采用全新的UI，以适合在包括iOS、Android以及PC等多个平台使用；用户在聊天时不仅仅能够发送文字，还能发送图片和emoji表情；如果实在忍不住，可以直接通过Hangouts实现视频聊天功能。大家目前都认为Google将于今年的Google I/O上推出这一应用。为什么要出BabelInstant Messaging，最早可以追溯到上世纪70年代的PLATO系统——好吧，确实有点古老——那么我们不妨接着跳过*iux时代最初的点对点聊天通讯协议talk/ntalk/ytalk，从最广为非*nix用户熟知的ICQ说起。ICQ之后，恐怕最广为中国用户熟知的就是腾讯的QQ了。腾讯QQ似乎从发迹以来，一直扮演着中国市场领头羊的角色。直到微信在短短两年时间内获得3亿用户以后，人们似乎突然发现，IM已经发生了翻天覆地的变化。ICQ还活着，由Mail.ru母公司经营没错，IM早已经从最初的点对点传送文字等讯息，升级到了一个社交为主的平台，并且未来还将会有客户关系管理等发展分支。在这一方面，尽管国内的IM面临着监视用户内容、插件过多导致臃肿不堪等指责，我们不得不承认它们走在了国外同类软件前面。很大程度上，国外更多的是习惯于通过电子邮件来进行沟通，IM只是用来进行简单的交流。因为电子邮件相比IM，没有在线与不在线的概念，消息发送方因此对接受方没有一个回复的预期，对于习惯于保持很大个人空间的西方社会来说，这很正常。如果某些商务场合实在需要即刻得到对方回复，Push-Mail即可。中国则不同，人与人之间的互相依赖度更高，再加上受集权传统的影响，大多数发送方发出的消息都希望对方能够立刻作出回复。显然在一个没有Push-Mail的环境下，光靠文字和符号表情不能满足人们日常的沟通需要。于是我们在IM当中集成了自定义表情、语音、视频、文件传输、文件云存储，以及广告——而这些很多国外IM之间未有考虑加入。另一方面，随着国外已经由3G过渡到4G，移动设备的网络带宽和网速都进一步优化，人们需要在一台对多任务支持不如传统PC的设备上实现原本PC端上交给不同程序实现的所有功能，于是老外们开发出了Kik。而这时中国人只需简单的从QQ上移植一些次要功能，中国人想的更多的是如何抓住无线互联网的机遇构建一个全新的平台——这就是微信能够领先世界的原因之一。大公司总是后知后觉。观察过Babel的特性之后我们基本可以确认，Google发布Babel不是出于防范腾讯的微信，而只是为了试图阻止来自Facebook的挑战。一直以来，Google最大的竞争对手其实并不是Apple，一家工程师主导的互联网公司犯不上和一家设计师或者销售主导的互联网公司较什么劲，倒是拥有全球第三大人口的Facebook非常值得Google重视。Facebook Home早前Facebook一直有推出自己搜索的传闻，而后又在传要推出自己的手机。就在上周五Facebook正式提供了Facebook Home下载，这款应用依赖于Android，却能够深度借助Android，实现“无时不在”。另一方面，Google一直试图在社交领域有所建树，无奈自家Google Plus和Facebook的差距不是一点两点。而现在Facebook又借助自家的Android，试图进一步深化对用户的控制，这自然是Google所不能容忍的。因此Google试图推出全新的即时聊天工具，来阻止Facebook的进一步扩张，毕竟自家的产品，暂时还是拥有很大主动权的。Babel前景如何先问这么一个问题，除了最早的Google Search和之后的Gmail，你还见过Google出过什么有划时代意义的产品吗？Blogger？收购来的；Youtube？收购来的；Picasa？收购来的；就连Android，也还是收购来的。相反像Google Notebook、Google Reader这类广大人民群众喜闻乐见的应用和服务，Google倒是关闭了不少。说到Google在社交聊天领域的产品，这时候不得不提一下Google...不，不是Buzz，是Google Wave。想当年Google Wave公测时的热闹景象，恐怕也只有Gmail发布那会儿可以比拟了。Google Wave界面自从Google关闭Google Wave以后，Google花最大力气在推的就是永远也抱不起来的Google Plus。是的，即便是连我都承认，Google Plus的客户端做的非常不错，体验也很好，也没有被墙，可是连我也不清楚，为什么我就是不想去用它。那么Babel呢？目前有关Babel的一些具体情况我们还不清楚，比如会不会整合Google Voice，会不会在桌面和移动平台都有跨平台的客户端，并且Google是否已经对其未来的发展方向有了明确而坚定可执行的规划，就连该应用的体验是否友好也仍未知，因此我们似乎也不能武断的就这款应用的前景作出结论。不过，我们姑且相信Google能够开发出一个整合了Google Talk、Google Plus Messenger、Google Plus Hangouts甚至包括Google Voice的应用，并且这个应用是开源、跨平台的，在每个平台上都流畅无比且占用极少系统资源，并且我们对其网开一面不要求进行任何额外的中国式服务器设置——你知道它什么时候会被Google关闭吗？换句话说，你敢用一家已经让用户对其失去信任的公司开发出的前景不明的产品吗？

.babelrc / babel.config.js webpack.config.js （ module.rules 允许你在 webpack 配置中指定多个 loader） 参考 webpack，Babel，babel-loader的关系

是讲孩子和父母间关系的三个家庭 比较沉重

模拟一个ES2015的环境，就像babel-polyfill一样，只不过babel-runtime只在引入的模块中起作用。BABEL 系列控制器配置说明书：一， BABEL 系列控制器，包括BABEL 控制器，网关等系列产品，物理端口包括N 个RS485和1个以太网口，并支持MeterBUS 协议。二， 设备地址及物理端口配置：1， 新建文件对象，编号n （任意，范围为1～4194303）。2， 编辑文件内容如下：（红色部分为解释）device=185 （device 代表设备编号，185为具体某控制器设备编号） ip = 192.195.16.185（ip 代表设备IP 地址，192.195.16.185为具体某控制器IP 地址）mask = 255.255.0.0（mask 代表设备IP 子网掩码，255.255.0.0为具体某控制器IP 子网掩码）gateway = 192.195.1.1 （gateway 代表设备IP 路由器地址，192.195.1.1为具体某控制器IP 路由器地址，如没有跨网段通讯，则可以全添0）port = 47808 （port 代表设备BACnet UDP端口号，47808为默认BACnet/IP端口，一般无需改动）uart0 = 6,9600,8,none,1（uart0代表第一个串口，第一项为协议类型，4表示控制器为modbusRTU 主端，6表示控制器为Modbus RTU从端，9表示MeterBus 主端。第二项为串口波特率，可以取值57600、38400、19200、9600、4800、2400、1200，其它波特率暂不支持。第三项数据位数取值从5－8 第四项效验方式取值为：none （无效验），odd （奇效验），even （偶效验），mark （效验位常为1），space （效验位常为0）。第五项停止位个数取值1或2）3， 编辑“设备”对象“描述”属性，添加或修改如下信息：devfile = nn 为上述新建的文件对象编号。4， 点“保存”按钮，并复位控制器，重启后设备配置信息被修改。

1、用babel转换es6在ie8下报错：在default处报缺少标识符 字符串或数字function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }2、我是用webpack配置的test: /.js/,loader: "babel-loader",query: {"presets": ["react", "es2015", "stage-1"],"plugins": ["transform-es3-member-expression-literals","transform-es3-property-literals"]},exclude: /node_modules/

babel在代码顶部生产了一个公共的代码_slicedToArray。大概就是将对象里面的一些属性转换成数组，方便解构赋值的进行。但Symbol.iterator的兼容性并不好，还是谨慎使用为妙。

翻译学刊。Babel是国际译学界公认的最具影响力的翻译学期刊之一，系国际顶尖翻译学学术刊物。近30年刊文情况表明，Babel期刊的引用量低主要是中国翻译研究与西方翻译研究表现出了明显的区别，主要体现在研究话题上。

首先在terminal中运行命令npm init，按照提示一步步输入，如果像我这样比较懒的话，也可以一直选默认值，最后生成了package文件，是这样的 接下来我们新建一个入口文件，touch index.js，写入Tips：在这里使用module.exports而不是ES6 export statement的原因是，希望ES5的用户也能够不需任何多余的工作就可以使用这个包。如果现在直接发布的话，这个包是无法工作的，因为我们使用了ES6的feature，所以就需要Babel来帮忙啦，安装Babel

Babel转码：如果你并没有接触过ES6，当你看到下面的代码时，肯定是有点懵逼的（这是什么鬼？心中一万头神兽奔腾而过），但是你没看错，这就是ES6。不管你看不看它，它都在这里。var a = (msg) => () => msg;var bobo = {_name: "BoBo",_friends: [],printFriends() {this._friends.forEach(f =>console.log(this._name + " knows " + f));}};实际上，上面的这段代码通过Babel转换后，会变成："use strict";var a = function a(msg) {return function () {return msg;};};var bobo = {_name: "BoBo",_friends: [],printFriends: function printFriends() {var _this = this;this._friends.forEach(function (f) {return console.log(_this._name + " knows " + f);});}};好，言归正传，我们尝试下用一些方法来实现上面的转码效果吧。1、直接安装Babel法：1.1) 首先全局安装Babel。$ npm install -g babel-cli//也可以通过直接将Babel安装到项目中，在项目根目录下执行下面命令，同时它会自动在package.json文件中的devDependencies中加入babel-cli//在执行安装到项目中命令之前，要先在项目根目录下新建一个package.json文件。$ npm install -g babel-cli --save-dev如果将babel直接安装到项目中，它会自动在package.json文件中的devDependencies中加入babel-cli。如下所示：//{"devDependencies": {"babel-cli": "^6.22.2"}}1.2) Babel的配置文件是.babelrc，存放在项目的根目录下。使用Babel的第一步，就是配置这个文件。这个文件的完整文件名是 “.babelrc”，注意最前面是有个“.”的。由于我的电脑是Windows系统，所以在新建这个文件的时候老是提示 “必须键入文件名” 的错误。后来谷歌了下，发现创建这个文件的时候，把文件名改成“.babelrc.”，注意是前后都有一个点，这样就可以保存成功了{"presets": [],"plugins": []}1.3) presets字段设定转码规则，官方提供以下的规则集，你可以根据需要安装。点击此处到Babel中文presets配置页面：Babel Plugins# ES2015转码规则$ npm install --save-dev babel-preset-es2015# react转码规则$ npm install --save-dev babel-preset-react# ES7不同阶段语法提案的转码规则（共有4个阶段），选装一个$ npm install --save-dev babel-preset-stage-0$ npm install --save-dev babel-preset-stage-1$ npm install --save-dev babel-preset-stage-2$ npm install --save-dev babel-preset-stage-31.4) 根据的提示，当我们用npm安装好这些插件工具之后，我们需要将这些规则加入到.babelrc中去。如下所示：{"presets": ["es2015","react","stage-2"],"plugins": []}1.5) 转码、转码的规则：# 转码结果输出到标准输出$ babel test.js# 转码结果写入一个文件# --out-file 或 -o 参数指定输出文件$ babel a.js --out-file b.js# 或者$ babel a.js -o b.js# 整个目录转码# --out-dir 或 -d 参数指定输出目录$ babel src --out-dir lib# 或者$ babel src -d lib# -s 参数生成source map文件$ babel src -d lib -s2、工具配置法：实际上，我们可以通过前端自动化的很多工具来实现ES6的转码配置，比如，常见的grunt、gulp、Webpack和Node等。下面我就简单的说下我较为熟悉的gulp配置法。点击此处到Babel中文Tool配置页面：Babel Tool2.1) 首先，我们需要在项目中安装gulp：$ npm install gulp --save-dev2.2) 然后，我们需要在项目中安装gulp-babel：$ npm install --save-dev gulp-babel当执行完上面的两个命令后，我们会发现根目录下的package.json文件内容已经被自动修改成：{"devDependencies": {"babel-cli": "^6.22.2","gulp": "^3.9.1","gulp-babel": "^6.1.2"}}2.3) 编写gulpfile.js文件，文件内容如下所示：var gulp = require("gulp");var babel = require("gulp-babel");gulp.task("default", function () {return gulp.src("src/a.js").pipe(babel()).pipe(gulp.dest("lib"));});当我们在当前项目目录下运行如下命令后，会发现原本在src文件夹中的a.js(按照ES6标准编写的)文件已经被转码成ES5标准的a.js，并放在了lib文件夹里面。$ gulp default#或者用下面的命令也行$ gulp

ES6现在浏览器都支持的不够,nodejs的v8同样,即使用usestrict,很多特性也都不支持babel可以把es6转成传统的javascript,就是说你写es6,然后用babel,就可以正常在浏览器中运行了,es6是发展方向。babel-polyfill使用场景Babel默认只转换新的JavaScript语法，而不转换新的API。例如，Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，以及一些定义在全局对象上的方法（比如Object.assign）都不会转译。如果想使用这些新的对象和方法，必须使用babel-polyfill，为当前环境提供一个垫片。babel-runtime使用场景Babel转译后的代码要实现源代码同样的功能需要借助一些帮助函数，例如，{[name]:"JavaScript"}转译后的代码

主要是你的源代码里，或者某些包依赖于babel包导致的。加上 usepackage[english]{babel} 即可。

preset stage-0 其实包含了 stage-[1-3] ，也就是说你装了 0 ，其他三个默认就装了，别重复安装，因为它包含stage-1, stage-2以及stage-3的所有功能。另外，[0-3] 是代表了不同阶段，但， 0 是代表刚开始讨论，而 3 是代表快要成为标准规范了，切忌搞混。在进行实际开发时，可以更具需要来设置对应的stage。如果省事懒得折腾，一般设置为stage-0即可。如果为了防止开发人员使用某些太新的功能，我们可以限制到某个特定的stage。更详细、更专业一点的介绍：stage3包含以下两个插件：transform-async-to-generatortransform-exponentiation-operatorstage2包含stage3的所有插件，额外还有以下插件：syntax-trailing-function-commastransform-object-reset-spreadstage1包含stage2所有插件，额外还有以下插件：transform-class-constructor-call (Deprecated)transform-class-propertiestransform-decorators – disabled pending proposal updatetransform-export-extensionsstage0包含stage1所有插件，额外还有以下插件：transform-do-expressionstransform-function-bind

没人知道因为没演那个纸条写的到底是什么……

<script> 标签的 type 属性为 text/babel 。这是因为 React 独有的 JSX 语法，跟 JavaScript 不兼容。凡是使用 JSX 的地方，都要加上 type="text/babel"代码附上：<body><div id="example"></div><script type="text/babel">ReactDOM.render(<h1>Hello, world!</h1>,document.getElementById("example")      );    </script>  </body>React 入门实例教程：网页链接

韩剧通天塔讲述了为了复仇的检察官，和被财阀毁了人生的女明星之间的激情爱情故事。剧中以巨山集团太竝灿会长为首的财阀家族作为故事中心，在韩国财阀家族总是一个让人羡慕妒忌恨的目标，庞大的财富和权力是人们实现欲望的能力之催化剂，也是罪恶和欲望的深渊。所以Babel以财阀家族来表现人们贪婪的面孔和堕落这种故事再合适不过了，再加上检察官复仇的核心命题，围绕着发生在上流社会的阴谋和男女关系而展开。  财阀和爱情是众所周知的韩剧固有题材，虽然描写财阀争产、富豪人家生活堕落糜烂的题材并不新鲜，但对电视前的观众而言，看有钱人被命运折磨也是一种不具破坏性的发泄和心理按摩，标榜着19禁的剧情还包含了金钱、暴力，复仇、悬疑、激情等重口味元素，首播第一集后就在当地掀起了十足的话题感。而错综复杂的人物关系和特出的角色刻画则永远是一部作品最能留在人心的关键原因，将众多颇具实力的资深演员汇集入戏的Babel，人物塑造方面主要角色都非常丰满，配角桥段运用娴熟，人物关系也铺排得很好，每个出场人物都个性鲜明，背后似乎都有着一些不为人知的故事。  导演采用了过去和现在的画面相互切换和交替重叠的叙事方式，故事的剪辑和讲述都组织的有条不紊，讲述着太敏浩被杀事件以及车宇赫和太敏浩夫妇的一段孽缘，令观众在脑海里不断反复整理情节的来龙去脉，加强了悬念，也增加了观众的紧张和期待的心情，让观众很快入戏。

别 名：通天塔/火线交错/巴贝塔导 演：阿加多·冈萨雷斯·伊纳里多编 剧：吉勒莫·阿里加主 演：凯特·布兰切特 布拉德·皮特 [url]盖尔·加西亚·贝纳尔上 映：2006年10月6日地 区：美国语 言：阿拉伯语 英语 日语 西班牙语颜 色：彩色时 长：142分钟类 型：剧情片大场景的影片适合在电影院看。《通天塔》这种在摩洛哥荒山野岭的大场景与东京人工化的俱乐部，在阳光灿烂的室外与光线阴暗的室内，在外在与内心之间大幅度切换的电影，更是那种需要在大银幕上看的电影。你时而被带到人物的最近处，时而又被拉到大视野。我们被带到摩洛哥的荒山峻岭，乡民的生活被一只枪打破了宁静，这支Winchester牌猎枪，美国制造，由一个日本游客留下来送给当地导游。一个善意的举动引来的却是一个悲剧，这只枪的子弹被放羊的孩子练习着射出去，又射中了恰恰是来自美国的女游客。女游客和丈夫不久前丧子，出游本来是为了挽救婚姻。女游客在小村庄里等待救护生死未卜，同时摩洛哥警察怀疑有恐怖主义行为，要保护国家名声，开始粗暴地追逐牧羊人一家。女游客的丈夫打电话给美国加州圣地亚哥家中的墨西哥保姆，要她好好看管孩子，墨西哥保姆要到边境对面的家中去参加儿子的婚礼，找不到替补只好把两个孩子带了去，结果返回圣地亚哥的途中因为侄子冲动的决定，被警察怀疑绑架孩子，丧魂落魄地在野外度过了一夜，几乎把孩子丢了。在地球的另一端，日本警察则被照会调查猎枪的来历，结果我们知道日本游客有个正在青春成长期的哑巴女儿，在成长的痛苦中反叛着也渴望着，而后我们还知道这个家庭的母亲不久前自杀……倒霉事一桩桩，在观看时几乎觉得编剧有些强迫地把这些巧合安排在一起。但是无论是在摩洛哥等待救援的美国游客，还是东京万家灯火中的一对父女，还是北美荒地中惊慌失措的墨西哥保姆，都是人类处于困境中无助的写照。今天，仿佛人类也在造一座通天塔，今天的通天塔就是全球化，而全球化的通天塔也并非没有代价。这部影片的手法能够吸引你观看，经常让你透不过气来。摄影是最无争议的部分，给我们难忘的画面，无论是美丽的荒山，还是人工化的东京，摄影的呈现都是那么强有力。表演方面，同时启用大明星与各国职业演员与非职业演员，没有感觉任何的不调和，也是影片为人称道的一大特色。凯特·布兰切特，布拉德·皮特的大明星身份正好符合剧情，因为在第三世界的小地方，任何美国人都象是明星。但是转眼之间他们也仍然可以如此束手无策。当然，这部分故事的结局终于转悲为喜，也许是美国观众需要的一点安慰。日本部分的剧情以那个日本女演员的出色表演而格外突出，最不落俗套，但是也最反映现代化社会人的困惑。墨西哥保姆故事讨论边境关系：一方面，资本主义需要全球化，墨西哥人是加州廉价劳动力的主力军，另一方面，疆界又必须存在，出入的规则永远由强势的一方来决定……什么是能让我们在绝境中保存希望的光芒？当人类因为通天塔而被上帝惩罚，不同语言不同种族之间的人类还能靠什么来沟通？影片的创作者好像又绝望又希望。最暗的夜里，我们寻找着人性之光。父与子，父与女，夫与妻的亲情之外，也许是那个摩洛哥导游，那个摩洛哥老奶奶，东京的警察，墨西哥的保姆更能证明着人性的纽带。《通天塔》的导演伊里亚图有才气，有野心，《通天塔》完全证明了他作为电影艺术家的才气，而他的野心是创作一部关于大想法同时又唤起大情感的电影。这个野心到底是否完全实现，还是见仁见智的事情。这部电影的好处在于它只是让你在细微的感受中思考，并不把结论强迫给你，也不对每种文化做类型化的简化，只是唤起对生命的慈悲之情，也许就是这种慈悲之情将是拯救我们于隔阂的光。可是同时，它的故事是否太牵强？费了半天劲并没有说清楚什么？虽然有很多有力的片断，但是这些片断的组合终归没有能够达到创作者想要达到的高度？这是一部让你看了以后愿意跟朋友争论的电影。《圣经》里，记载了初始人类想要建一座通天的“巴别塔”，上帝为了防止人类到达天庭而让他们说不同的语言，最终人类的难以沟通造成高塔的坍塌，通天梦成为泡影。而影片《通天塔》借喻了这段隐喻，《爱情是狗狼》的导演亚里桑德罗·冈萨雷斯·伊纳里图执导了该影片。亚里桑德罗·冈萨雷斯·伊纳里图是讲结构的高手。该影片因有布拉德·皮特和凯特·布兰切特这两位巨星的加盟，而更加值得期待。影片《通天塔》带有强烈的亚历桑德罗·冈萨雷斯·伊纳里图的独特风格，世界上恐怕很难找出什么导演能够把多线索交叉叙事手法运用得如此娴熟，俨然有超越上届奥斯卡最佳影片《撞车》的势头。而且，亚历桑德罗此次把握的故事以及故事中的矛盾冲突显得更加的宏大和人性化。同时，这种多线索叙事技巧在他的手中也已经不再仅仅是表达的工具，而是极富洞察力并具有深刻见解的表达出口，是其展现故事主题的必由之路。伊纳里图曾表示过，将一些故事线索编织到一起已经成为他工作的一种习惯。“当我坐在车里看到有人从路边经过时，我便开始觉得那个人肯定比我头脑中的任何东西都要有趣。所以探究他人的内心是我最大的愿望。与此同时，我们所拥有的现实中的一切也是如此的有限。我更希望探索更加广阔的外部世界，还有陌生的外部世界是怎样影响到我个人的等等，都将成为我作品中所要探寻的目标……”第59届戛纳国际电影节上，亚历桑德罗·冈萨雷斯·伊纳里图凭借这部《通天塔》勇夺最佳导演奖，这也使得他在回到祖国墨西哥后享受到了英雄般的欢呼，也许《爱情是狗娘》是纯粹的本土行为；《21克》则是更加尖锐而小众的，但前两次大胆的尝试之后使得如今的伊纳里图终于迎来了更加辉煌的成绩。在戛纳上《通天塔》呼声最高，甚至高过大师级人物阿莫多瓦的《回归》，也有人认为伊纳里图一直在自我重复，仅此而已，但他坚持自我风格的姿态正是具有独立精神的电影人最可宝贵的地方，而且他也确实找出了最合适自己的表达方式，《通天塔》与他的前两部作品比起来着实有着巨大的突破，在结构和主题上更加宏大与深化，也许它注定不会取得太高的票房，但与观众得到的心灵洗礼相比，那也不算什么。第64届金球奖，本片获得剧情类最佳影片奖。第79届奥斯卡奖，本片获得7项提名。

Tower of Babel 巴别塔 《圣经》首卷“创世纪”记载：从前,天下人的语言都是一样的,他们往东边迁移的时候,在示拿遇见一片平原,就住在那里.他们彼此商量说：“来吧,我们要做砖,把砖烧透.我们要建造一座城和一座塔.塔顶通天,要传扬我们的名,免得我们分散在地上.”耶和华降临,看着世人正在建造的城和塔,说：“天哪,他们成为一样的人民,都是一样的言语,如今既做起这事来,以后他们所要做的事就没有不成就的了.我们下去,在那里变乱他们的口音,使他们的言语彼此不通.”于是,耶和华在那里变乱天下人的言语,他们无法沟通就停工不造塔了.耶和华又使他们操不同语言散居世界各地. 就这样,上帝留下了历史上第一座“烂尾工程”——Towl of Babel.而Babel是人类语言第一次混乱纷杂的地方,该词在英语中也就被赋予了“嘈杂和混乱的场面,嘈杂的声音”等意思了. 正好看到一本书,讲这个的,

ES6现在浏览器都支持的不够, nodejs的v8同样, 即使用use strict, 很多特性也都不支持babel可以把es6转成传统的javascript, 就是说你写es6, 然后用babel, 就可以正常在浏览器中运行了, es6是发展方向。babel-polyfill 使用场景Babel 默认只转换新的 JavaScript 语法，而不转换新的 API。例如，Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign）都不会转译。如果想使用这些新的对象和方法，必须使用 babel-polyfill，为当前环境提供一个垫片。babel-runtime 使用场景Babel 转译后的代码要实现源代码同样的功能需要借助一些帮助函数，例如，{ [name]: "JavaScript" } 转译后的代码

主要是你的源代码里，或者某些包依赖于babel包导致的。 加上 usepackage[english]{babel} 即可。请尝试把有关hyperref宏包的内容注释掉。 %usepackage{hyperref}

1、安装babel-plugin-component npm i babel-plugin-component -D 2、修改babel配置文件， 以下以引入两个component为例

北非摩洛哥境内的小山坡上，黑人兄弟俩正无忧无虑地放着羊，此时他们的父亲手捧着刚刚从日本朋友那里得来的步枪欣喜地向他们走来。乱世之中拥有如此稀罕物，自然如获至宝，父亲随意向远处开了一枪以试试手感之后。远处随即传来一辆旅游巴士的紧急刹车声。此车上坐满了来自世界各地的游客，其中一对美国夫妇理查德（布拉德·皮特）与苏珊（凯特·布兰切特）来荒凉的非洲旅游完全是为了挽救他们濒临崩溃的婚姻，只留下心爱的孩子在美国由墨西哥保姆（阿德丽亚娜·巴拉扎）照顾。在经过了反复的争论以及内心的挣扎之后，两人依然摆脱不了怅惘的心结，正搭巴士奔向下一个目的地。不料悲剧突然降临，一颗子弹穿过车窗，击中了妻子。为了挽救爱人危在旦夕的生命，理查德千方百计四处求救，怎奈人生地疏、语言不通，任何一件简单的情况解释起来都遇到重重障碍。美国政府很快得知消息，立即展开外交求援；当地的警察也迅速发现了肇事的父子，将三人包围在山坡。与此同时，远在美国家中的墨西哥保姆（阿德丽亚娜·巴拉扎）很想在离家长达9年之后回去参加儿子的婚礼。于是，她说服侄子（盖尔·加西亚·伯纳尔）陪她带着理查德的两个美国小孩儿同回墨西哥。在路上，由于人种与肤色以及语言不通等原因，他们被警察当成绑架孩子的嫌犯而遭追捕，继而又与小孩失散。在遥远的日本，曾赠与非洲朋友步枪的日本人（役所广司）亦面临着重重的困境，不久前妻子莫名自杀，聋哑的女儿在母亲自杀后更加自闭，并且还靠勾引她遇到的每个男人来宣泄心中的痛苦。 短短的11天中发生的事情几尽浓缩了这世上所有的不幸，而所有的不幸几乎源于沟通的不畅……

如果你用的babel6的话，需要你先安装react的presetnpm install babel-preset-react --save-dev然后在.babelrc文件中声明{ "presets": ["react"]}

没看见你说的les jardins de babel，而且法语里面没有babel这个单词。名字类似的有娇兰的花园Les Jardin de Bagatelle，请你查证~

习惯了WebStorm的话..我就假设题主会用Node.js和npm啦～一句话总结：用WebStorm自带的FileWatcher功能+Babel实现自动转换ECMAScript6代码为ES5代码我是这么配置的..就先新建一个EmptyProject，然后在src目录下新建了一个main.js；//这一步不是必须的只是刚上手的话从空项目开始自己配置会少很多干扰Then..进入设置，把JavaScriptlanguageversion改成ECMAScript6；再Then..写一段ES6代码"usestrict";//node直接运行ES6代码时，如使用了ES6的一些关键字，比如let，就需要严格模式，否则会报错//这是没有严格模式时候的错误提示//SyntaxError:Block-scopeddeclarations(let,const,function,class)notyetsupportedoutsidestrictmodefunction*fibs(){//GeneratorFunctionleta=0;letb=1;while(true){yielda;//[a,b]=[b,a+b];b=a+b;a=b-a;}}let[first,second,third,fourth,fifth,sixth]=fibs();console.log(first,second,third,fourth,fifth,sixth);现在IDE会出现一个Filewatcher提示条先别点Addwatcher！我们要先去装babel～首先在根目录新建一个package.json{"name":"test-project","version":"1.0.0"}然后打开IDE的Terminal，安装babel-clinpminstall--save-devbabel-cliGood!现在可以去点Addwatcher啦，点完之后会弹出一个框，其中大部分设置IDE都帮你搞定了下面第三行，Program那一项，填$ProjectFileDir$/node_modules/.bin/babel然后点OK，这个时候你就会发现左边多出来一个main-compiled.js文件啦但是还没搞定！现在只是搞定了自动转换的功能，系统默认把ES6compile成了ES6..（你应该会发现compile出来的东西跟原来的一样..Generator函数并没有被转换成ES5的格式）所以我们需要安装Babel的preset以正确识别ES6代码；和刚才一样，在npm安装babel的ES6的presetnpminstall--save-devbabel-preset-es2015在根目录下新建一个.babelrc文件（就是babel在当前项目的配置文件），写上{"presets":["es2015"]}OK搞定！保存再回去看一下main-compiled.js应该就变成这个样子啦，现在你在main.js里直接写ES6代码，IDE都会自动compile成ES5的代码在这里啦～注意：想直接用Node.js运行ES6代码还是有些问题..因为这段代码用的ES6的解构赋值Node.js还未完全支持，需要在运行的时候加入一些tags（以开启Node.js的相关试验特性），具体可以参考Node.js官网对ES6的说明：ECMAScript2015(ES6)。

上帝看不顺眼

conda install openbabel -c conda-forge conda install babel -c conda-forge

Hear Me Cry (日剧 恋爱世纪 插曲) With Love 2 Iris 虹之女神 3 New Casablanca 雪纷飞乐团 4 Bibo No Aozora／Endless Flight／Babel 通天塔 5 September／The Joker （Aftc＇s Aces High Remix） 通天塔 6 Tu Me Acostumbraste 通天塔 7 Tazarine 通天塔 8 Cumbia Sobre el Rio 通天塔 9 Deportation／Iguazu 通天塔 10 Desert Bus Ride 通天塔 11 Oh My Juliet! 通天塔 12 Babel 通天塔 13 Amelia Desert Morning 通天塔 14 Masterpiece 通天塔 15 World Citizen: I Won＇t Be Disappointed／Looped Piano 通天塔 16 Para Que Regreses 通天塔 17 Master 通天塔 18 Two Worlds, One Heart 通天塔 19 Only Love Can Conquer Hate 通天塔 20 Breathing 就这些了 应该有你要的

var let const的区别 var 可以变量提升 全局作用域和函数作用域 let 不存在变量提升 有块级作用域 const 常量 一旦定义了不能修改 解构赋值   // 对象的解构赋值   var obj={     name:"veb",     age:20   }   // var name=obj.name,age=obj.age;   // var {name,age}=obj;   // console.log(name)   var req={     query:{       page_num:10,       page_size:2     }   }   // var page_num=req.query.page_num,page_size=req.query.page_size;   // 指定默认值   var {page_num=20,page_size}=req.query;   console.log(page_num)   // 别名   var {page_num:num,page_size}=req.query;   console.log(num)   // let {readFile,writeFlie}=require("fs");   // 数组的解构赋值   // let x=10,y=20;   // let [x,y]=[10,20];   // console.log(x,y);   function f(obj){     let {name,age}=obj;     console.log(name,age)   }   f({     name:"veb",     age:20   }) 展开运算符 // var arr=[1,2,3]   // var arr2=[4,5,6];   // var arr3=[...arr,...arr2];   // console.log(arr3);   // console.log(...arr3);   var obj={     name:"veb",     age:20   };   var obj2={     sex:"男",     ...obj   };   console.log(obj2) 函数默认值为第一个 function f(a=2,b){     console.log(a+1)//1   }   f(0) 对象属性和方法 // var obj={   //  name:"veb",   //  say(){   //    console.log(this.name)   //  }   // }   // obj.say();   var name="veb",age=20;   var obj={     // name:name,     name,     // age:age,     age   }   console.log(obj); 字符串模板 let x=10,y=20;   // let str="/getData?x="+x+"&y="+y;   // let str=/getData?x=${x}&y=${y};   let str=`${x}    </div>   `   console.log(str); // rest 逆向的展开运算符   function f(...a){     console.log(a);   }   f(100,1,2,3,4,5,6) 箭头函数 // 没有形参或多个形参需要添加小括号 // 没有自己的this指向 跟函数定义的上下文保持一致 // 没有arguments参数集合 可以用rest替代1.// let F3= ()=>1+1  let F4 = ()=>{     if(1>0){       alert("hello");     }   }   // F4(); // console.log(this);   // let F5=()=>{   //  console.log(this);   // }   // var obj={};   // F5.call(obj);  btn.onclick=function(){    setTimeout(()=>{       this.style.color="red"     }, 2000);   }   var obj={     say(){     }   } var F6=(...a)=>{     console.log(a);   }   F6(1,2,3,4) set var s=new Set([1,2,3,4,4]);   // console.log(...s);   // 去重   // var arr=[1,2,2,2,2];   // var res=[...new Set(arr)];   // console.log(res);   //添加   s.add(5);   // 删除   s.delete(2);   // 是否存在某个值   var res=s.has(8);   console.log(res); proxy代理劫持 // 数据驱动 数据变化 视图更新   var obj={     msg:"hello"   }   title.innerHTML=obj.msg;//初始渲染   function setValue(val){     obj.msg=val;     title.innerHTML=obj.msg;   }   setValue(123)   btn.onclick=function(){     setValue(5000);   }  var obj={     msg:"hello"   }   obj=new Proxy(obj,{     // 要设置obj属性时执行此函数 target是劫持对象obj     set(target,key,value){       console.log("你修改了"+key+"的值为"+value);       target[key]=value;     },     get(target,key){       console.log("你获取了"+key+"的值");       return target[key];     }   })  obj.msg="world"  alert(obj.msg) // try{   //  console.log(x);   // }catch(e){   //  console.log("有错误")   // }   // var obj={   //  name:"veb"   // }   // try{   //  obj.name="len";   // }catch(e){   //  console.log("有错")   // } reflect   var obj={     name:"veb"   }   // obj.name="len"   var res=Reflect.set(obj,"name","len") //返回布尔值代表状态   console.log(res);   var ree = Reflect.get(obj,"name") //返回调用的结果   console.log(ree); 类 // function Person(name,age){   //  this.name=name;   //  this.age=age;   // }   // Person.prototype.say=function(){   //  alert("嘿嘿嘿")   // }   // var p1=new Person("veb",20);   class Person{     constructor(name,age){//构造函数       // 私有的       this.name=name;       this.age=age;     }     say(){//公共的       alert("嘿嘿嘿"+this.name)     }   }   var p2=new Person("len",30);   console.log(p2)   p2.say(); 继承extends class Animal{     constructor(a){       this.type="动物"       this.voc=a;     }     say(){       alert(this.voc);     }   }  class Dog extends Animal{     constructor(){       super("汪汪汪");//拿Animal私有     }   }   var d=new Dog();   console.log(d);