成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

React項(xiàng)目中碰到的IE問題

gotham / 552人閱讀

摘要：最近接手一個(gè)項(xiàng)目，在下碰到了倆問題報(bào)錯(cuò)如下跟蹤一下之后，發(fā)現(xiàn)是一些其他的包里面用到了這個(gè)方法，可以自己一下不過加的方法畢竟不好，可以通過引入解決，在入口文件中引入問題解決后，又出問題了。。。

最近接手一個(gè)React項(xiàng)目，在IE下碰到了倆問題

IE11報(bào)錯(cuò)如下：

跟蹤一下之后，發(fā)現(xiàn)是一些其他的npm包里面用到了startsWith這個(gè)方法，可以自己polyfill一下：

if (!String.prototype.startsWith) {
  String.prototype.startsWith = function (search, pos) {
    return this.substr(!pos || pos < 0 ? 0 : +pos, search.length) === search
  }
}

不過加prototype的方法畢竟不好，可以通過引入@babel/polyfill解決，在入口文件中引入import "@babel/polyfill";

IE11問題解決后，IE10又出問題了。。。

犯了stackoverflow和github的很多帖子之后，在這個(gè)帖子里找到，發(fā)現(xiàn)是Object.setPrototypeOf的問題，Object.setPrototypeOf說是支持了IE9-11, 實(shí)際在源碼里只實(shí)現(xiàn)了11+(https://github.com/paulmillr/...

解決辦法可以是在polyfill url后加上excludes=Object.setPrototypeOf, 或者自己實(shí)現(xiàn)Object.setPrototypeOf方法，我這里引入了一個(gè)庫setprototypeof，然后在入口文件中加上Object.setPrototypeOf = require("setprototypeof");

其實(shí)這個(gè)庫里的實(shí)現(xiàn)代碼非常少, 可以簡單看下

"use strict"
/* eslint no-proto: 0 */
module.exports = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array ? setProtoOf : mixinProperties)

function setProtoOf (obj, proto) {
  obj.__proto__ = proto
  return obj
}

function mixinProperties (obj, proto) {
  for (var prop in proto) {
    if (!obj.hasOwnProperty(prop)) {
      obj[prop] = proto[prop]
    }
  }
  return obj
}

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

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

相關(guān)文章

  • ES6 + Webpack + React + Babel 如何在低版本瀏覽器上愉快的玩耍（上）

    摘要：起因某天，某測試說這個(gè)頁面在下白屏，也白。。某前端開發(fā)吭哧吭哧。。。一上午的時(shí)間就過去了，搞定了。第二天，某測試說又白了。。某前端開發(fā)吭哧吭哧。。。誰用的，出來我保證削不屎你。原諒我不禁又黑了一把。 起因 某天，某測試說：這個(gè)頁面在 IE8 下白屏，9也白。。 某前端開發(fā): 吭哧吭哧。。。一上午的時(shí)間就過去了，搞定了。 第二天，某測試說：IE 又白了。。 某前端開發(fā): 吭哧吭哧。。。誰...

    you_De 評論0 收藏0

  • Luy 1.0 ：一個(gè)React-like輪子的誕生

    摘要：司徒正美的一款了不起的化方案，支持到。行代碼內(nèi)實(shí)現(xiàn)一個(gè)胡子大哈實(shí)現(xiàn)的作品其實(shí)就是的了源碼學(xué)習(xí)個(gè)人文章源碼學(xué)習(xí)個(gè)人文章源碼學(xué)習(xí)個(gè)人文章源碼學(xué)習(xí)個(gè)人文章這幾片文章的作者都是司徒正美，全面的解析和官方的對比。 前言 在過去的一個(gè)多月中，為了能夠更深入的學(xué)習(xí)，使用React，了解React內(nèi)部算法，數(shù)據(jù)結(jié)構(gòu)，我自己，從零開始寫了一個(gè)玩具框架。 截止今日，終于可以發(fā)布第一個(gè)版本，因?yàn)榫驮谧蛱?，?..

    codecook 評論0 收藏0

  • 使用React 應(yīng)當(dāng)注意的幾個(gè)地方

    摘要：都會造成錯(cuò)誤，注意一定一定嚴(yán)格的用，所以我建議直接復(fù)制我的。因?yàn)橛玫脑捤麜D(zhuǎn)義代碼，寫不寫其實(shí)一個(gè)樣。不可避免的，構(gòu)建肯定是要用到的。這個(gè)時(shí)候一般用的是在外面保存然后里面調(diào)用第二個(gè)坑更隱蔽。 目標(biāo)人群 獻(xiàn)給熟悉基礎(chǔ)的React語法的剛接觸React的同學(xué)~ 如果你已經(jīng)寫過半年以上的React那也不用看了，畢竟我水平并不高 Whats React React 是一個(gè)不存在的網(wǎng)絡(luò)公司Fac...

    高璐 評論0 收藏0

  • 瀏覽器兼容（CSS部分）

    摘要：對瀏覽器兼容問題，一般分，，兼容，兼容。特別是增加了許多新標(biāo)簽，低版本瀏覽器會存在不兼容的情況。出現(xiàn)這個(gè)問題的原因是之前的瀏覽器都會給標(biāo)簽一個(gè)最小默認(rèn)的行高的高度。 **我所說的兼容性問題，主要是說IE與幾個(gè)主流瀏覽器如firefox，google等。而對IE瀏覽器來說，IE7又是個(gè)跨度，因?yàn)橹暗陌姹靖律趼?，bug甚多。從IE8開始，IE瀏覽器漸漸遵循標(biāo)準(zhǔn)，到IE9后由于大家都一致...

    gityuan 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<