解決ie瀏覽器兼容ES6語法問題

原創 五颜六色的黑 2020-06-22 19:34

在ie瀏覽器中es6這種語法不兼容，爲了兼容ie呢，我們需要引入browser.min.js，下載browser.min.js鏈接如下：最關鍵的一點是要將script標籤的type屬性改爲如下狀態，完美解決。

 

在瀏覽器中輸入https://cdn.staticfile.org/react/16.4.0/umd/react.development.js https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js https://unpkg.com/[email protected]/babel.min.js 這三個地址，將得到的頁面全選後複製粘貼到本地的文件中，分別對應react.js、react-dom.js和browser.min.js三個文件

 

<script type="text/javascript" src="js/babel.min.js"></script>

<script type="text/babel" charset="UTF-8">

   ....你的包含es6的js代碼

</script>

 

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Javascript基礎知識體系化學習總結（五）DOM

Javascript基礎知識體系化學習總結（五）DOM 一、樹形結構 1.DOM的本質其實是由html文件/語言經過瀏覽器校驗生成的樹形結構，也就是一棵樹。 2.html可以說是XML的一種特定的寫法。 二、節點操作 1.針對節點

ODST_TheSolverO5 2020-07-08 10:59:38

JS繼承原理剖析

1、原型鏈繼承 構造函數、原型和實例之間的關係：每個構造函數都有一個原型對象，原型對象都包含一個指向構造函數的指針，而實例都包含一個原型對象的指針。 繼承的本質就是複製，即重寫原型對象，代之以一個新類型的實例。 function

沧海横流-- 2020-07-08 10:21:58

bind的原理深度剖析

bind()方法創建一個新的函數，在bind()被調用時，這個新函數的this被bind的第一個參數指定，其餘的參數將作爲新函數的參數供調用時使用。 **語法：**function.bind(thisArg[,arg1[,arg2

沧海横流-- 2020-07-08 10:21:58

手動模擬實現Map

基於hash算法 表 鏈表實現模擬 拿到對應的key值----> 轉化得到hash值---->對應到相對的表的位置(這個其實使用一個數組實現) ----> 在對應的位置對鏈表進行操作 function myMap() {

ccxCode 2020-07-08 03:51:15

$nextTick —— vue中實現請求數據後渲染dom

我們先看下面代碼示例效果： （1）示例 <body>     <div id="app" >         <div id='div' v-if="showDiv">這是一段文本</div>         <button @clic

提莫拌一团蘑菇 2020-07-08 00:32:07

前端js Aes對本地存儲數據進行加密解密

1、npm install crypto-js 2、編寫LocalStorage類 const CryptoJS = require('crypto-js'); class LocalStorage { construct

IT~少年人 2020-07-08 00:02:52

高德 自定義覆蓋物 信息窗體，站點名稱顯示；

 效果圖，數據需自己模擬；   val = { name: 'xxx城市', position: [123.34534566,41.423443] } let marker = new AMap.Marker({

Aha- 2020-07-07 23:07:05

node js學習 [第四篇] cli commander chalk Inquirer【新手向】

commander 開發方向 GUI - Graphical User Interface ： 圖形用戶界面 office、vscode、瀏覽器、播放器…… CLI - Command-Line Interface：命令行界面，

丸子丸子丸子酱 2020-07-07 16:53:24

js源生寫cookie封裝

//寫cookies function setCookie(name,value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTim

丸子丸子丸子酱 2020-07-07 16:10:55

你真的瞭解變量的解構賦值嗎（ES6篇）

ES6總結系列之 變量的解構賦值 篇 變量的解構賦值：分解一個對象的結構，對變量進行賦值，前提：等號兩邊的模式相同 數組的解構賦值 可從數組中提取值，按照對應位置，對變量賦值 let [a,b,c] = [1,2,3]; //a

YoursJoker 2020-07-07 14:51:44

JavaScript ES6 Array.filter()方法總結

本篇文章參考以下博文 Array.prototype.filter() array.filter()妙用 文章目錄一、定義二、語法三、實例3.1 過濾數組中的假值3.2 數組中不同的部分3.3 數組去重四、轉化爲 ES5 之後

EcbJS 2020-07-07 09:27:22

JavaScript ES6 Array.from方法總結

本篇文章參考以下博文 ES6，Array.from()函數的用法 JavaScript from() 方法 Array.from() Array.from()五個超好用的用途 文章目錄一、前言二、定義三、語法四、實例4.1 結

EcbJS 2020-07-07 09:27:22

JavaScript數組去重性能測試

本篇文章參考以下博文 數組裏面對象去重的3種方法 數組方法reduce JavaScript 高性能數組去重 JavaScript數組去重（12種方法，史上最全） 文章目錄前言測試模板一、數組去重性能測試1.1 Array.f

EcbJS 2020-07-07 09:27:22

webpack 性能優化一

Webpack 性能優化（一） 一、優化開發體驗，提高開發效率 1.優化構建速度。如果項目很龐大的時候，構建的耗時會變得很長，每次等待構建的耗時加起來是個很大的數目 2.優化使用

青梅煮酒论英雄 2020-07-07 06:09:35

webpack 性能優化二

Webpack 性能優化（二） 一、使用DllPlugin(動態鏈接庫)：將網頁依賴的基礎模塊比如rect,react-dom,vue模塊抽離出來，打包到一個個單獨的動態鏈接庫中

青梅煮酒论英雄 2020-07-07 06:09:35