Js - Форум программистов и сисадминов Киберфорум

Рисование бинарного древа до 6-го колена на js, svg.

Запись от russiannick размещена 17.05.2026 в 16:49. Обновил(-а) russiannick 17.05.2026 в 21:14

Показов 1459 Комментарии 0

Метки js

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<svg width="335" height="240" viewBox="0 0 335 240" fill="#e5e1bb">
    <style>
    <![CDATA[
      line {
        stroke:blue;
        stroke-width:3;
      }
      rect {
        stroke-width:3;
      }
    ]]>
    </style>
    <g id="bush">
    </g>
</svg>

JavaScript
1
2
3
function fn(){
    let rost;// высота древа
    let xx=165,yy=210,w=256;

...

russiannick

Имитация медиа-запросов для конкретного элемента (Element Queries)

Запись от mrtoxas размещена 30.06.2020 в 14:38

Показов 2019 Комментарии 0

Метки html, js, resizeobserver

В примере, при изменении ширины контейнера, ему добавляется соответствующий размеру data-атрибут, который можно использовать для стилизации самого контейнера или вложенных\соседних блоков.

HTML5
1
2
3
<div class="wrapper" id="wrap" data-mq="">
  <div class="block"></div>
</div>

JavaScript
1
2
3
4
5
6
7
const mq = {
  sm: 200,
  md: 400,
  lg: 600
};
 
const element = document.getElementById("wrap");

...

mrtoxas

HTML5(canvas) + Js, игра

Запись от pavlinmavlin размещена 01.04.2019 в 19:43

Показов 4492 Комментарии 6

Метки canvas, html5, js, игра

Сваял вот такую игрульку.

Нажмите на изображение для увеличения
Название: загруженное (2).png
Просмотров: 749
Размер: 36.6 Кб
ID: 5318

Играем за Человечка.

Сверху игрового поля летает птичка и сбрасывает вниз яйца и кирпичи. Яйца нужно ловить.
За каждое пойманное яйцо +1 к счету и -1 к кол-ву жизней птички. Если яйцо не поймать, то упав оно разобьется....

pavlinmavlin

разработчик

Спойлер на js

Запись от mrtoxas размещена 29.10.2016 в 23:47

Показов 1962 Комментарии 0

Метки js, spoiler

CSS
1
2
3
4
.spoiler {display: inline-block; vertical-align: top;}
.block {width: 40px; height: 30px; background: tomato; margin: 5px;}
.spoiler__split {display: block; text-align: center; cursor: default; }
.spoiler__drop {padding: 1px 0;background-color: green;}

HTML5
1
2
3
4
<div class="spoiler">
  <div class="block">1</div>
  <div class="block">2</div>
  <div class="block">3</div>

...

mrtoxas

Интересное на хабре, сегодня.

Запись от and_y87 размещена 04.02.2015 в 11:14

Показов 7897 Комментарии 5

Метки js, php, программирование, разработка

То что меня заинтересовало.

Двухфакторная аутентификация, которой удобно пользоваться
Блог компании Яндекс, Разработка под iOS*, Мобильный веб*, Криптография*, Информационная безопасность*
http://habrahabr.ru/company/yandex/blog/249547/

Буфер вывода в PHP
Блог компании Mail.Ru Group, PHP*, Веб-разработка*
http://habrahabr.ru/company/mailru/blog/248573/

XSS на сайтах, использующих Instagram API
Информационная...

and_y87

Develo0per

Bind на Сочетания Клавиш ( Ctrl+?, Alt+?, Shift+?) ( JS )

Запись от and_y87 размещена 20.07.2014 в 10:10

Показов 4525 Комментарии 0

Метки bind, ctrl, js, key, сочетание

Добавил на GitHub в свою library скрипт в функционал которого входит:
Бинд функций на сочетакния клавиш и просто на клавишу.

Код реализован на чистом JavaScript

Используемые для бинда функции:

JavaScript
1
2
3
4
BindKey._ctrl( key, func )
BindKey._alt( key, func ) 
BindKey._shift( key, func ) 
BindKey._key( key, func )

Функции принимают 2 параметра:

key = (int)код клавиши либо (str) клавиша
func = функция,

...

and_y87

Develo0per

Определение исчисляемого ( JS + PHP )

Запись от and_y87 размещена 17.07.2014 в 10:10

Показов 3102 Комментарии 0

Метки js, php, исчисляемое, окончание, определение

Добавил на GitHub в свою library скрипт определения исчисляемого на JS.
Ранее в в этом блоге постил уже эту функцию, но определение было только на PHP.

Теперь код реализован на JavaScript & PHP.

Функция принимает 2 параметра:

число
Массив вида Array( 'день', 'дня', 'дней' )

Профит:
- использовать, что бы определить исчисляемое, это много где используется либо...

and_y87

Develo0per

isOnline - трекер соединения с сайтом.

Запись от and_y87 размещена 14.07.2014 в 11:51

Показов 3825 Комментарии 0

Метки js, online, plugin

Недавно загорелся желанием создать скрипт позволяющий определить есть ли у пользователя соединение с сайтом.
На мой скромный взгляд это актуально для Touch-устройств.

Профит вижу в следующем:
перед запросом проверять переменную ONLINE на == false.
и если условие прошло, то оповещать пользователя о том что пока он не будет в сети, ничего не будет.

Так я и написал скрипт isOnline[ссылка на gitHub]
Скрипт с указанным интервалом...

and_y87

Develo0per

Создание блока вкладок.

Запись от and_y87 размещена 07.07.2014 в 18:45

Показов 3520 Комментарии 1

Метки jquery, js, вкладки, разработка

Нормальные вкладки на jQuery - 1 скрипт на всё.

Ответ на вопрос: как сделать блок открывающийся при клике, а другие при этом закрываются.

CSS
1
.none { display: none; }

HTML5
1
2
3
4
5
<div class="blokc__tabs">
 
    <div class="b-tabs__header">
        <a class="b-tabs__link" href="#first"> первый </a> |
        <a class="b-tabs__link" href="#next">

...

and_y87

Develo0per

Мастер-класс. Митап по БЕМ

Запись от and_y87 размещена 07.05.2014 в 01:34

Показов 3187 Комментарии 0

Метки bem, html, js, yandex, разработка

BEMup в Минске, 18 апреля 2014.

Разработка сайта с нуля на полном стеке БЭМ-технологий.
Докладчики: Жека Константинов, Дима Белицкий, Слава Аристов, Яндекс

Ссылка на видео

and_y87

Develo0per

Всего блогов	1,219
Всего записей	7,062
Записи за последние сутки	7

Новые блоги и статьи Все статьи Все блоги /
Модель здравосохранения 14. Собираем всю модель вместе. anaschu 22.05.2026 Модель собрана. В будущих постах на видео я покажу, как она работает. В этом посте запускаем её, проверяем результаты и разбираем что можно с ней делать дальше. Перед запуском проверяем. . .	Модель здравоохранения 13. Добавление самой системы здравоохранения. anaschu 22.05.2026 В предыдущем посте мы настроили болезни. Теперь добавим события, которые управляют здоровьем всего коллектива, а также настроим рабочий график и расчёт финансов. В Main создаём четыре события. . . .	Модель здравоохранения 12. добавление болезней через ресурпул, как аварии anaschu 22.05.2026 Болезни — это ключевая часть нашей модели. Нам нужно, чтобы работник периодически уходил на больничный, его задание при этом зависало, а после выздоровления работа возобновлялась. Реализуем это двумя. . .	Модель здравоохранения 11. Создаём классы Задание и Работник anaschu 22.05.2026 В AnyLogic каждая заявка и каждый ресурс — это объект определённого класса. Нам нужно создать два класса: Задание (заявка) и Работник (ресурс). Класс Задание В дереве проекта нажимаем правой. . .
Модель здравоохранения 10. Новая модель, смотрим, как добавлять логические блоки, и что писать внутри anaschu 22.05.2026 Открываем AnyLogic, создаём новый проект. В дереве проекта появляется класс Main — это главный агент, в котором будет жить вся наша логика. Палитра блоков Слева находится палитра. Нас интересует. . .	модель ЗдравоСохранения 9. Новая модель, разбираемся, как ее создавать anaschu 22.05.2026 В этой серии постов мы построим модель небольшого рабочего коллектива. Сотрудники получают задания, выполняют их, иногда болеют — и мы хотим посчитать, сколько это стоит компании. Метод. . .	[golang] Linked list alhaos 22.05.2026 Связный список / Linked list Связный список структура данных позволяющая хранить список значений, в отличии от массива в памяти хранится не сплошным куском, а отдельными частями которые ссылаются. . .	[golang] Двоичная куча, min-heap alhaos 20.05.2026 Двоичная куча Двоичная куча — структура данных, которая всегда держит самый важный элемент наготове. Представьте очередь к хилеру в игре, и очередь из игроков в приоритете те у кого меньше. . .

Сообщение форума

Отменить изменения

Архив
< Май 2026
Вс	Пн	Вт	Ср	Чт	Пт	Сб
26	27	28	29	30	1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31	1	2	3	4	5	6