Свойства и методы объекта "cb"

cb.Message

Короткое сообщение на экране

cb.Waver(el, initElement)

Анимация клика по элементу.

cb.animation

Анимационный JavaScript движок.

cb.contentLoaded(callback)

Ждет загрузку страницы DOMContentLoaded. Переключение страницы вызывает callback мгновенно.

cb.cookie.set(name, value, options)

Установить cookie по ключу. options.expires = количество дней

cb.cookie.get(name)

Получить cookie по ключу

cb.cookie.delete(name)

Удалить cookie по ключу

cb.crDiv(className, innerHTML, eventClick)

Создать див

cb.crMenu(className, innerHTML, buttonHTML)

Создать меню

cb.crTabs(className, optionsHTML)

Создать вкладки

cb.crTag(tag, className, innerHTML, eventClick)

Создать тег

cb.easing

Функции сглаживания

cb.go(url, options)

Переход на страницу, как по клику ссылки

cb.icon(id, cl = '', postfix = '-start')

SVG Иконка для кнопок.

<svg class="cb-icon${postfix} ${cl}"><use href="#cb-svg-${id}"/></svg>

cb.interfaceLoaded(callback)

Дожидается загрузки текстовых данных в cb.text, если данные уже загружены, вызывается моментально

cb.intersection(callback)

IntersectionObserver для вызова callback в момент появления элемента на экране.

cb.isMobile

Мобильное устройство. true / false

cb.load(id, promiseCallback)

Сallback исполняется один раз, независимо от количества вызовов Promise cb.load('testID' callback) с одинаковым id. Последующие вызовы будут ждать завершения первого callback. Например несколько CustomElements на странице ждут пока первый элемент загрузит ресурсы.

cb.loadAll(src)

Promise создаст один раз элементы style и script с одинаковым адресом (без расширений в адресе) и добавит их в head. Например вызывав cb.loadAll('/loader' ) в нескольких CustomElements одновременно, ресурсы loader.css и loader.js будут загружены один раз, а все промисы завершатся по окончанию загрузки.

cb.loadCSS(src)

Promise загрузки стилей с адресом без расширения ".css" подобный cb.loadAll

cb.loadJS(src)

Promise загрузки скриптов с адресом без расширения ".js" подобный cb.loadAll

cb.map(val, min, max, minRange = 0, maxRange = 1)

Конвертирует число с мин и макс значениями в новую систему координат, с другими мин макс значениями.

cb.postJSON(url, data)

Отправка JSON данных.

cb.postXHR(url, data, form, onprogress, xhr)

Отправка XMLHttpRequest данных.

cb.promptEvent

BeforeInstallPromptEvent

cb.random(min, max)

Случайное число, между мин макс. Можно передать одномерный массив, тогда будет выбран случайный элемент массива.

cb.randomStr(length = 10)

Случайная строка.

cb.referrer

Адрес предыдущей страницы "/prevpage"

cb.saveScrollY

По умолчанию всегда true. Сохраняет позицию прокрутки страницы в sessionStorage по ключу '_cb_page_' + url

cb.setupButton(el)

Инициализирует интерфейс кнопки. По умолчанию при взаимодействии пользователя с любой кнопкой.

cb.setupOnce(el, setupCallback)

Паттерн для инициализации CustomElements.

cb.setupOnce = async (el, setup) => {
    if (!el._isInit) {
        el._isInit = true
        await setup(el)
    }
}

cb.sleep(ms)

Ждет заданное количество миллисекунд. new Promise(resolve => setTimeout(resolve, ms))

cb.sleepToIdle()

Ждет до состояния покоя. new Promise(resolve => requestIdleCallback(resolve))

cb.spline(lerp)

Линейная интерполяция.

const ambient = cb.spline()    

// точки [progress, value] 
ambient.add([0, 0.2], [0.5, 1], [1, 2.7]) 

//где progress от 0 до 1 вернет value между соседних точек.
ambient.get(progress)

cb.statsAction(actionId)

Записать в статистику действие по id.

cb.text

Текстовые данные

cb.themeColor

Палитра цветовых решений. {neutral: {…}, brown: {…}, blue: {…}, light-blue: {…}, aqua: {…}, …}

cb.themeCreate

Создание цветовых решений.

cb.updatePageY()

Установка прокрутки страницы.

cb.view

HTML элемент cb-view, в котором располагаются панели, авторизация, CMS, и main контент страницы. Все что в body следует обернуть в cb-view, кроме script. Пример /app/index.ejs

cb.cmsUrl

Адрес страницы управления. Может быть переопределен в config.json. По умолчанию "/my"

cb.restUrl

Адрес программного интерфейса управления сайтом REST API. Может быть переопределен в config.json.

cb.night

Переключить ночь/день true/false

cb.system

Интерфейс событий EventTarget.

Инструменты разработчика

HTML

CSS

Бэкенд

Бэкенд

HTML

JavaScript

Компоненты

JavaScript

Бэкенд

Свойства и методы объекта "cb"