亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

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

gotham / 596人閱讀

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

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

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
  }
}

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

IE11問(wèn)題解決后,IE10又出問(wèn)題了。。。

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

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

其實(shí)這個(gè)庫(kù)里的實(shí)現(xiàn)代碼非常少, 可以簡(jiǎ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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/109192.html

相關(guān)文章

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

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

    you_De 評(píng)論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è)人文章這幾片文章的作者都是司徒正美,全面的解析和官方的對(duì)比。 前言 在過(guò)去的一個(gè)多月中,為了能夠更深入的學(xué)習(xí),使用React,了解React內(nèi)部算法,數(shù)據(jù)結(jié)構(gòu),我自己,從零開始寫了一個(gè)玩具框架。 截止今日,終于可以發(fā)布第一個(gè)版本,因?yàn)榫驮谧蛱欤?..

    codecook 評(píng)論0 收藏0
  • 使用React 應(yīng)當(dāng)注意幾個(gè)地方

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

    高璐 評(píng)論0 收藏0
  • 瀏覽器兼容(CSS部分)

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

    gityuan 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<