草庐IT

polyfill

全部标签

javascript - Vue 3 CLI - 如何为 Object.entries 添加 babel polyfill

我有一个依赖项(vue2-google-maps),它导致我的Vue应用程序在旧版浏览器中出现问题,并引发Object.entries错误。阅读VueCLIDocsonpolyfills,我看到它提到尝试在babel.config.js中加载polyfill。我的babel.config.js:module.exports={presets:[['@vue/app',{polyfills:['es6.object']}]]}抛出错误:Modulebuildfailed(from./node_modules/babel-loader/lib/index.js):TypeError:[BA

javascript - webpack 和 babel-polyfill : Can't resolve 'core-js/modules/es6.array.map' in source directory

当我执行webpack时遇到这个错误:Modulenotfound:Error:Can'tresolve'core-js/modules/es6.array.map'in'/path/to/project/src'@./src/index.ts1:0-39index.ts:console.log([1,2,3].map(x=>x*x));.babelrc:{"presets":[["@babel/preset-env",{"useBuiltIns":"usage"}]]}webpack.config.js:constpath=require('path');module.exports

javascript - DOMNodeInserted/Removed 事件 polyfill(或类似事件)

我需要一种方法来监听节点的子节点何时被移除或添加的变化。我制作了一个自动滚动插件,可以在添加新项目时将元素滚动到底部。我正在收听的事件是DOMNodeInserted和DOMNodeRemoved。我正在寻找DOMNodeInsertedandDOMNodeRemoved的polyfills.环顾四周,我找不到任何已经存在的东西。并非所有浏览器都支持该事件,它是currentlydeprecated.我有一个简单的(可能是幼稚的)polyfill,我写得很快,但我怀疑它是否有效。我知道这些eventsaredeprecated,但是是否有更好的方法来监听元素子元素的变化?(functi

javascript - Safari 中是否有 window.performance.getEntriesByType 的 polyfill?

看起来window.performance.getEntries和window.performance.getEntriesByType没有在Safari中定义。是否有针对这些功能的polyfill?还是有人创造了某种替代方案?我想做的是获取页面中加载的所有资源。(所有图片、css和js文件) 最佳答案 由于Safari不以任何JavaScript方式提供该信息,因此不可能为此创建Polyfill。别找了。你不会有运气的:(PS.:小心这个答案。window.performance上的一些功能可以用polyfill实现,但不是我要求

javascript - 为什么 MDN 的 `Object.create` polyfill 没有设置 `prototype.constructor` ?

考虑MDN'sObject.createpolyfill:if(typeofObject.create!='function'){(function(){varF=function(){};Object.create=function(o){if(arguments.length>1){throwError('Secondargumentnotsupported');}if(o===null){throwError('Cannotsetanull[[Prototype]]');}if(typeofo!='object'){throwTypeError('Argumentmustbean

javascript - 如何减小 babel-polyfill 的大小(缩小后 150 KB)?

我刚刚设置了新的webpack4项目,并在我的主js文件中导入了babel-polyfill导入'babel-polyfill';在webpack生产构建之后,我用source-map-explorer分析了我的bandle我看到了这样的图片所以babel-polyfill(core-js)占用了150Kb,这在我看来太多了。有什么想法可以减小尺寸吗?我不想包含任何特定的polyfill(应该有一些tree-shaking,所以应该删除未使用的代码?)。我使用这个样板:https://github.com/flexdinesh/react-redux-boilerplate/tree/

javascript - 使用 accept 捕获的 Polyfill 文件输入(使用 getUserMedia 捕获?)

我想在调查框架中启用图片(&音频和视频)上传。为此,输入文件几乎足以满足我的目的。在某些移动浏览器上真的是让用户选择上传现有图像或拿一个新的。当然是查看和选择图片的UI也提供了。桌面浏览器没有走这条路。相反,一些相当不错的东西似乎可以使用getUserMedia().我没有找到任何将收集的用户媒体上传到服务器的工作示例(例如,我通过这个https://github.com/codepo8/interaction-cam/找到了answer。它显示了视频,但没有在我的Firefox中捕获并且没有“意识到”它也一样,它在Safari中根本不显示视频)。我不确定其中有多少是特定于硬件的(我的

javascript - webcomponents.js polyfills 不工作 : Safari & Firefox

我正在尝试通过webcomponents.js使用自定义Web组件polyfills。我一直在使用来自https://github.com/webcomponents/hello-world-element的元素Safari和Firefox不会显示任何内容并给我以下错误:Safari:TypeError:nullisnotanobject(evaluating'thisDoc.querySelector('template').content')火狐:TypeError:thisDoc.querySelector(...)isnull问题出在哪里:我修改了hello-world.htm

javascript - 如何在 gulpfile.js 中使用 babel-polyfill

在Babel中docs他们只是说要包含import"babel-polyfill";以便我可以使用ES6生成器,但是在我将该行包含在我的gulpfile.js中之后,我仍然会生成一个异常:UncaughtReferenceError:regeneratorRuntime未定义这是我的gulpfile.jsimport'babel-polyfill';vargulp=require("gulp"),babel=require("gulp-babel"),concat=require('gulp-concat'),rename=require('gulp-rename'),uglify=r

javascript - MDN bind polyfill 中一行的解释

MDN绑定(bind)polyfill如下所示。我正在努力弄清楚thisinstanceoffNOP?this:oThis在fToBind.apply调用中。我无法理解它。有人可以帮忙解释一下吗?Function.prototype.bindMdn=function(oThis){if(typeofthis!=='function'){//closestthingpossibletotheECMAScript5//internalIsCallablefunctionthrownewTypeError('Function.prototype.bind-whatistryingtobebo