"I love JavaScript-библиотеки — Технологии Яндекса"
www.yastatic.net VS www.gqak.com
2022-05-02 11:03:03
.alert, .modal, .page__result, .page__container, .sticky_fixed .sticky__content { width: 100%; max-width: none !important; } .lc-header-lpc .lc-navigation-menu .lc-navigation-menu__link .company-header-link { transition: opacity .15s ease-in-out;}.lc-header-lpc .lc-navigation-menu__link .company-header-link { opacity: .6;}.lc-header-lpc .lc-navigation-menu__link .company-header-link__active { opacity: 1;}.lc-header-lpc .lc-navigation-menu .lc-navigation-menu__link:hover { color: #fff;}.lc-header-lpc .lc-navigation-menu .lc-navigation-menu__link:hover .company-header-link { opacity: .8;}.tech-text-block ul { list-style: none;}.tech-text-block a,.tech-list a,.tech-files-list a,.tech-files-list_ordered a { text-decoration: none; color: #245ac5;}.tech-text-block a:hover,.tech-list a:hover,.tech-files-list a:hover,.tech-files-list_ordered a:hover { color: #c00;}.tech-text-block li::before { content: '—'; display: inline-block; margin-left: -24px; width: 24px;}.tech-list,.tech-files-list { margin: 0 !important; padding: 0 !important; list-style: none;}.tech-list li:not(:last-child) { margin-bottom: 8px;}.tech-files-list_ordered { margin: 0 !important; padding-left: 16px;}.tech-files-list li,.tech-files-list_ordered li { margin: 0 !important; margin-bottom: 16px !important;}.tech-files-list li:last-child,.tech-files-list_ordered li:last-child { margin-bottom: 8px;}.tech-files-list__name { color: #777;}.tech-meta-links a { margin-right: 16px;}.tech-main-menu,.tech-main-menu li { list-style: none; margin: 0 !important; padding: 0 !important;}.tech-main-menu a { display: inline-block; padding: 6px 0;}.tech-code-inline,.tech-code-block { font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; background-color: #f6f5f3;}.tech-code-inline { padding:0 4px;}.tech-code-block { padding: 16px 32px;}.lc-table__scroll-wrapper { overflow: auto;}.lc-table { min-width: 600px;}@media (max-width: 767px) {.lc-text-block_size_s52 { font-size: 36px; line-height: 42px;}.lc-text-block_size_s40 { font-size: 32px; line-height: 36px;}КомпанияБлогВакансииРазработчикамРекламодателямВойтиВойтиКомпанияБлогВакансииРазработчикамРекламодателямГлавная/JavaScript-библиотекиЗагружайте различные JavaScript-фреймворки и библиотеки с открытым исходным кодом с серверов Яндекса по постоянным ссылкам.Подключить библиотекуbem-componentsbem-coreYandex.MapsjQueryLo-DashSWFObjectЗаписи докладчиковРазработчики сайтов могут загружать различные JavaScript-фреймворки и библиотеки с открытым исходным кодом с серверов Яндекса по постоянным ссылкам.Сейчас с серверов Яндекса можно скачать следующие фреймворки и библиотеки: bem-components, bem-core, Yandex.Maps, jQuery, Lo-Dash, SWFObject.bem-componentsСайт:https://ru.bem.info/platform/libs/bem-components/Руководство по подключению библиотеки в поставке DistЛицензия: MPL 2.0Версия: 6.0.0, 5.0.0, 4.0.0, 3.1.3-3.0.0, 2.5.1, 2.5.0, 2.4.0, 2.3.0Поддерживаемые платформы: desktop, touch-pad, touch-phoneБандлыс автоинициализациейиспользуются, если вы НЕ планируете добавлять собственный код на i-bem.js.Бандлыбез автоинициализациииспользуются, чтобы добавлять в проект собственный код на i-bem.js.Статические пути к файлам:Платформа desktopСтили:https://yastatic.net/bem-components/latest/desktop/bem-components.cssСтили для Internet Explorer 8:https://yastatic.net/bem-components/latest/desktop/bem-components.ie.cssШаблоны BH:https://yastatic.net/bem-components/latest/desktop/bem-components.bh.jsШаблоны BEMHTML:https://yastatic.net/bem-components/latest/desktop/bem-components.bemhtml.jsБандлыс автоинициализацией:Скрипты:https://yastatic.net/bem-components/latest/desktop/bem-components.jsСкрипты и шаблоны BH:https://yastatic.net/bem-components/latest/desktop/bem-components.js+bh.jsСкрипты и шаблоны BEMHTML:https://yastatic.net/bem-components/latest/desktop/bem-components.js+bemhtml.jsБандлыбез автоинициализации:Скрипты:https://yastatic.net/bem-components/latest/desktop/bem-components.no-autoinit.jsСкрипты и шаблоны BH:https://yastatic.net/bem-components/latest/desktop/bem-components.no-autoinit.js+bh.jsСкрипты и шаблоны BEMHTML:https://yastatic.net/bem-components/latest/desktop/bem-components.no-autoinit.js+bemhtml.jsПлатформа touch-padСтили:https://yastatic.net/bem-components/latest/touch-pad/bem-components.cssСтили для Internet Explorer 8:https://yastatic.net/bem-components/latest/touch-pad/bem-components.ie.cssШаблоны BH:https://yastatic.net/bem-components/latest/touch-pad/bem-components.bh.jsШаблоны BEMHTML:https://yastatic.net/bem-components/latest/touch-pad/bem-components.bemhtml.jsБандлыс автоинициализацией:Скрипты:https://yastatic.net/bem-components/latest/touch-pad/bem-components.jsСкрипты и шаблоны BH:https://yastatic.net/bem-components/latest/touch-pad/bem-components.js+bh.jsСкрипты и шаблоны BEMHTML:https://yastatic.net/bem-components/latest/touch-pad/bem-components.js+bemhtml.jsБандлыбез автоинициализации:Скрипты:https://yastatic.net/bem-components/latest/touch-pad/bem-components.no-autoinit.jsСкрипты и шаблоны BH:https://yastatic.net/bem-components/latest/touch-pad/bem-components.no-autoinit.js+bh.jsСкрипты и шаблоны BEMHTML:https://yastatic.net/bem-components/latest/touch-pad/bem-components.no-autoinit.js+bemhtml.jsПлатформа touch-phoneСтили:https://yastatic.net/bem-components/latest/touch-phone/bem-components.cssСтили для Internet Explorer 8:https://yastatic.net/bem-components/latest/touch-phone/bem-components.ie.cssШаблоны BH:https://yastatic.net/bem-components/latest/touch-phone/bem-components.bh.jsШаблоны BEMHTML:https://yastatic.net/bem-components/latest/touch-phone/bem-components.bemhtml.jsБандлыс автоинициализацией:Скрипты:https://yastatic.net/bem-components/latest/touch-phone/bem-components.jsСкрипты и шаблоны BH:https://yastatic.net/bem-components/latest/touch-phone/bem-components.js+bh.jsСкрипты и шаблоны BEMHTML:https://yastatic.net/bem-components/latest/touch-phone/bem-components.js+bemhtml.jsБандлыбез автоинициализации:Скрипты:https://yastatic.net/bem-components/latest/touch-phone/bem-components.no-autoinit.jsСкрипты и шаблоны BH:https://yastatic.net/bem-components/latest/touch-phone/bem-components.no-autoinit.js+bh.jsСкрипты и шаблоны BEMHTML:https://yastatic.net/bem-components/latest/touch-phone/bem-components.no-autoinit.js+bemhtml.jsСтатические пути для разработки:Платформа desktopСтили:https://yastatic.net/bem-components/latest/desktop/bem-components.dev.cssСтили для Internet Explorer 8:https://yastatic.net/bem-components/latest/desktop/bem-components.dev.ie.cssШаблоны BH:https://yastatic.net/bem-components/latest/desktop/bem-components.dev.bh.jsШаблоны BEMHTML:https://yastatic.net/bem-components/latest/desktop/bem-components.dev.bemhtml.jsБандлыс автоинициализацией:Скрипты:https://yastatic.net/bem-components/latest/desktop/bem-components.dev.jsСкрипты и шаблоны BH:https://yastatic.net/bem-components/latest/desktop/bem-components.dev.js+bh.jsСкрипты и шаблоны BEMHTML:https://yastatic.net/bem-components/latest/desktop/bem-components.dev.js+bemhtml.jsБандлыбез автоинициализации:Скрипты:https://yastatic.net/bem-components/latest/desktop/bem-components.dev.no-autoinit.jsСкрипты и шаблоны BH:https://yastatic.net/bem-components/latest/desktop/bem-components.dev.no-autoinit.js+bh.jsСкрипты и шаблоны BEMHTML:https://yastatic.net/bem-components/latest/desktop/bem-components.dev.no-autoinit.js+bemhtml.jsПлатформа touch-padСтили:https://yastatic.net/bem-components/latest/touch-pad/bem-components.dev.cssСтили для Internet Explorer 8:https://yastatic.net/bem-components/latest/touch-pad/bem-components.dev.ie.cssШаблоны BH:https://yastatic.net/bem-components/latest/touch-pad/bem-components.dev.bh.jsШаблоны BEMHTML:https://yastatic.net/bem-components/latest/touch-pad/bem-components.dev.bemhtml.jsБандлыс автоинициализацией:Скрипты:https://yastatic.net/bem-components/latest/touch-pad/bem-components.dev.jsСкрипты и шаблоны BH:https://yastatic.net/bem-components/latest/touch-pad/bem-components.dev.js+bh.jsСкрипты и шаблоны BEMHTML:https://yastatic.net/bem-components/latest/touch-pad/bem-components.dev.js+bemhtml.jsБандлыбез автоинициализации:Скрипты:https://yastatic.net/bem-components/latest/touch-pad/bem-components.dev.no-autoinit.jsСкрипты и шаблоны BH:https://yastatic.net/bem-components/latest/touch-pad/bem-components.dev.no-autoinit.js+bh.jsСкрипты и шаблоны BEMHTML:https://yastatic.net/bem-components/latest/touch-pad/bem-components.dev.no-autoinit.js+bemhtml.jsПлатформа touch-phoneСтили:https://yastatic.net/bem-components/latest/touch-phone/bem-components.dev.cssСтили для Internet Explorer 8:https://yastatic.net/bem-components/latest/touch-phone/bem-components.dev.ie.cssШаблоны BH:https://yastatic.net/bem-components/latest/touch-phone/bem-components.dev.bh.jsШаблоны BEMHTML:https://yastatic.net/bem-components/latest/touch-phone/bem-components.dev.bemhtml.jsБандлыс автоинициализацией:Скрипты:https://yastatic.net/bem-components/latest/touch-phone/bem-components.dev.jsСкрипты и шаблоны BH:https://yastatic.net/bem-components/latest/touch-phone/bem-components.dev.js+bh.jsСкрипты и шаблоны BEMHTML:https://yastatic.net/bem-components/latest/touch-phone/bem-components.dev.js+bemhtml.jsБандлыбез автоинициализации:Скрипты:https://yastatic.net/bem-components/latest/touch-phone/bem-components.dev.no-autoinit.jsСкрипты и шаблоны BH:https://yastatic.net/bem-components/latest/touch-phone/bem-components.dev.no-autoinit.js+bh.jsСкрипты и шаблоны BEMHTML:https://yastatic.net/bem-components/latest/touch-phone/bem-components.dev.no-autoinit.js+bemhtml.jsbem-coreСайт:https://ru.bem.info/platform/libs/bem-core/Пример использования библиотеки в поставке DistЛицензия: MPL 2.0Версия: 4.2.0, 4.1.1, 4.1.0, 4.0.0, 3.2.0-3.0.0, 2.9.1-2.0.0, 1.2.0-1.0.0, 0.1.0Поддерживаемые платформы: desktop, touchБандлыс автоинициализациейиспользуются, если вы НЕ планируете добавлять собственный код на i-bem.js.Бандлыбез автоинициализациииспользуются, чтобы добавлять в проект собственный код на i-bem.js.Статические пути к файлам:Платформа desktopСтили:https://yastatic.net/bem-core/latest/desktop/bem-core.cssШаблоны BEMHTML:https://yastatic.net/bem-core/latest/desktop/bem-core.bemhtml.jsШаблоны BH:https://yastatic.net/bem-core/latest/desktop/bem-core.bh.jsБандлыс автоинициализацией:Скрипты:https://yastatic.net/bem-core/latest/desktop/bem-core.jsСкрипты + шаблоны BEMHTML:https://yastatic.net/bem-core/latest/desktop/bem-core.js+bemhtml.jsСкрипты + шаблоны BH:https://yastatic.net/bem-core/latest/desktop/bem-core.js+bh.jsБандлыбез автоинициализации:Скрипты:https://yastatic.net/bem-core/latest/desktop/bem-core.no-autoinit.jsСкрипты + шаблоны BEMHTML:https://yastatic.net/bem-core/latest/desktop/bem-core.no-autoinit.js+bemhtml.jsCкрипты + шаблоны BH:https://yastatic.net/bem-core/latest/desktop/bem-core.no-autoinit.js+bh.jsПлатформа touchСтили:https://yastatic.net/bem-core/latest/touch/bem-core.cssШаблоны BEMHTML:https://yastatic.net/bem-core/latest/touch/bem-core.bemhtml.jsШаблоны BH:https://yastatic.net/bem-core/latest/touch/bem-core.bh.jsБандлыс автоинициализацией:Скрипты:https://yastatic.net/bem-core/latest/touch/bem-core.jsСкрипты + шаблоны BEMHTML:https://yastatic.net/bem-core/latest/touch/bem-core.js+bemhtml.jsСкрипты + шаблоны BH:https://yastatic.net/bem-core/latest/touch/bem-core.js+bh.jsБандлыбез автоинициализации:Скрипты:https://yastatic.net/bem-core/latest/touch/bem-core.no-autoinit.jsСкрипты + шаблоны BEMHTML:https://yastatic.net/bem-core/latest/touch/bem-core.no-autoinit.js+bemhtml.jsCкрипты + шаблоны BH:https://yastatic.net/bem-core/latest/touch/bem-core.no-autoinit.js+bh.jsСтатические пути для разработки:Платформа desktopНеминимизированные стили:https://yastatic.net/bem-core/latest/desktop/bem-core.dev.cssНеминимизированные шаблоны BEMHTML:https://yastatic.net/bem-core/latest/desktop/bem-core.dev.bemhtml.jsНеминимизированные шаблоны BH:https://yastatic.net/bem-core/latest/desktop/bem-core.dev.bh.jsБандлы с автоинициализацией:Неминимизированные скрипты:https://yastatic.net/bem-core/latest/desktop/bem-core.dev.jsНеминимизированные скрипты + шаблоны BEMHTML:https://yastatic.net/bem-core/latest/desktop/bem-core.dev.js+bemhtml.jsНеминимизированные скрипты + шаблоны BH:https://yastatic.net/bem-core/latest/desktop/bem-core.dev.js+bh.jsБандлы без автоинициализациии:Неминимизированные скрипты:https://yastatic.net/bem-core/latest/desktop/bem-core.dev.no-autoinit.jsНеминимизированные скрипты + шаблоны BEMHTML:https://yastatic.net/bem-core/latest/desktop/bem-core.dev.no-autoinit.js+bemhtml.jsНеминимизированные скрипты + шаблоны BH:https://yastatic.net/bem-core/latest/desktop/bem-core.dev.no-autoinit.js+bh.jsПлатформа touchНеминимизированные стили:https://yastatic.net/bem-core/latest/touch/bem-core.dev.cssНеминимизированные шаблоны BEMHTML:https://yastatic.net/bem-core/latest/touch/bem-core.dev.bemhtml.jsНеминимизированные шаблоны BH:https://yastatic.net/bem-core/latest/touch/bem-core.dev.bh.jsБандлы с автоинициализацией:Неминимизированные скрипты:https://yastatic.net/bem-core/latest/touch/bem-core.dev.jsНеминимизированные скрипты + шаблоны BEMHTML:https://yastatic.net/bem-core/latest/touch/bem-core.dev.js+bemhtml.jsНеминимизированные скрипты + шаблоны BH:https://yastatic.net/bem-core/latest/touch/bem-core.dev.js+bh.jsБандлы без автоинициализациии:Неминимизированные скрипты:https://yastatic.net/bem-core/latest/touch/bem-core.dev.no-autoinit.jsНеминимизированные скрипты + шаблоны BEMHTML:https://yastatic.net/bem-core/latest/touch/bem-core.dev.no-autoinit.js+bemhtml.jsНеминимизированные скрипты + шаблоны BH:https://yastatic.net/bem-core/latest/touch/bem-core.dev.no-autoinit.js+bh.jsYandex.MapsМодули расширяют возможностиJS API Яндекс.Карт. Документация к модулям опубликована на github, ав песочнице есть примеры, которые помогут быстро разобраться с их использованием.Yandex.Maps API Area Calculation PluginСайт: https://github.com/yandex/mapsapi-area Лицензия: BSD 2-clauseВерсии: 0.0.1Статический путь: https://yastatic.net/s3/mapsapi-jslibs/area/0.0.1/util.calculateArea.min.js Статический путь для разработки: https://yastatic.net/s3/mapsapi-jslibs/area/0.0.1/util.calculateArea.jsYandex.Maps API Polylabeler PluginСайт:https://github.com/yandex/mapsapi-polylabelerЛицензия: BSD 2-clauseВерсии: 1.0.1, 1.0.2Статический путь:https://yastatic.net/s3/mapsapi-jslibs/polylabeler/1.0.2/polylabel.min.jsYandex.Maps API Heatmap ModuleСайт:https://github.com/yandex/mapsapi-heatmapЛицензия: BSD 2-clauseВерсии: 0.0.1Статический путь:https://yastatic.net/s3/mapsapi-jslibs/heatmap/0.0.1/heatmap.min.jsСтатический путь для разработки: https://yastatic.net/s3/mapsapi-jslibs/heatmap/0.0.1/heatmap.jsjQueryСайт:http://jquery.comЛицензия: MIT/GPLВерсии: 3.3.1, 3.1.1-3.1.0, 2.2.4-2.2.0, 2.1.4-2.1.0, 2.0.3-2.0.0, 1.12.3-1.12.0, 1.11.3-1.11.0, 1.10.2-1.10.0, 1.9.1-1.9.0, 1.8.3-1.8.0, 1.7.2-1.7.0, 1.6.4-1.6.0, 1.5.2-1.5.0, 1.4.4-1.4.0, 1.3.2-1.3.0, 1.2.6Статический путь:https://yastatic.net/jquery/3.3.1/jquery.min.jsСтатический путь для разработки:https://yastatic.net/jquery/3.3.1/jquery.jsLo-DashСайт:http://lodash.com/Лицензия: MITВерсии: 4.17.11, 4.16,6, 4.10.0, 3.10.1Пример пути:https://yastatic.net/lodash/4.17.11/lodash.min.jsСтатический путь (core build):https://yastatic.net/lodash/4.10.0/lodash.core.min.jsСтатический путь (full build):https://yastatic.net/lodash/4.10.0/lodash.min.jsSWFObjectСайт:http://code.google.com/p/swfobjectЛицензия: MITВерсии: 2.2, 2.1Статический путь:https://yastatic.net/swfobject/2.2/swfobject.min.jsСтатический путь для разработки:https://yastatic.net/swfobject/2.2/swfobject.jsЗапрос с помощью загрузчика: Ya.load("swfobject", "2.2")Записи докладовВстрой меня в iframeБывают задачи, когда разработчикам необходимо встраивать свой контент на сторонние сайты. И тут же встаёт вопрос: inline или iframe, что выбрать? Алексей расскажет про различия в подходах и подробно остановится на встраивании с помощью iframe: детально рассмотрит особенности, проблемы и способы их решения при использовании этой технологии.Постепенная отдача страницыПавел расскажет о том, что нужно сделать, чтобы пользователи увидели контент на сайте как можно быстрее, в частности, про «отдачу» готовых частей страницы ещё до полной готовности данных, а также о том, какие ограничения при внедрении накладывает такое решение.Гибридные приложения: минусы и способы их устраненияПриложения, объединяющие в себе web и нативную части, всё чаще попадают на прилавки сторов. Подобный микс со вставками из быстрого нативного кода с первого взгляда даёт одни плюсы. Павел раскроет скрытые минусы такого объединения и способы их устранения.Встрой меня в iframeБывают задачи, когда разработчикам необходимо встраивать свой контент на сторонние сайты. И тут же встаёт вопрос: inline или iframe, что выбрать? Алексей расскажет про различия в подходах и подробно остановится на встраивании с помощью iframe: детально рассмотрит особенности, проблемы и способы их решения при использовании этой технологии.Постепенная отдача страницыПавел расскажет о том, что нужно сделать, чтобы пользователи увидели контент на сайте как можно быстрее, в частности, про «отдачу» готовых частей страницы ещё до полной готовности данных, а также о том, какие ограничения при внедрении накладывает такое решение.Гибридные приложения: минусы и способы их устраненияПриложения, объединяющие в себе web и нативную части, всё чаще попадают на прилавки сторов. Подобный микс со вставками из быстрого нативного кода с первого взгляда даёт одни плюсы. Павел раскроет скрытые минусы такого объединения и способы их устранения.Обратная связьПользовательское соглашение©2022ЯндексTue Aug 11 2020 01:05:34 GMT+0300 (Moscow Standard Time)
