DevCodo’s gists

DevCodo / полифил ie closest

Created June 19, 2019 06:12

	(function() {

	if (!Element.prototype.matches) {

	// определяем свойство
	Element.prototype.matches = Element.prototype.matchesSelector \|\|
	Element.prototype.webkitMatchesSelector \|\|
	Element.prototype.mozMatchesSelector \|\|
	Element.prototype.msMatchesSelector;

DevCodo / object-fit-polyfill

Created June 6, 2019 05:28 — forked from htmlpluscss/object-fit-polyfill

DevCodo / Оптимизация загрузки страницы

Created May 7, 2019 02:10

	// отложенная загрузка скриптов

	<script>
	window.addEventListener('load', function() {
	let element = document.createElement('script');
	element.src = 'script.js';
	document.body.appendChild(element);
	});
	</script>

DevCodo / polyfill

Created April 7, 2019 14:08

	// Array.prototype.findIndex

	if (!Array.prototype.findIndex) {
	Array.prototype.findIndex = function(predicate) {
	if (this == null) {
	throw new TypeError('Array.prototype.findIndex called on null or undefined');
	}
	if (typeof predicate !== 'function') {
	throw new TypeError('predicate must be a function');
	}

DevCodo / web worker

Created April 1, 2019 12:36

	//https://www.html5rocks.com/ru/tutorials/workers/basics/

	var worker = new Worker('doWork.js');

	worker.addEventListener('message', function(e) {
	console.log('Worker said: ', e.data);
	}, false);

	worker.postMessage('Hello World');

DevCodo / example Promese

Last active March 26, 2019 12:31

	function applyForVisa(document) {
	console.log("Обработка заявления...");
	return new Promise( (resolve, reject) => {
	setTimeout(() => {
	Math.random() > 0.5? resolve({value: "visa"}) : reject("В визу отказано");
	}, 1000);
	} )
	}

	function getVisa(visa) {

DevCodo / parallax

Created March 25, 2019 11:50

http://milkywaydoor.ru/znania/web-stat/biblioteka-animate-css-primer/

DevCodo / настройка gulp

Created March 17, 2019 04:28

	// install Babel
	npm install --save-dev gulp-babel@7 babel-core babel-preset-env

DevCodo / проверка на мобильное устройство

Created March 15, 2019 16:57


	if (/Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i.test(navigator.userAgent)) {
	// код для мобильных устройств
	} else {
	// код для обычных устройств
	}


	// Проверить есть ли поддержка touch евентов
	function is_touch_device() {

DevCodo / форма для ввода телефона

Created March 10, 2019 09:20

	function setSelectionRange(input, selectionStart, selectionEnd) { // функция для постановки курсора
	if (input.setSelectionRange) {
	input.focus();
	input.setSelectionRange(selectionStart, selectionEnd);
	}
	else if (input.createTextRange) {
	var range = input.createTextRange();
	range.collapse(true);
	range.moveEnd('character', selectionEnd);
	range.moveStart('character', selectionStart);

Ivan DevCodo