JavaScript

A collection of 122 posts

JavaScript

JS и точки с запятой

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

Как запустить Youtube на iPadOS в режиме картинка в картинке
JavaScript

Как запустить Youtube на iPadOS в режиме картинка в картинке

Создаем свою быструю команду на JavaScriptС помощью программы «Быстрые команды», которая не идет по дефолту на iOS, можно создавать собственные быстрые команды из нескольких действий для различных программ. С помощью

JavaScript

JS/ES2020: Optional Chaining and Nullish Coalescing

На дворе 2020 год, а в ES2020 уже есть 2 долгожданные фичи, которые облегчат работу. Но самое интересное, что эти фичи уже точно можно использовать в продакшене. Давайте рассмотрим их с примерами и поймем профит. Во первых - эти фичи уже доступны в браузерах:

Serverless статистика для Ghost блога на примере Cloudflare workers + KV за 5 минут
JavaScript

Serverless статистика для Ghost блога на примере Cloudflare workers + KV за 5 минут

Делаем простую статистику и лайки за 5 минут, используя воркеры Cloudflare с применеием Key Value хранилища от них же. Задача: После перезда с medium.com на свой собственный блог (в

JavaScript

Fun Mongo #1: ObjectId

Как устроен Primary Key После долгой работы с реляционными БД и, в частности, с SQL, переход на документную базу MongoDB не так прост, как кажется. Надо немного перестроить менталитет. Это как с PHP/Python перейти на Node.js — привыкнуть к асинхронности и колбэкам требует

JavaScript

Russian AI Cup 2019

На Node.js Наконец-то настал этот долгожданный день. Теперь в Russian AI Cup можно использовать Node.js (последняя версия). Пример базовой стратегии можно посмотреть в официальном репозитории. Но, в этом базовом примере по ссылке отсутствуют пара проверок, из за которых могут возникнуть ошибки в

CSS

Защита Email от Spamer’ов

UpdateВ предыдущем посте я показал как прятать имейлы от спамеров на чистом CSS: Защита Email от Spamer’ов на CSSNojs, only CSS! Да да, No JS Сейчас поведаю про интересный способ защиты имейлов от спамеров используя только CSS. И так, сначала ревертим наш имейл,

Chrome

FunES: noprotect

Опасные комментарииА знаете ли вы, что в Chrome есть специальные служебные комментарии для управления потоком V8 ? К примеру, есть потенциально опасный код вида: for (let i=16e6; i<17e6; i++) console.log(i); Этот код будет работать бесконечно, но Chrome решит не выполнять

JSON запросы в PHP
Backend

JSON запросы в PHP

Правильная обработка Один из современных способов взаимодействия фронтенда с бэкендом — это обмен данными в формате JSON. И, как показывает практика, не каждый может рассказать как же можно наладить такую взаимосвязь,

JavaScript

String.prototype.replace

Регулярки, колбэки и… Шаблоны! Сегодня короткий пост про простую функцию replace в мире JS. Чтобы понять нужно ли вами читать этот пост пройдите микро тест: 'abc'.replace('a', '$$$') // = ??? Смогли ответить и понимаете почему так? Значит вам не стоит читать текст далее. Для

JavaScript

FunES#10: Странный массив

Точнее все ок, магии нет Буквально недавно на Reddit был показан интересный пример “нетипичного” поведения JS. Через некоторое время этот “мем” ушел в твиттер и его даже запостил Axel Rauschmayer‏, что придало этому примеру большой резонанс. У меня была очень загруженная неделя, полностью отключилось

ES6

JS Зарисокви на тему URL

А вы знали что… Не зная таких вещей, можно наломать дров Наверняка вы знаете что, чтобы получить имя домена нужно обратиться к window.location: window.location.href При этом не раз слышал на собеседовании что чтобы получить имя домена, надо парсить это свойство. Я

ES6

Юзкейсы rest-spread операторов #2

Полезные трюки Я уже писал как-то про Юзкейсы …spread оператора. За прошедшее время накопилось много чего еще интересного. Пришла пора рассказать про эти трюки, которые могут быть полезны в работе. Rename key var obj = { key: 'value' } obj = (({ key, ...other })=>({ newKey: key, ...other }))(obj)

Про приведение типов в JS и магию. Часть 2
JavaScript

Про приведение типов в JS и магию. Часть 2

Что еще надо знать«Где отсутствует точное знание, там действуют догадки, а из десяти догадок девять — ошибки»Этот материал будет полезен тем, кто планирует проходить собеседования, так и тем, кто

JavaScript

FunES#9: загадка

Фокусы с JavaScript Ответ будет объяснятся сразу после вопроса, так что если хотите сами подумать, не листайте. Мой ответ базируется на моем опыте и моем понимании как работает JS. Если я ошибся — поправьте, пожалуйста. Недавно меня попросили помочь объяснить как отработает такой код. Будет

Bugs

FunES#8: Math.pow не равно**

JavaScript зарисовки в стиле WTF Browsers В JS есть оператор возведения в степень. Появился он в JavaScript относительно недавно (хотя с учетом скорости развития JS можно сказать что и давно). Пример использования: Math.pow(2,2) === 2**2 Но, эти операторы не совсем эквивалентны.

JavaScript

Обзор JS REPL playgrounds

И один для PHP Небольшой обзор разных playground инструментов для быстрого запуска кода и проверки гипотез. Browser/DevTools Обычно всякие быстрые RnD я делал либо в браузере прямо в DevTools — удобно для очень коротких набросков, в идеале однострочников. Более сложные вещи делаю в браузере,

👍 ?
👓 ?