标签: polyfills
将ApolloClient与node.js一起使用 "在全球范围内找不到提取,也没有提取任何提取器"
我试图使用node.js服务器上的Apollo Client使用以下代码与另一个GraphQL API连接:
import fetch from 'node-fetch'
import { createHttpLink } from 'apollo-link-http'
import ApolloClient from 'apollo-boost'
import { API_URL } from '...'
const client = new ApolloClient({
link: createHttpLink({
uri: API_URL,
fetch: fetch,
}),
})
这会产生以下错误:
module initialization error: Error
fetch is not found globally and no fetcher passed, to fix pass a fetch for
your environment like https://www.npmjs.com/package/node-fetch.
For example:
import fetch from 'node-fetch';
import { createHttpLink } from 'apollo-link-http';
const link = createHttpLink({ uri: '/graphql', fetch: fetch …推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
Web组件在IE11和Edge中实际可用吗？
Web组件是热门的新事物,也是一个真正的Web标准,每个人都在谈论它们并且可能使用它们,它们似乎是我们遇到的问题的完美解决方案(在不同的站点之间共享组件).
所以我们构建了几个Web组件.Chrome中的工作正常,但IE11中没有.使用polyfill可能吗？https://www.webcomponents.org/polyfills有大量的polyfills,但IE11一直在抱怨class.
也许编译成ES5？各种来源声称Web组件需要ES6,因为您在IE11中没有从HTMLElement获得相同类型的继承.有自定义元素-es5-adapter.js,但不知何故它不起作用.如果我编译下来,webcomponents不起作用.如果我不这样做,IE11就会失败class.
但是每个人都在使用网络组件.你怎么做呢？你根本不支持IE11/Edge吗？难道我做错了什么？
推荐指数
解决办法
查看次数
ie7,ie8和ie9的最佳占位符polyfil脚本
推荐指数
解决办法
查看次数
HTML模板JavaScript polyfill
我正在寻找最符合标准/面向未来的前端HTML模板方法.
<template id="mytemplate">
<img src="" alt="great image">
<div class="comment"></div>
</template>
有没有人知道是否已经存在任何好的JavaScript polyfill使 <template>元素可以跨浏览器方式使用？最好符合本标准.
难点
根据HTML5Rocks指南,这些模板具有以下属性:
- "它的内容在激活之前是有效的惰性"
- "脚本无法运行,图像无法加载,音频无法播放"
- "内容被认为不在文件中"
- "模板可放置在任何地方内的
<head>,<body>或<frameset>"
我认为用JavaScript polyfill纯粹实现所有这四个属性是不可能的,因此任何解决方案都只是部分解决方案.
推荐指数
解决办法
查看次数
如何在Chrome中模拟CSS Scroll Snap Points？
Firefox 39,Safari 9和IE11支持CSS Scroll Snap Points.Chrome具有开发功能.
是否存在可以模拟以下CSS样式的polyfill:
-webkit-scroll-snap-type: mandatory;
-ms-scroll-snap-type: mandatory;
scroll-snap-type: mandatory;
-webkit-scroll-behavior: smooth;
-ms-scroll-behavior: smooth;
scroll-behavior: smooth;
-webkit-scroll-snap-points-y: repeat(600px);
-ms-scroll-snap-points-y: snapInterval(0px, 600px); /* Old syntax */
scroll-snap-points-y: repeat(600px);
overflow-y: auto;
overflow-x: hidden;
直到该功能由Chrome实施？
推荐指数
解决办法
查看次数
为什么我的 Vue 项目中的 promise.finally 在 Edge 中不起作用？
我在让我的 polyfill 在 Edge 中工作时遇到了巨大的麻烦。我试图通过各种尝试来遵循文档，但都不起作用。它似乎是 promise.finally，特别是不起作用。这发生在vuex 模块中，所以我尝试将 vuex 添加到 vue.config 中的 transpileDependencies 但没有运气。
我的 babel.config.js：
module.exports = {
presets: [['@vue/cli-plugin-babel/preset', {
useBuiltIns: 'entry',
}]],
};
在我的 main.js 中，我在最顶部有以下两个导入：
import 'core-js/stable';
import 'regenerator-runtime/runtime';
我的 vue.config.js
// eslint-disable-next-line import/no-extraneous-dependencies
const webpack = require('webpack');
const isProd = process.env.NODE_ENV === 'production';
module.exports = {
configureWebpack: {
// Set up all the aliases we use in our app.
plugins: [
new webpack.optimize.LimitChunkCountPlugin({
maxChunks: 6,
}),
],
},
css: {
// Enable CSS source …推荐指数
解决办法
查看次数
CSS3动画填充模式polyfill
前言
让我们假设一个div从动画opacity:0;到opacity:1;,我想保留opacity:1;动画结束之后.
这是什么animation-fill-mode:forwards;.
@keyframes myAnimation {
from { opacity:0; }
to { opacity:1; }
}
div {
opacity:0;
animation-name:myAnimation;
animation-delay:1s;
animation-duration:2s;
animation-fill-mode:forwards;
}?
<div>just a test</div>?
- 注1:我在这里没有包含供应商前缀以简化
- 注2:这只是一个例子,请不要回复"只使用jQuery fadeIn函数"等.
有些事要知道
在这个答案中,我读到animation-fill-modeChrome 16+,Safari 4 +,Firefox 5+支持.
但Chrome 1+和Opera也支持animation单独使用.因此,即使不支持,使用Modernizr进行的一般测试也可能会返回正值.fill-mode
目标animation-fill-mode我在Modernizr上添加了一个新的测试:
Modernizr.addTest('animation-fill-mode',function(){
return Modernizr.testAllProps('animationFillMode');
});
现在我有一个.no-animation-fill-modeCSS和Modernizr.animationFillModeJavaScript 的课程.
我还从CSS3动画规格中读到:
文档样式表中指定的动画将从文档加载开始
最后,问题
是否可以在动画结束的确切秒数内运行简单的jQuery函数
$(document).ready(function(){ …推荐指数
解决办法
查看次数
为什么IE 11显示空白页面渲染应用程序
我的IE 11和我的react应用有问题。我使用Webpack，babel和polyfill.io cdn，在渲染捆绑文件之前一切都很好，然后它停止执行任何操作。您知道什么地方可能出问题吗？
提前致谢。
推荐指数
解决办法
查看次数
为什么不建议使用polyfill来支持CSS3选择器？
我需要确保IE7和IE8支持.
我正在使用一些CSS3选择器:last-child.我放弃了Selectivizr,它似乎解决了这些浏览器中的许多问题,让我只需要少量清理一些后备代码.
但是HTML5请建议仅使用回退而不是polyfill来解决CSS3选择器支持问题:
我们强烈建议您不要尝试将其填充,但如果您确实需要填充,则可以使用Selectivizr.
很高兴知道为什么他们"强烈推荐"这里的polyfill ...任何人都有任何想法？
推荐指数
解决办法
查看次数