Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Управляйте маятником, чтобы построить самую высокую (и устойчивую) башню из падающих сверху постов. Следите за временем на каждый бросок по полоске справа: если она закончится, пост упадет мимо башни.

Башня

Аркады, Строительство, На ловкость

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

Javascript + Программирование

С этим тегом используют

IT HTML IT юмор Программист Frontend CSS Разработка Python Картинка с текстом Юмор Все
680 постов сначала свежее
7
shaitan.vladimir
shaitan.vladimir
3 года назад
Web-технологии

Тип данных BigInt в JavaScript⁠⁠

BigInt

bigint - числовой примитивный тип данных в JavaScript, позволяющий работать с целыми числами произвольной точности (числа в которых длина ограничена только объёмом доступной памяти).

Проблема в том что тип данных Number может хранить числа только в определенном диапазоне.


const biggestNumber = Number.MAX_SAFE_INTEGER;
console.log(biggestNumber);
console.log(biggestNumber + 1);
console.log(biggestNumber + 2);
console.log(biggestNumber + 3);

Открыть на CodePen


Если мы будем увеличивать это число на Number не сможет точно сохранить результат. BigInt позволяет нам хранить числа за пределами максимального целочисленного значения Number.

Создать BigInt можно следующим образом:

const bigIntExample_1 = 100n;
const bigIntExample_2 = BigInt(100);
console.log(bigIntExample_1, bigIntExample_2);
Открыть на CodePen

Просто добавляем суффикс 'n' в конце литерала числа или используем функцию BigInt().


Теперь попробуем повторить первый пример только уже с использованием BigInt

const bigIntNumber = BigInt(Number.MAX_SAFE_INTEGER);
console.log(bigIntNumber + 1n);
console.log(bigIntNumber + 2n);
console.log(bigIntNumber + 3n);
console.log(bigIntNumber + 4n);
Открыть на CodePen

Аналогично как и с типом данных Number мы можем разделять большие числа через '_'.

const bigIntExample_3 = 1_000_000_000_000_000n;
console.log(bigIntExample_3);

Если мы будем сравнивать BigInt c Number через '===' то при одинаковых значениях получим false, так как это разные типы данных.


const bigIntExample_4 = 10n;
const numberExample_1 = 10;
console.log(bigIntExample_4 === numberExample_1); // false
console.log(bigIntExample_4 == numberExample_1); // true

Открыть на CodePen


В таком случае мы можем использовать оператор '==', тогда сравнение пройдет успешно. Так как '==' сравнивает только значения без приведения типов.


P.S. Больше информации в видеоуроке

P.P.S. Больше уроков у меня на канале.

Показать полностью
[моё] IT Программирование Программист Разработка Баг Собеседование Приложение Интернет Javascript HTML Html 5 Видео YouTube
16
13
shaitan.vladimir
shaitan.vladimir
3 года назад
Web-технологии

Циклы в SASS / SCSS ( @each )⁠⁠

Привет, в этом уроке мы разберемся что такое циклы в SASS / SCSS на примерах разберем как перебирать структуры данных List и Map и на примерах разберемся как использовать все эти вещи вместе с интерполяцией для динамической генерации стилей. Приятного просмотра.

P.S. Больше уроков у меня на канале

[моё] HTML Html 5 Основы HTML CSS Css3 Javascript Frontend Верстка Верстальщик Программирование Программист Разработка Разработчики IT Баг Собеседование Видео YouTube
2
537
tproger.official
tproger.official
3 года назад
Типичный программист

Ловушка от JavaScript⁠⁠

Ловушка от JavaScript IT юмор, IT, Программирование, Javascript, Комиксы
Показать полностью 1
[моё] IT юмор IT Программирование Javascript Комиксы
75
22
DenverXX
3 года назад

Алконормер⁠⁠

Хочу представить на рассмотрение сообщества шуточное приложение, которое создал для практики работы с ReactJS.
Предназначено для расчёта нормы алкоголепотребления при заранее известных обстоятельствах.
Буду рад, если оставите коментарии, замечания, предложения :)

Ссылка: http://bprof.b91184ue.beget.tech/

Алконормер React, Javascript, Алкоголь, Программирование
[моё] React Javascript Алкоголь Программирование
24
11
shaitan.vladimir
shaitan.vladimir
3 года назад
Web-технологии

Урок - Подключение CSS⁠⁠

HTML существует только для разметки контента, но не несет в себе никакой стилизации элементов. За это отвечает язык CSS. Все визуальные отличия тегов друг от друга мы видим только благодаря тому что браузер имеет свою таблицу стилей которая работает по умолчанию. Как вы уже поняли, для того чтобы мы могли стилизовать элементы сами, нам нужно будет использовать язык CSS. Разберемся как его внедрить на нашу страницу.


Способ #1 - inline styles


Одним из общих атрибутов для каждого тега, является атрибут style, внутри которого мы и можем писать наш CSS код.


<h1 style="color: red">Some Title - <a href="#">link</a></h1>

Способ #2 - тег <style>


Внутри тега <style> мы можем писать стили, идентифицируя нужные нам теги по их атрибутам, именам и тд. (селектору тега). Тег <style> должен быть расположен внутри тега <head>.


<head>
<style>
div {
max-width: 1200px;
margin: 0 auto;
background-color: antiquewhite;
padding: 10px 20px;
}
</style>
</head>

Открыть на CodePen


Способ #3 - отдельный файл


Самое лучшее что можно придумать, это подключение отдельного CSS файла к нашему проекту. Делается это через тег <link>, который также должен быть вложен внутрь тега <head>.


Атрибуты:

rel - должен иметь значение stylesheet

href - ссылку или путь к файлу .css


Тег <link> имеет больше атрибутов, на данном этапе их рассматривать не будем.


<link rel="stylesheet" href=".././css/style.css">


Способ #4 - отдельный файл через тег <style>


Не рекомендую вам так делать, лучше старайтесь всегда когда возможно подключать свои .css файлы через тег link. Такой способ практически ничем не отличатся от подключения через <link> кроме синтаксиса, но он читается намного хуже и усложняет понимание.


<style>
@IMPORT '.././css/style2.css';
</style>

P.S. Больше уроков у меня на канале

P.P.S. Файлы с урока

Показать полностью
[моё] HTML Html 5 Основы HTML CSS Css3 Javascript Frontend Верстка Верстальщик Программирование Программист Разработка Разработчики IT Баг Собеседование Видео YouTube Длиннопост
28
234
eSimOnOff
eSimOnOff
3 года назад

Оригинальный список малвари, шифровальщиков и прочего в open source проектах⁠⁠

Я - Дмитрий Симонов, основатель Техдирского Клуба, опубликовавшего и поддерживающего оригинальный список проблем, связанных с политизированным Open Source.


На текущий момент в списке:


* 36 записей опасных изменений в OpenSource

* 10 записей о заблокированном доступе


Дисклеймер:


* Cписок формируется на основании присланных заявок. На основании этих же присланных заявок удаляются ошибочно внесённые записи. Каждая заявка внимательно рассматривается и переносится в опубликованный список.

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


Если хотите внести (или опровергнуть) информацию в список, это можно сделать через специальную форму.

Показать полностью
[моё] Программирование Open Source Npm Javascript Софт Текст
20
13
shaitan.vladimir
shaitan.vladimir
3 года назад
Web-технологии

Урок - Тип данных Number в JavaScript⁠⁠

Привет, сегодня в этом уроке мы познакомимся с типами данных в JavaScript и подробно поговорим о типе данных Number.

Транскрипт урока


Числовой, примитивный, тип данных в JavaScript на который выделено 64 бита памяти, этот тип данных помимо целых чисел включает в себя также хранение чисел с плавающей запятой. В других языках числа могут подразделяться на несколько типов, например: Integer, Float, Double или Bignum. Но в JavaScript тип за числа отвечают типы данных number и bigint. О bigint немного позднее.


const integerNumber = 100;
const floatNumber = 10.2;
const anotherFloatNumber = 10.2002;
console.log(integerNumber, floatNumber, anotherFloatNumber);

Запись больших чисел


Для записи больших чисел мы можем использовать букву 'e' для того чтобы сократить число


const oneBillion = 1000000000; // Здесь у нас 9 нулей
const oneBillionWithE = 1e9; // Здесь тоже
const floatBillions = 5500000000;
const floatBillionsWithE = 5.5e9;
console.log('e', floatBillions, floatBillionsWithE);

Отрицательное число после "e" подразумевает деление на 1 с указанным// количеством нулей:


const oneMillisecond = 0.000001;
const oneMillisecondWithE = 1e-6;
Также большие числа мы можем разделять символом '_' для повышения читаемости.


const bigNumber = 10_000_000_00;

Специальные числовые значения:


Помимо самих чисел к этому типу подразделяются специальные числовые значения такие как: Infinity, -Infinity, NaN.Infinity - является математической бесконечностью, которая больше любого числа.


В JavaScript мы можем делить на 0 и это не вызовет никаких ошибок.


const divOnZero = 10 / 0; // Infinity

Также мы можем задать Infinity явно.


const infinityNumber = Infinity;

NaN - not a number.


Мы можем его получить если будем выполнять неправильную математическую операцию или задавать его явно.


const exampleNaN_1 = 'Vladimir' * 10;
const exampleNaN_2 = 'Vladimir' / 10;
const exampleNaN_3 = 'Vladimir' - 10;
const exampleNaN_4 = NaN;

Если мы будем выполнять любые математические операции с NaN то получим NaN.


const exampleNaN_5 = NaN;  // явно
const exampleNaN_6 = 'Vladimir' - 10; // неявно


Negative numbers


Все числа из предыдущих примеров были положительными. Это не относится к NaN. Положительное число или отрицательное легко проверить через Math.sign.


С отрицательными числами нет никаких проблем, кроме того что для знака минус '-' выделен отдельный бит, из-за чего мы можем попасть в ситуацию с -0.


const negativeZero = -0;
const zero = 0;

Пример:


const negativeZeroExample = 0 / -10;

Аналогично все числа, кроме NaN, могут быть отрицательными.


const negativeInfinity_1 = -Infinity;
const negativeInfinity_2 = 10 / -0;
const negativeInfinity_3 = -2e6;
const negativeInfinity_4 = -1_000_000_000;

Также в JavaScript есть возможность работать с шестнадцатеричными, двоичными и восьмеричными числами, но это выходит за рамки сегодняшнего урока.


Неточности в вычислениях


Из 64 бит, отведённых на число, сами цифры числа занимают до 52 бит, остальные 11 бит хранят позицию десятичной точки и один бит – знак. Так что если 52 бит не хватает на цифры, то при записи пропадут младшие разряды.


Аналогичные проблемы с точностью возникают в языках: PHP, Java, C, Perl, Ruby.



P.S. Больше уроков у меня на канале

Показать полностью
[моё] Программирование IT Программист Разработка Баг Собеседование Разработчики Веб-разработка Javascript Видео YouTube Длиннопост
10
Партнёрский материал Реклама
specials
specials

Раз проценты, два проценты⁠⁠

Звучит приятно, если речь о выгоде и начисленном кешбэке. Сделали самый приятный калькулятор, который считает исключительно выгоду!

Реклама Реклама. ПАО «Банк ВТБ», ИНН: 7702070139

Калькулятор Выгода
2
shaitan.vladimir
shaitan.vladimir
3 года назад
Web-технологии

Теги для создания форм. Часть №6. <button>⁠⁠

Теги для создания форм. Часть №6. <button> IT, Программирование, Разработка, Собеседование, Программист, Веб-разработка, Верстка, Создание сайта, Сайт, HTML, Основы HTML, CSS, Css3, Javascript

<button> - Парный тег, который предназначен для создания кнопки, имеет схожие атрибуты с тегом <input>. Может использовать как внутри <form> заменяя собой <input type="button">, так и просто как отдельный элемент на странице.

<form action="">
<h3>Another Example Form</h3>
<fieldset>
<legend>User info</legend>
<div>
<label for="name_3_input">First name:</label>
<input id="name_3_input" type="text" placeholder="Email">
</div>
<div>
<label for="surname_3_input">Surname:</label>
<input id="surname_3_input" type="text" placeholder="Surname">
</div>
</fieldset>
<br>
<fieldset disabled>
<legend>User credentials</legend>
<div>
<label for="email_3_input">Email:</label>
<input id="email_3_input" type="text" placeholder="Email">
</div>
<div>
<label for="password_3_input">Password:</label>
<input id="password_3_input" type="text" placeholder="Password">
</div>
</fieldset>
<fieldset>
<legend>Form Controls</legend>
<button type="submit">Submit</button>
<button type="reset">Clear Form</button>
</fieldset>
</form>

Открыть на CodePen


Больше уроков у меня на канале.

Показать полностью
[моё] IT Программирование Разработка Собеседование Программист Веб-разработка Верстка Создание сайта Сайт HTML Основы HTML CSS Css3 Javascript
8
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии