Skip to content

Instantly share code, notes, and snippets.

View konratnox's full-sized avatar

Alexey konratnox

  • Russia, SPb
View GitHub Profile
@konratnox
konratnox / check_user_device.js
Created December 14, 2015 13:50
Проверка устройства пользователя
Для проверки устройства пользователя пишем
var ifDevice = navigator.userAgent.match(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i) != null;
@konratnox
konratnox / example.html
Created December 24, 2015 07:59
Menu for mobile( second tab change location)
<div class="menu-item" tabindex="0">
<a href="#">Link</a>
</a>
@konratnox
konratnox / script.php
Created January 14, 2016 07:55
Скрипт для удаления элементов каталога и свойств
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
CModule::IncludeModule("iblock");
$CIBlockResult = CIBlockElement::GetList(
Array("ID"=>"ASC"),
Array("IBLOCK_ID"=>2),
false,
false,
Array("ID", "PREVIEW_PICTURE", "DETAIL_PICTURE")
);
@konratnox
konratnox / ajax.js
Last active May 26, 2021 15:33
Таймер(заготовка)
var timer = function() {
$.ajax({
url: '/scripts/timer.php',
type: 'post',
dataType: 'json',
data: {},
})
.done(function(data) {
console.log("success");
console.log(data);
'use strict';
var gulp = require('gulp'),
rigger = require('gulp-rigger'),
browserSync = require("browser-sync"),
reload = browserSync.reload,
sourcemaps = require('gulp-sourcemaps'),
uglify = require('gulp-uglify'),
sass = require('gulp-sass'),
autoprefixer = require('gulp-autoprefixer'),
'use strict';
var gulp = require('gulp'),
watch = require('gulp-watch'),
rigger = require('gulp-rigger'),
sourcemaps = require('gulp-sourcemaps'),
uglify = require('gulp-uglify'),
sass = require('gulp-sass'),
autoprefixer = require('gulp-autoprefixer'),
gcmq = require('gulp-group-css-media-queries'),
/* Мобильное меню*/
@media (max-width: 991px) {
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
<div id="mobile-menu-button" class="mobile-menu-button">
<span></span>
<span></span>
<span></span>
</div>

Приём проектирования "поведение"

Шаблон проектирования «поведение» (behavior) позволяет задавать хитрые обработчики на элементе декларативно, установкой специальных HTML-атрибутов и классов.

Описание

Приём проектирования «поведение» состоит из двух частей:

Элементу ставится атрибут, описывающий его поведение. При помощи делегирования ставится обработчик на документ, который ловит все клики и, если элемент имеет нужный атрибут, производит нужное действие.