初學(xué) Babel 工作原理

lemon 發(fā)布于2019-08-23 18:18 / 1405人閱讀

摘要：原文鏈接初學(xué)工作原理前言對于前端開發(fā)者來說應(yīng)該是很熟悉了，日常開發(fā)中基本上是離不開它的。已經(jīng)了，我們已經(jīng)能夠熟練地使用的語法。但是對于瀏覽器來說，可能和它們還不夠熟悉，我們得讓瀏覽器理解它們，這就需要。

原文鏈接：初學(xué) Babel 工作原理

前言

Babel 對于前端開發(fā)者來說應(yīng)該是很熟悉了，日常開發(fā)中基本上是離不開它的。

已經(jīng)9102了，我們已經(jīng)能夠熟練地使用 es2015+ 的語法。但是對于瀏覽器來說，可能和它們還不夠熟悉，我們得讓瀏覽器理解它們，這就需要 Babel。

當(dāng)然，僅僅是 Babel 是不夠的，還需要 polyfill 等等等等，這里就先不說了。

What：什么是 Babel

Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments.

簡單地說，Babel 能夠轉(zhuǎn)譯 ECMAScript 2015+ 的代碼，使它在舊的瀏覽器或者環(huán)境中也能夠運(yùn)行。

我們可以在 https://babel.docschina.org/repl 嘗試一下。

一個(gè)小

云服務(wù)器 GPU云服務(wù)器工作原理網(wǎng)絡(luò)工作原理爬蟲工作原理 cdn工作原理

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/104995.html

相關(guān)文章

Webpack初學(xué)遇到的問題

摘要：的功能包轉(zhuǎn)譯過程中使用到的插件，其中是步驟使用的。階段使用到的一系列標(biāo)準(zhǔn)新增的原生對象和的，實(shí)現(xiàn)上僅僅是和兩個(gè)包的封裝。功能類似一般用于或者中，因?yàn)樗粫?huì)污染全局變量引入圖片資源時(shí)遇到的問題 Module parse failed: Unexpected character ? (1:0) You may need an appropriate loader to handle th...

taoszu 2019-08-22 18:49 評論0 收藏0
React基礎(chǔ)再回顧

摘要：方法一必須在這里綁定方法二使用屬性初始化器語法需要開啟以上方法三在使用時(shí)綁定方法四在回調(diào)函數(shù)中使用箭頭函數(shù)渲染的時(shí)候都會(huì)創(chuàng)建一個(gè)不同的回調(diào)函數(shù)。然而如果這個(gè)回調(diào)函數(shù)作為一個(gè)屬性值傳入低階組件，這些組件可能會(huì)進(jìn)行額外的重新渲染。從16年夏天初學(xué)React，到17年正式投入到工作中使用，直到現(xiàn)在V16.2發(fā)版，React發(fā)生了巨大的變化，最近在工作中使用時(shí)遇到很多基礎(chǔ)不是非常清晰，借此再...

2450184176 2019-08-22 15:16 評論0 收藏0
react+webpack+跨域代理+多頁面 初學(xué)心得分享

摘要：初學(xué)，利用進(jìn)行工程化開發(fā)管理，遇到一些問題，如多頁面處理，跨域代理的設(shè)置，如何同時(shí)引入使用。這個(gè)命令生成的文件可以放到后端服務(wù)器指定的靜態(tài)文件目錄下，這些就是用來上線的文件。這兩個(gè)文件夾下的代碼文件就是為兩個(gè)獨(dú)立的頁面準(zhǔn)備的。初學(xué)react，利用webpack進(jìn)行工程化開發(fā)管理，遇到一些問題，如多頁面處理，跨域代理的設(shè)置，如何同時(shí)引入使用jQuery。第一次試水，簡單寫了一個(gè)表格組件...

Chao 2019-08-26 17:15 評論0 收藏0
JavaScript是如何工作的：深入類和繼承內(nèi)部原理+Babel和 TypeScript 之間轉(zhuǎn)換

摘要：下面是用實(shí)現(xiàn)轉(zhuǎn)成抽象語法樹如下還支持繼承以下是轉(zhuǎn)換結(jié)果最終的結(jié)果還是代碼，其中包含庫中的一些函數(shù)?？梢允褂眯碌囊子谑褂玫念惗x，但是它仍然會(huì)創(chuàng)建構(gòu)造函數(shù)和分配原型。這是專門探索 JavaScript 及其所構(gòu)建的組件的系列文章的第 15 篇。想閱讀更多優(yōu)質(zhì)文章請猛戳GitHub博客,一年百來篇優(yōu)質(zhì)文章等著你！如果你錯(cuò)過了前面的章節(jié)，可以在這里找到它們： JavaScript 是...

PrototypeZ 2019-08-23 14:54 評論0 收藏0
JavaScript 是如何工作的：JavaScript 的內(nèi)存模型

摘要：調(diào)用堆棧是存放原始數(shù)據(jù)類型的地方除了函數(shù)調(diào)用之外。上一節(jié)中聲明變量后調(diào)用堆棧的粗略表示如下。解釋改變的正確方法是更改內(nèi)存地址。在聲明時(shí)，將在調(diào)用堆棧上分配內(nèi)存地址，該值是在堆上分配的內(nèi)存地址。這是專門探索 JavaScript 及其所構(gòu)建的組件的系列文章的第 21 篇。想閱讀更多優(yōu)質(zhì)文章請猛戳GitHub博客,一年百來篇優(yōu)質(zhì)文章等著你！如果你錯(cuò)過了前面的章節(jié)，可以在這里找到它們：...

baoxl 2019-08-23 16:56 評論0 收藏0