标签: polyfills
Modernizr与cssSandpaper？
我一直在努力尝试在IE 8,7和6上使用旋转(xdeg)功能,为此我谷歌一段时间找到了cssSandpaper但是因为我必须加载4个不同的脚本我想只做它如果它是必要的im使用modernizr我尝试这样的事情:
<head>
<link rel="stylesheet" href="stilos/estilo.css" />
<script src="scripts/modernizr.custom.19387.js"></script>
<script src="scripts/jquery-1.8.1.js"></script>
<script src="scripts/misfallbacks.js"></script>
</head>
<body>
<div id="acerca"><a href="#">Acerca de mi</a></div>
</body>
我的css文件(estilo.css):
#acerca{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform:rotate(90deg);
-sand-transform:rotate(90deg);
position: relative;
top: -233px;
left: 462px;
width: 123px;
height: 23px;
z-index:100;
}
我的js文件(misfallbacks.js)
Modernizr.load({
test:Modernizr.csstransforms,
nope:['transformie/EventHelpers.js/','transformie/cssQuery-p.js','transformie/sylvester.js','transformie/cssSandpaper.js']
);//Fin de monernizr on load
它在safari,chrome,opera,Firefox和IE9上运行得很好但是当我尝试IE8或IE7时,我在控制台上收到以下错误
SCRIPT5007: Unable to get value of the property 'addEventListener': object is null or undefined EventHelpers.js, line 49 character 9
我添加了一个console.log来试图找出发生了什么并在这里去了那一行它是(EvenHelpers.js):
me.addEvent = function(obj, …推荐指数
解决办法
查看次数
TS2304:找不到名称要求和处理
当我想使用"npm start"启动我的角度2应用程序时.我收到错误:
我尝试了很多来自互联网的"解决方案",但没有任何效果.我的版本:
- npm - 4.1.2
- 打字 - 2.1.0
- 节点 - 7.5.0
tsconfig.json
{
"compilerOptions": {
"target": "es6",
"module": "commonjs",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"lib": ["es2015", "dom"],
"noImplicitAny": true,
"suppressImplicitAnyIndexErrors": true
}
}
polyfills.ts
import 'core-js/es6';
import 'core-js/es7/reflect';
require('zone.js/dist/zone');
if (process.env.ENV === 'production') {
// Production
} else {
// Development and test
Error['stackTraceLimit'] = Infinity;
require('zone.js/dist/long-stack-trace-zone');
}
的package.json
{
"name": "storyWorld",
"version": "1.0.0",
"description": "Write your story.",
"scripts": {
"start": "webpack-dev-server --inline --progress --port 8080", …推荐指数
解决办法
查看次数
如何在TypeScript中使用Object.entries？
在我的angular-cli构建的应用程序(目前正在使用TypeScript 2.0.3)中,我希望能够使用这个基于分解的迭代器:
for (let [key, value] of Object.entries(obj)) {
}
我需要做些什么才能让它得到认可:
- 升级TypeScript？
- 使用polyfill？
- 如果是这样:我如何导入它 - 在单个.ts文件或配置文件中使其全局可用？
- 使用第三方库？
推荐指数
解决办法
查看次数
启用对CSS3 :: pseudoelement外部的支持
我希望能够使用::outside伪元素,但显然没有主流浏览器支持它(基于我今天的测试).
是否有某种JS polyfill启用此选择器？或者有一种很好的模拟技术吗？
推荐指数
解决办法
查看次数
在浏览器兼容性方面使用javascript中的"let"？
let在javascript中使用关键字有哪些选项？看起来它真的很有用.
我见过traceur,但我想知道是否有其他选项,所以我不必通过它运行整个项目.
甚至可以使用某种类型的polyfill或库.或者我基本上必须等到所有旧浏览器消失才能原生使用它...
推荐指数
解决办法
查看次数
检测地理支持
有没有办法用JavaScript检查客户端浏览器是否支持GEO-URI方案？
我想将不支持的浏览器的坐标显示为地图的链接
<a href='http://osm.org/#map=18/52.51627/13.37769'>Berlin</a>
以及支持的浏览器(如智能手机)作为其本机应用程序的链接.
<a href='geo:52.51627,13.37769'>Berlin</a>
javascript progressive-enhancement graceful-degradation modernizr polyfills
推荐指数
解决办法
查看次数
如何在供应商捆绑包上使用babel的`useBuiltIns：'usage'`选项？
由于我还需要支持IE11，因此我也需要进行移植node_modules。
这是我在node_modules上使用的babel配置：
presets: [
['@babel/preset-env', { modules: false, useBuiltIns: 'usage' }],
],
我使用这些useBuiltIns选项是因为它给出了错误Symbol is not defined，需要使用polyfill。
但是，此配置在编译时中断，可能是因为它imports在代码中注入了一些内容，这是错误：
基本上，它不喜欢module.exports。那么如何useBuiltIns在供应商捆绑包中使用？
现在，我始终需要在中使用babel polyfill来解决index.html，但这并不理想。
推荐指数
解决办法
查看次数
2019 年针对 IE11 的 Polyfill
这是 2019 年，当我们没有更好的事情可做时，我们希望支持 IE11，我不得不承认我对所有可用的 polyfill 感到有些困惑。
babel-polyfill似乎推荐core-jscore-jses5-shim和es6-shim
据我所知，所有这些东西都应该启用较新版本的 Ecmascript 但不修补其余部分。我有几个自定义 polyfill，例如支持 CustomEvent。
我认为它不会改变任何东西，但我正在使用：
- 网络包 2.7.0
- 通天塔 6.16
现在在我的主脚本的顶部，我有：
require('core-js');
但我仍然得到：
Object doesn't support property of method 'Symbol(Symbol.iterator)_a.Kr7pt1C'
这似乎主要是不受支持的 Ecmascript 迭代功能。
关于在问题的宏观层面做什么的任何建议？
编辑
在Symbol.iterator一个缺少“为......的”填充工具实际上是。
编辑：解决方案
我的完整配置在这个答案中可见在 Babel 7 中包含 node_modules 目录
推荐指数
解决办法
查看次数
导入ES6和ES7 core-js polyfills有什么用处吗？
导入ES6 polyfill是有用还是多余的 Object
import 'core-js/es6/object';
以及ES7的polyfill Object？
import 'core-js/es7/object';
ES7 polyfill是否涵盖了ES6的所有功能,是否可以将ES6 polyfill放在外面,或者ES6 polyfill是否添加了ES7 polyfill中不存在的功能？
推荐指数
解决办法
查看次数
在 Android React Native 应用程序中正确使用 Intl
我正在尝试使用 的数字格式化程序Intl，它在 iOS 上完美运行，并且当调试器连接到 iOS 或 Android 时，但由于 Android 中的 JSC 过时，仅在没有连接调试器的情况下在 Android 上失败。
经过一番研究，我发现了两种可能的解决方案：
- 使用
Intlpolyfill - 在 Android 中使用自定义 JSC
Intl在安装intl和react-intl使用纱线后，我首先像这样尝试了polyfill ：
//in my app's index.js
if (!global.Intl) {
global.Intl = require('intl');
}
虽然它仍然说ReferenceError: Can't find variable: Intl。
然后我放弃并尝试包含自定义 JSC（我已经确认正确引用了自定义 AAR），尽管我仍然遇到相同的错误。无论我做什么，我都无法Intl在没有附加调试器的情况下在 Android 上运行。
我究竟做错了什么？（我使用的是 React Native 0.59.9）
推荐指数
解决办法
查看次数
标签 统计
polyfills ×10
javascript ×5
angular ×2
modernizr ×2
typescript ×2
android ×1
babeljs ×1
css ×1
css3 ×1
ecmascript-6 ×1
frontend ×1
react-intl ×1
react-native ×1
webpack ×1