タグ付けされた質問 「polyfills」

6
シムとポリフィルの違いは何ですか?
どちらもWeb開発サークルで使用されているようです。たとえば、HTML5クロスブラウザポリフィルを参照してください。 ここでは、すべてのシム、フォールバック、およびポリフィルを収集しています... または、es5-shimプロジェクトがあります。 私の現在のプロジェクトでは、これらの数を使用しています。それらをすべて同じディレクトリに貼り付けたいです。だから、私はこのディレクトリを何と呼ぶべきですか--- shims、またはpolyfills?

4
HTML5のポリフィルの意味は何ですか?
HTML5のポリフィルの意味は何ですか?HTML5-Cross-Browser-Polyfillsなど、HTML5に関する多くのサイトでこの言葉を見ました。 したがって、ここでは、シム、フォールバック、およびポリフィルをすべて収集して、それらをネイティブでサポートしていないブラウザーにHTML5機能を埋め込んでいます。 ポリフィルの意味がわかりません。 それは新しいHTML5テクニックですか、それともJavaScriptライブラリですか?HTML5の前にこの言葉を聞いたことがありません。 そして、シム、フォールバック、ポリフィルの違いは何ですか?

7
babel-polyfillライブラリをインストールするにはどうすればよいですか?
ES6のJavaScriptコードをES5にコンパイルするためにBabelを使い始めました。Promiseの使用を開始すると、機能していないようです。BabelのWebサイトには、ポリフィルによる約束のサポートが記載されています。 運がなければ、私は追加しようとしました: require("babel/polyfill"); または import * as p from "babel/polyfill"; これにより、アプリのブートストラップ時に次のエラーが発生します。 モジュール 'babel / polyfill'が見つかりません モジュールを検索しましたが、基本的なことをここで見逃しているようです。また、古くて良いブルーバードNPMを追加しようとしましたが、機能していないようです。 バベルのポリフィルの使用方法は?


3
Vueプロジェクトのpromise.finallyがEdgeで機能しないのはなぜですか?
Edgeでポリフィルを機能させるのに非常に苦労しています。私はすべてがうまくいかない様々な試みでドキュメントを追おうとしました。それはpromise.finally具体的には機能していないようです。これはvuexモジュールで発生するため、vue.configの transpileDependenciesにvuexを追加しようとしましたが、うまくいきませんでした。 私のbabel.config.js: module.exports = { presets: [['@vue/cli-plugin-babel/preset', { useBuiltIns: 'entry', }]], }; 私のmain.jsでは、最上部に次の2つのインポートがあります。 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: [ …

2
両方の仕様で機能するようにWebコンポーネントのカスタム要素を構築する方法
非推奨にcustom elements spec v0なった両方の仕様と最新の安定バージョンで動作する必要があるコンポーネントを構築する必要があります。custom elements spec v1 custom elements v0スペックを使用してコンポーネントをビルドすると、一部のアプリはスペックpolymer 2をpolymer 1使用していないアプリケーションで同様の問題が発生しますcustom elements v1。 私は、ポリフィルを変更するアプリケーションを制御できません。一部のアプリケーションは、ポリフィルを使用する必要があり、古い仕様をサポートしているものもあれば、新しいポリフィルを使用しているものもあります。 ポリフィルのバージョンに関係なく、両方の仕様を組み合わせてすべてのアプリケーションでカスタム要素を実行するための確実なソリューションを探しています。私はコンポーネントに任意のポリフィルまたはスニペットを追加して、どこでも実行できるようにすることができます。私の研究では、両方の仕様をサポートするライブラリやポリフィルは見つかりませんでした。 添付のコールバックについて、以下で説明するマッピングのような両方の仕様を組み合わせることができるアダプターを作成することを計画しています。この考えに関する入力は大歓迎です。 connectedCallback(){ this.attachedCallback(); } 私はstenciljsを使用しようとしましたが、それはカスタム要素仕様の最新バージョンでのみ機能します。以前の仕様で動作するように調整する方法はまだ見つかりません。 上記の状況に対するいくつかの実行可能な代替案と実行可能な解決策を提案してください。

1
ShadyCSSポリフィルがEdgeでCSSを適切に処理しない
サードパーティのWebサイト用のウィジェットを構築しています。シャドウDOMを使用して、CSSが私たちのWebサイトに干渉しないようにしています。私が使用していますShadyDOMとShadyCSSそれがエッジで動作させるためpolyfillsをし、IEが、私が期待するように、影のDOMのためのCSSを変換されていません。 例: <!DOCTYPE html> <html> <head> <title>Shadow DOM test</title> </head> <body> <div id="container">container is here</div> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.3.0/webcomponents-bundle.js"></script> <script> const shadow = document.getElementById("container").attachShadow({ mode: "open" }); const style = document.createElement("style"); style.innerHTML = ` :host .stuff { background: #ff00ff; } `; shadow.appendChild(style); const div = document.createElement("div"); div.classList.add("stuff"); div.innerHTML = "stuff inside shadow …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.