babel

这是个json字符串吧，query是json字符串的一个属性对象，包括一个数组对象。

1.ps打开一张照片，双击照片图层，在弹出框点确定。2.在图层下方点击新建图层蒙版按钮，可以看见图层后面增加一个白色框（蒙版）。3.点击工具栏的拾色器，将前景色设为白色，然后点击橡皮擦工具，在舞台上涂抹照片（鼠标左键按住拖动）。4.将拾色器的前景色改为黑色，点橡皮擦去涂抹上一个步骤被 空白区，可以看见被抹掉的图像又回来了，图层蒙版擦图的用法就是这样。

如果要用async，安装一个async的npm包npm install --save async然后这样调用var async = require("async");

gulp脚本中能不能使用箭头函数取决于其运行环境，即Node的版本号。不过目前的版本应该都支持ES6语法。gulp本身不具备编译JS的能力，肯定是通过第三方插件来编译的，那么要看你用的什么插件以及什么配置来编译。既然webpack直接可编译，那么使用gulp调用webpack来编译就不应该出问题的。光从你提供的信息来看，目前也就只能这么回答了。

安装package control之后 ctrl+shift+p ,然后输入PC：I 回车，然后输入你这个插件名称，然后点击这个插件就可以了

要看使用模版般说标准文档类环境需要用宏包没相应环境自定义妨

花了2个多小时终于编译安装好了openbabel的python接口。 整理要点如下： PYTHON_BINDINGS用来开启python接口的编译 CMAKE_INSTALL_PREFIX用来指定openbabel将要安装的路径 EIGEN3_INCLUDE_DIR用来指定在上一步安装的eigen的路径 其中babel_installation_path是openbabel的安装路径。 可选择将上述语句加入到 ~/.bashrc 文件。

Babelgum 是一款类似于Joost的P2P网络电视，旨在为来自全球各地使用宽带服务的电脑用户提供优质的免费视频服务；Babelgum的运营模式稍微与Joost有些不同，除了联合各大电视频道以外，Babelgum最大的特色是允许用户可以向Babelgum自己布置电视节目，性质应该和目前流行的视频分享网站很相仿！

转换为空白可以尝试转换一般乱码或空白的情况会有改善。Open Babel是化学领域常用的一个文件格式转换工具，它可以支持xyz的坐标格式、SMILES表达式、InChI表达式和mol以及mol2等格式之间的互相转化。比如说，你只有一个甲烷的SMILES表达式C，那么你就可以使用Open Babel将其转化成一个mol2文件，这样就可以用vmd等工具进行分子的可视化(参考这篇博客)。GUI（Graphical User Interface，中文名：图形用户接口）是指采用图形方式显示的计算机操作用户界面于70年代美国施乐公司研发。GUI便捷、准确，实用性很强，主要功能是实现人与计算机等电子设备的人机交互。

你想问的是不是Openbabel批量转换的步骤吗？下载并安装Open Babel，然后Windows键+R键，再输入cmd进入命令提示符进行操作，然后输入操作命令。首先进入你需要转换文件的路径，不能有中文。然后输入命令Obabel *.input format _ooutput format _O file .output format _m --gen3dInput format是要进行转换的文件的格式output format是输出文件的格式-m是让转换的文件为一对一的，不加的话转换的文件会被合并到一个文件中。-O file是输出文件的路径_gen3d是把二维格式转换成三维结构。

首先无论require还是import，都不是webpack的发明，它们是已经存在于世的不同的模块化规范(目前都不能直接运行于浏览器)。 于是需要通过webpack在配合各种plugin、loader将其转义，使之可以运行在浏览器里。

Can"t resolve babel"无法解决杂声你好遇到这种情况，首先检查dom有没有渲染出来如果一个dom都没有，那你的代码入口处存在问题npm i --save-dev babel-loader希望对你有帮助

请尝试把有关hyperref宏包的内容注释掉。%usepackage{hyperref}

首先无论require还是import，都不是webpack的发明，它们是已经存在于世的不同的模块化规范(目前都不能直接运行于浏览器)。 于是需要通过webpack在配合各种plugin、loader将其转义，使之可以运行在浏览器里。

右击你的项目文件夹

配置 .babelrc 文件：{"plugins": ["transform-es2015-typeof-symbol"]}bebel 会自动获取这个文件，然后使用插件。回答不容易,希望能帮到您,满意请帮忙采纳一下，谢谢 !

中东两河流域和古犹太人的传说，后来在《圣经》中记录下来。在《圣经.旧约》“创世纪”中说，大洪水以后留下来的人逐渐繁衍，越来越多……11:1 那时，天下人的口音，言语，都是一样。 11:2 他们往东边迁移的时候，在示拿地遇见一片平原，就住在那里。 11:3 他们彼此商量说，来吧，我们要作砖，把砖烧透了。他们就拿砖当石头，又拿石漆当灰泥。 11:4 他们说，来吧，我们要建造一座城和一座塔，塔顶通天，为要传扬我们的名，免得我们分散在全地上。 11:5 耶和华降临，要看看世人所建造的城和塔。 11:6 耶和华说，看哪，他们成为一样的人民，都是一样的言语，如今既作起这事来，以后他们所要作的事就没有不成就的了。 11:7 我们下去，在那里变乱他们的口音，使他们的言语彼此不通。 11:8 于是，耶和华使他们从那里分散在全地上。他们就停工，不造那城了。 11:9 因为耶和华在那里变乱天下人的言语，使众人分散在全地上，所以那城名叫巴别（就是变乱的意思）。

题主的项目应用常规的vue-cli3构建项目，在兼容IE浏览器时遇到的问题，做一下记录。 IE 11版本浏览器不支持ES6百分之85%的语法规范，在vue项目中选择使用babel-polyfill兼容语法。 这里尽可能在首行引入；注意一下node_module中polyfill的文件路径，有的可能是 import "@babel/polyfill" 这种情况。 配置内容如下： 链式webpack配置函数

安装babel的时候遇到了些问题记录如下：使用npm install -g babel安装后输入babel --version 有以下提示：卸载后使用npm install babel-cli -g安装成功npm install babel-cli -gnpm install babel-core --save-dev

raise a babel 得沸沸扬扬raise 英[reɪz] 美[rez] v. 筹集; 提升; 增加; 养育; n. 提升; 增加; 举起; 高处;

看样子你在使用ES2015语法写react，那你的loader配置不怎么正确，应该是： { test: /.js$/, exclude:/node_modules/, loader: "babel-loader"}, { test: /.jsx$/, exclude: /node_modules/, loader: "babel?presets[]=react&presets[]=es2015"...

系统中的xxx.dll文件没有被指定在windows上运行。完全注册系统中的.dll文件。1、开始 - 运行输入CMD，点击确定或者按下键盘上的回车（Enter）键，打开管理员命令提示符窗口；2、复制：for in (?ndir?92;system32*.dll) do regsvr32.exe /s 命令，在打开的管理员命令提示符窗口，点击左上角的小框，在下拉菜单中点击编辑 - 粘贴；3、点击：编辑 - 粘贴以后，for in (?ndir?92;system32*.dll) do regsvr32.exe /s 命令就复制到了管理员命令提示符窗口中（这样操作，输入的命令不会出现错误），按下键盘上的回车键；

巴别塔双语对照词典结果：网络释义1. 巴别塔城例句:1.For this ubiquitous technology, mankind suffers from a tower ofbabel syndrome. 在这一普遍使用的科技产品上，人类却患上了“巴别塔”综合症。

command not fond是敲入的命令不正确，导致mac找不到执行入口导致，请检查。

需要安装babel-preset-es2015插件，才能把es6编译成es5npm install --save-dev babel-preset-es2015在gulpfile.js中增加presets var gulp = require("gulp");var babel = require("gulp-babel");gulp.task("default", function () {return gulp.src("src/app.js").pipe(babel({presets: ["es2015"]})).pipe(gulp.dest("dist"));});

不能。HTML可能经过文本压缩及字符转换。CSS可能做过自动追加前缀，压缩，或者根本就是用预编译器写出来的。Javascript可能经过压缩，优化。另外，如果打包配置中未设置pathinfo为true的话，将不会包含源文件路径。就算多增加一个空格也和原始的不同了吧？不过，当webpack打包时，可以配置生成.map文件，使用此文件可以还原原文件。你需要问原作者索要。

香港Babeluoni是香港本土的自主品牌，是由几个富有梦想的年轻设计师组成的团队，原创设计十分高大上，都是头层牛皮，是小众自主品牌，粤语名字：巴闭咯你，固英文翻译为:Babeluoni，正品包装真的高大上

The Tower of Babel forms the focus of a story told in the Book of Genesis of the Bible. The story of the city of Babel is recorded in Genesis 11:1-9. Everyone on earth spoke the same language. As people migrated from the east, they settled in the land of Shinar. People there sought to make bricks and build a city and a tower with its top in the sky, to make a name for themselves, so that they not be scattered over the world. God came down to look at the city and tower, and remarked that as one people with one language, nothing that they sought would be out of their reach. God went down and confounded their speech, so that they could not understand each other, and scattered them over the face of the earth, and they stopped building the city. Thus the city was called Babel.

看到有这款香水的 EDP淡香精 babel 在法语中意为“通天塔”则试想les jardins de babel 可否译为空中花园

方法：Check if this entry is a directory or a file. const size_t filenameLength = strlen(fileName); if (fileName[filenameLength-1] == "/") {{

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);

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

习惯了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)。

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

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

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

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

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" } 转译后的代码

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

<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 入门实例教程：网页链接

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

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

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

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期刊的引用量低主要是中国翻译研究与西方翻译研究表现出了明显的区别，主要体现在研究话题上。

.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， 点“保存”按钮，并复位控制器，重启后设备配置信息被修改。

谷歌的一种即时通讯工具。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关闭吗？换句话说，你敢用一家已经让用户对其失去信任的公司开发出的前景不明的产品吗？

巴别塔

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  “” 被认为有效值

局部配置 1.新建一个文件夹package（名字可以随便起） 2、打开cmd命令窗口 3、cd：package的路径 npm init 4、需要用jquery，可以安装jquery npm install --save-dev jquery 5、在cmd窗口输入： 安装babel-cli： cnpm install --save-dev babel-cli cnpm install babel-preset-env --save-dev 百度搜索babel进入官网 切换版本 2） 在package文件夹下： 6、在package文件夹下： 1）、 新建一个build文件夹里面存放转译后的js文件 2）、新建一个js文件存放es6语法的js文件 3）、在package.json里输入build: babel js -d build 4）、 新建文件.babelrc,在里面粘贴 { "presets": ["env"] } 7、cmd进入package文件夹下输入： 注：package.json文件：(以后参考版本用)

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

？

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

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

集体合作的力量 无坚不摧

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指的是babelify一个gulp插件或者直接就是babel。作用是compile javascript。

我们通过一个 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 的方式。

 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.”   电影表现压抑的色调，赤裸裸的人性，毫不遮掩的性欲，也不乏细微之处的温暖，深入人心的启示。朱老师说这部电影可以算的上是能够改变人的格局的电影，是否有这样的效果我还无法断定，从前我是不会看这样的电影的，为了避免我对人性和世界的怀疑，我只看动画片或清新的电影，一部这样的电影，无疑让我在观看时一度无法接受，百感交集，这是我迈出的一步，会一步一步的走近电影，走近世界，走近人。        

现在空项目中创建 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年后波斯帝王居鲁士到来才拯救了他们。亡国为奴的仇恨使得犹太人刻骨铭心，他们虽无力回天，但却凭借自己的思想表达自己的愤怒。于是，巴比伦人的“神之门”在犹太人眼里充满了罪恶，遭到了诅咒。他们诅咒道：“沙漠里的野兽和岛上的野兽将住在那里，猫头鹰要住在那里，它将永远无人居住，世世代代无人居住。”

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

在此之前你需要首先了解一下什么是 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文档 ，以查看更多配置选项。