JavaScript заметки
8.56K subscribers
2.75K photos
4 videos
1.27K links
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке.

Можно почитать пока компилируется проект :)

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Итерация по свойствам объекта

Данный цикл позволяет перебрать все свойства объекта person и вывести их ключи и значения.

#объекты
👍4
Как в 1.5 раза повысить производительность фронтенда высоконагруженного интернет-магазина на Next.js

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
🔥1
Объекты как аргументы функций

Объект person передается в функцию printInfo, где выводится информация о человеке.

#объекты
👍3
Создание статичного блога на Angular и Contentful

 В этой статье, я хочу продемонстрировать связку Angular и Contentful. Я по шагам создам новое приложение, добавлю необходимые вендоры, а также реализую требуемые скрипты для загрузки и генерации контента.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍1
Динамические ключи

Ключи объекта могут быть созданы динамически с использованием вычисляемых свойств.

#объекты
🫡4👍3
Как я переносил блог из CakePHP в Angular

Интерфейс был построен на Twitter Bootstrap и jQuery. Из‑за усложнения бизнес логики, в проект добавили AngularJS и десяток библиотек для фингерпринтинга.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
1
Object.create()

Метод Object.create() позволяет создать новый объект с указанным прототипом. В данном случае, myCar наследует метод startEngine от объекта car.

#объекты
👍10
Получение данных виртуальной клавиатуры Android в web проекте

Написать что знаю несколько языков это одно, но действительно знать, понимать, и применять на практике это совсем другое, поэтому плохо зная свой сигнатурный язык мышления, полученный от социальной среды с рождения, буду рассказывать в статье как правильно собирать данные нажатия, виртуальной клавиатуры Android в web проекте, используя javascript.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
1
Array.prototype.map()

Метод map() создает новый массив, применяя заданную функцию к каждому элементу исходного массива.

#полезное
👍7🔥1
Обзор 10 приемов JavaScript для эффективного программирования

Пополни знания JavaScript 10 эффективными приемами и начни использовать его возможности по максимуму.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉
Читать статью
6
Array.prototype.filter()

Метод filter() создает новый массив, содержащий элементы, прошедшие заданный критерий.

#полезное
👍3
Рефлексия в JavaScript и TypeScript: обзор основных техник. Как сгенерировать CLI-интерфейс для класса

В этой статье я хочу рассмотреть основные такие возможности, плюс показать, как можно получить ещё больше информации о типах при использовании TypeScript, и как добавить классам и их полям собственные метаданные при помощи декораторов. 

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍1
Array.prototype.reduce()

Метод reduce() применяет функцию аккумулятора к каждому элементу массива и возвращает одно значение.

#полезное
6
Считаем «a=1; b=2; x=pi/3; abcos(x)»

В предыдущей серии мы научились считать выражения вида -2.1+ .355 / (cos(pi % 3) + sin(0.311)). Один из комментариев там предложил посчитать то, что я вынес в заголовок этого поста. Что ж, вызов принят. Как и в предыдущем посте, мы "на пальцах" разбираем устройство простейшего интерпретатора.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍1
Array.prototype.find()

Метод find() возвращает первый элемент массива, удовлетворяющий заданному условию.

#полезное
👍10
DOM, DI и View: деревья в Angular

Чтобы стать продуктивным разработчиком на Angular, потребуется понимание различных деревьев, из которых состоит приложение. На первый взгляд легко можно спутать дерево инжекторов DI и DOM-дерево непосредственных HTML-элементов и вьюх Angular. Они похожи и иногда имеют прямое соответствие, но далеко не всегда. В статье рассмотрим различия, научимся держать их в уме и освоим, как можно обойти возможные трудности, связанные с ними.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍2
Array.prototype.every()

Метод every() проверяет, выполняется ли заданное условие для всех элементов массива.

#полезное
👍10
Как уменьшали размер VS Code, используя name mangling — сокращение идентификаторов во время сборки

В этой статье рассказывается, как мы обнаружили возможность такой оптимизации, какие подходы рассматривали, и как в конце концов добились уменьшения размера на 20%. Возможно, будет не так много конкретики - я хочу, скорее, рассказать, как в команде VS Code подходят к решению инженерных задач. Тем более, что наше решение, скорее всего, не совсем оптимальное, и уж точно подойдет не всем кодовым базам.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
🔥3👍1
String.prototype.startsWith()

Метод startsWith() проверяет, начинается ли строка с заданной подстроки.

#полезное
👍6
Как показать миллион зданий на карте — и не сломать браузер

В 2ГИС мы аккумулируем огромное количество геоданных, с которыми взаимодействуют миллионы пользователей ежедневно. Анализируя их, мы можем получить ценную информацию и найти важные идеи для развития городов. Эти данные также полезны организациям.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍5