标签: polyfills
FileReader.js在IE9中没有任何反应
我需要帮助设置Jadriens FileReader.js.我已经设置了所有内容,因为我认为这个polyfill工作.但是,当IE9启动所有内容时触发的回调不会触发.这是我的标记:
<body>
<div class="main">
<canvas id="mainCanvas" width="600" height="600"></canvas><br />
<div id="fileReaderSWFObject"></div>
<input type="file" id="imageLoader" name="imageLoader" /><br />
<input id="text" type="text" placeholder="some text...">
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.1.min.js"><\/script>')</script>
<!--[if lt IE 10]>
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script src="js/vendor/jquery-ui-1.8.23.custom.min.js"></script>
<script src="js/vendor/jquery.FileReader.min.js"></script>
<![endif]-->
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
这是main.js:
$(function () {
// Variables
var canvas = document.getElementById('mainCanvas');
var context = canvas.getContext('2d');
var canvasCenter = canvas.width / 2;
var img = '';
var newImageHeight = 0;
var logoX = 0; …推荐指数
解决办法
查看次数
IE 11的模板标签polyfill - 不使用表tr和td
我使用polyfill js,它允许为不支持它的浏览器处理标签.
来源问题
但我注意到在IE 11中,这个polyfill无法使用包含<tr>和<td>标签的模板
我在jsfiddle的样本
问题是当我们尝试从模板标签节点获取childNodes时
elPlate.childNodes
它会返回除了<tr>和<td>孩子之外的一切,好像里面没有这样的标签<template>.
我错过了什么吗？这个问题有没有解决方法？
PS由于缺乏声誉,我无法对源问题添加评论.对不起.
推荐指数
解决办法
查看次数
使用ES6和ES7功能的Javascript库是否需要babel-polyfill？
我正在开发一个大量使用ES6和ES7功能的库.用Babel编译它会产生代码,它(自然地)使用符号或Promise等原语.我require('babel-polyfill')应该确保这些基元确实存在吗？
在第一时刻,答案似乎是'是' - 特别是如果我不知道有人可以执行我的lib的运行时间.另一方面,如果每个库都这样做,我们最终会babel-polyfill一次又一次地要求(我不确定这是不是一个好主意).
推荐指数
解决办法
查看次数
Chrome：`fetch` 花费的时间太长
更新：
我将 API 从 更改fetch为XMLHttpRequest，但仍然看到问题。
根据控制台日志，延迟在“ readyState 1 ”（即OPENED）和“ readyState 2 ”（即HEADERS_RECEIVED）之间。
另外，也许值得一提的是，在 Firefox 中它运行良好。
我很感激关于如何调试为什么fetch()在 chrome 中调用需要 1 秒的一些指示。
根据“网络”选项卡，请求只用了 12 毫秒。但是在我的日志和“时间轴”选项卡中fetch()需要 1.06 秒。（以下截图）。
关于如何找出什么是拖延的任何提示fetch()？
网络标签截图：
时间线标签截图：
推荐指数
解决办法
查看次数
位置：用于角度2的粘性polyfill
角度2位置是否有任何填充料：粘性。我已经找到了一些，但是其中大多数是基于jquery的，似乎没有可用于angular 2的实现：
https://github.com/wilddeer/stickyfill
我需要知道角度2的示例用法
对于Javascript，如下所示：
var stickyElements = document.getElementsByClassName('sticky');
for (var i = stickyElements.length - 1; i >= 0; i--) {
Stickyfill.add(stickyElements[i]);
}
推荐指数
解决办法
查看次数
如何在webpack v2中实现全局承诺polyfill？
我想更好地理解在webpack中如何实现promise的区别.通常情况下,由于我主要开发应用程序,幸福的无知已经足够了,但我肯定对如何正确开发插件/工具/库有点困惑.
在创建应用程序时,以下两种方法从未引起任何问题; 我想主要是因为没关系
webpack.config.js - 使用babel-polyfill作为入口点
module.exports = {
entry: {
foo: [
'core-js/fn/promise', <-- here
'./js/index.js'
]
},
module: {
rules: [
{
test: /\.js$/,
loader: 'babel-loader'
}
]
}
}
问:在这种方法中,因为它是一个polyfill,它修改了全局Promise？
webpack config - 使用webpacks填充提供插件
module.exports = {
entry: './js/index.js',
module: {
rules: [
{
test: /\.js$/,
loader: 'babel-loader'
}
]
},
plugins: [
new webpack.ProvidePlugin({
Promise: 'es6-promise' <-- here
})
]
};
问:这是否意味着Promise是一个仅针对webpack捆绑流程的模块？已转换的ES5代码是否具有本地副本或es6-promise？它会修补全球承诺吗？
关于创建一个jquery插件/工具/ lib,它使用babel进行转换...
webpack.config.js - 使用babel-plugin-transform-runtime
module.exports = {
entry: {
foo: [
'./js/start.js'
] …推荐指数
解决办法
查看次数
数组减少Polyfill说明
为冗长的帖子提前道歉.我想了解MDN提供的数组reduce polyfill.我无法理解polyfill中的一些行你能解释一下吗.下面是代码
if (!Array.prototype.reduce) {
Object.defineProperty(Array.prototype, 'reduce', {
value: function(callback /*, initialValue*/) {
if (this === null) {
throw new TypeError( 'Array.prototype.reduce ' +
'called on null or undefined' );
}
if (typeof callback !== 'function') {
throw new TypeError( callback +
' is not a function');
}
// 1. Let O be ? ToObject(this value).
var o = Object(this);
// 2. Let len be ? ToLength(? Get(O, "length")).
var len = o.length >>> 0;
// Steps 3, 4, 5, …推荐指数
解决办法
查看次数
（任意窗口）.global = window;
我是打字稿的新手，并且在polyfill.js中使用了全局变量
(window as any).global = window;
因此，出于安全性或XSS的目的，它易于使用。还是应该删除以找到其他路线？ 谢谢，技术人员。
推荐指数
解决办法
查看次数
角度6：polyfills.ts中的Reflect API是什么？
在中polyfills.ts，注释掉的行之一如下：
/** IE10 and IE11 requires the following for the Reflect API. */
// import 'core-js/es6/reflect';
什么是“反映API”？它需要什么IE用例？在其中运行Angular应用程序时，此import语句通常很重要IE吗？令人惊讶的是，Google和StackOverflow并没有为我带来很多/任何结果。
internet-explorer cross-browser polyfills typescript angular
推荐指数
解决办法
查看次数
尽管添加了 polyfill，但 WebP 图像不会在 safari 中显示
Google 洞察告诉我将我的 JPG 图像转换为 WebP。它将每个图像的重量减少了一半，但问题是 Mac 上的 Safari（可能是最差的浏览器甚至边缘更好，请不要使用它，因此它会死）不显示 webP。
我已将此脚本添加到我认为是 polyfill 的应用程序中，但它没有帮助。它也写在那里下载两个文件，但webpjs-0.0.2.swf
链接已损坏。有一些有效的 polyfill 吗？
大多数图像通常作为绑定内联样式用作背景图像。因此，例如这个 polyfill将不起作用，因为 css 支持是未来的计划。
反过来，这缺乏关于 css/inline-style 的文档，并且还需要做一些工作来替换每个组件中每个图像中的路径。
如果你有 mac 和 safari -现场演示
推荐指数
解决办法
查看次数
标签 统计
polyfills ×10
javascript ×7
angular ×3
babeljs ×3
typescript ×3
arrays ×1
ecmascript-6 ×1
ecmascript-7 ×1
fileapi ×1
flash ×1
html ×1
jpeg ×1
templates ×1
webp ×1
webpack ×1