Оба, похоже, используются в кругах веб-разработчиков, см., Например, HTML5 Cross Browser Polyfills, в котором говорится:
Итак, здесь мы собираем все прокладки, резервные копии и полифиллы ...
Или есть проект es5-shim.
В моем текущем проекте мы используем несколько из них, и я хочу поместить их все в один каталог. Итак, как мне назвать этот каталог ---_ 1_ или polyfills?
прокладка - это любой фрагмент кода, который выполняет перехват вызова API и обеспечивает уровень абстракции. Это не обязательно ограничивается веб-приложением или HTML5 / CSS3.
polyfill - это тип оболочки, который модернизирует устаревшие браузеры с современными функциями HTML5 / CSS3, обычно с использованием Javascript или Flash.
Отвечая на ваш конкретный вопрос, позвоните в ваш каталог shims, если вы хотите, чтобы каталог оставался общим.
Прокладка
Если вы знакомы с рисунком переходника, то знаете, что такое регулировочная шайба. Оболочки перехватывают вызовы API и создают абстрактный слой между вызывающей стороной и целью. Обычно для обратной совместимости используются прокладки. Например, пакет npm es5-shim позволит вам написать синтаксис ECMAScript 5 (ES5) и не заботиться о том, работает ли в браузере ES5 или нет. Возьмем, к примеру, Date.now. Это новая функция в ES5, где синтаксис в ES3 будет new Date (). GetTime (). Если вы используете es5-shim, вы можете написать Date.now, и если браузер, в котором вы работаете, поддерживает ES5, он просто запустится. Однако, если в браузере запущен механизм ES3, es5-shim перехватит вызов Date.now и просто вернет new Date (). GetTime () < / em> вместо этого. Этот перехват называется шиммингом. Соответствующий исходный код es5-shim выглядит так:
if (!Date.now) {
Date.now = function now() {
return new Date().getTime();
};
}
Полифилл
Полифиллинг - это просто специализированный вариант прокладки. Polyfill предназначен для реализации недостающих функций в API, тогда как прокладка не обязательно должна быть столько для реализации недостающих функций, сколько для исправления функций. Я знаю, что это кажется слишком расплывчатым, но там, где прокладки используются как более широкий термин, полифилл используется для описания прокладок, которые обеспечивают обратную совместимость для старых браузеров. Таким образом, в то время как прокладки используются для прикрытия старых грехов, полифиллы используются для возвращения будущих улучшений в прошлое. Например, в IE7 нет поддержки sessionStorage, но полифиллы в sessionstorage Пакет npm добавит эту функцию в IE7 (и старше), используя такие методы, как сохранение данных в свойстве name окна или использование файлов cookie.
MyShim.Date.now(); Исправьте меня, если я ошибаюсь.
- person TatzyXY; 12.11.2018
Насколько я понимаю:
Полифилл - это код, который определяет отсутствие определенного «ожидаемого» API и реализует его вручную. Например.
if (!Function.prototype.bind) { Function.prototype.bind = ...; }
Прокладка - это код, который перехватывает существующие вызовы API и реализует различное поведение. Идея здесь состоит в том, чтобы нормализовать определенные API в разных средах. Итак, если два браузера реализуют один и тот же API по-разному, вы можете перехватить вызовы API в одном из этих браузеров и согласовать его поведение с другим браузером. Или, если в одном из API-интерфейсов браузера есть ошибка, вы можете снова перехватить вызовы этого API, а затем обойти ошибку.
Ссылаясь на Акселя Раушмайера из его книги Speaking JavaScript < / а>:
- Прокладка - это библиотека, которая переносит новый API в старую среду, используя только средства этой среды.
- A polyfill is a shim for a browser API. It typically checks if a browser supports an API. If it doesn’t, the polyfill installs its own implementation. That allows you to use the API in either case. The term polyfill comes from a home improvement product; according to Remy Sharp:
Polyfilla - британский продукт, известный в США как Spackling Paste. Имея это в виду: думайте о браузерах как о стене с трещинами. Эти [полифилы] помогают сгладить трещины и дают нам хорошую гладкую стену браузеров, с которой можно работать.
Несколько лет назад об этом написана фантастическая статья, которая хорошо это объясняет:
В статье (2) просто противопоставляются как таковые:
Shim: фрагмент кода, который вы могли бы добавить (например, JavaScript), который исправлял бы некоторые функции, но чаще всего он будет иметь собственный API. .
Polyfill: то, что вы можете добавить (например, JavaScript), и оно будет незаметно имитировать существующие API-интерфейсы браузера, которые в противном случае не поддерживаются.
shim.gif). Он совершенно не требует, чтобы слова использовались таким образом, и, говоря мне, он молчаливо признает, что его использование не является универсальным.
- person Mark Amery; 29.11.2014
Polyfill - это просто скрипт, который проверяет наличие определенного API в браузере, хорошо? Если API не существует в браузере, polyfill (который представляет собой простой скрипт) будет действовать примерно так:
например, я собираюсь использовать Bluetooth API в браузере, и я знаю, что в каком-то браузере нет такого API, поэтому я напишу что-то вроде этого, чтобы проверить наличие моего API:
if(!navigator.bluetooth) { // write polyfill here }
Shim - это тоже скрипт, который в основном предоставляется в виде плагина или библиотеки, и как он работает?
Фактически, он переопределит уже существующий API и реализует другое поведение для поддержки новых API в старых браузерах. Стоит отметить, что прокладки в основном используются для обратной совместимости.
