TGViewer
Channel Public Channel
Javascript

Javascript

@javascriptv

По всем вопросам - @workakkk

@itchannels_telegram -🔥лучшие ИТ-каналы

@ai_machinelearning_big_data - машинное обучение

@JavaScript_testit- js тесты

@pythonl - 🐍

@ArtificialIntelligencedl - AI

@datascienceiot - ml 📚

РКН: № 5153160945
Subscribers
16.9K
Photos
1K
Videos
166
Links
1.5K

Showing posts older than #1114 · Back to latest

Older Posts 20 shown
Post #1103 4.7K
Размеченные объединения в TypeScript

Вместо того чтобы сразу погружаться в теорию, рассмотрим практический пример.

Требования

1. Необходимо создать функцию, которая возвращает одну из 3 фигур (квадрат, прямоугольник или круг).

2. Функция должна принимать только соответствующие параметры.

3. Параметры для каждой фигуры разные, и они следующие:

▪️круг: радиус (“radius”);
▪️квадрат: размер (“size”);
▪️прямоугольник: высота и ширина (“height & width”).

Один из самых простых способов сделать это в TypeScript — создать тип следующим образом:

type CustomShapeProps = {
kind: "square" | "rectangle" | "circle";
size?: number;
width?: number;
height?: number;
radius?: number;
};


Это рабочий вариант, но замечаете ли вы какие-нибудь изъяны в приведенном коде? Посмотрите на следующий GIF-файл, чтобы увидеть, как будет функционировать код, использующий этот тип:

📌 Читать

@javascriptv
  • 👍 9
  • ❤ 3
  • 🔥 3
Post #1100 5.83K
Репозиторий: Design Resources For Developers

В репозитории собран обширный набор ресурсов для дизайна UI, стоковых фотографий, веб-шаблонов, CSS-фреймворков, UI-библиотек, а также разнообразных инструментов, доступных бесплатно для использования в ваших проектах.

📌репозиторий

@javascriptv
  • 👍 13
  • 🔥 4
  • ❤ 2
  • 🤩 1
Post #1099 5.51K
Создание навигационной панели с анимированным индикатором с помощью HTML, CSS и JavaScript 🚀

👨‍💻 Код

@javascriptv
  • 👍 22
  • ❤ 1
  • 🔥 1
Post #1098 4.83K
🏃‍♂️Состояние гонки в Node.js: практическое руководство

Состояние гонки — распространенная и сложная проблема в параллельном программировании. Они могут приводить к неожиданным и противоречивым результатам, их сложно отлаживать и исправлять.

В этой статье мы затронем следующие темы: что такое состояние гонки; что происходит с программой, когда оно возникает; почему Node.js не защищен от гонок; когда мы можем сталкиваться с состоянием гонок в Node.js и как их предотвратить.

Что такое состояние гонки?
Состояние гонки — это тип ошибки в программировании, которая может возникнуть, когда несколько процессов или потоков одновременно получают доступ к общим данным или ресурсам и пытаются их изменить (например, файл или базу данных). При этом результат зависит от времени или порядка выполнения. Такое явление может привести к несогласованным или неверным результатам.

Предположим, два потока пытаются получить доступ к одному и тому же файлу на диске. Один поток хочет удалить файл, а другой — прочитать и переименовать его. Если потоки будут чередовать свои операции таким образом, может возникнуть состояние гонки:

▪️Поток 1 проверяет, существует ли файл (true), и удаляет его.
▪️Поток 2 проверяет, существует ли файл (false), и пытается его открыть.
▪️Поток 2 не может открыть файл и выбрасывает ошибку.
▪️Поток 2 пытается переименовать файл, что заканчивается сбоем.

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

Что происходит с программой при возникновении состояния гонки?

📌Продолжение

@javascriptv
  • 👍 11
  • ❤ 3
  • 👏 2
  • 🔥 1
Post #1097 4.08K
🥷Хуки Mongoose: все, что нужно знать

Хуки Mongoose — своего рода ниндзя-шпионы, работающие вне поля зрения, перехватывая и изменяя операции с данными в ключевых точках. Это невероятно мощные инструменты для добавления пользовательской логики в Mongoose-приложения, но их освоение может быть похоже на взлом секретного кода. Но вам, бесстрашные разработчики, незачем волноваться, ведь эта статья упростит задачу.

Что такое хуки Mongoose?

Хуки — это промежуточные функции, срабатывающие в определенные моменты жизненного цикла Mongoose. Считайте их контрольными точками, позволяющими проверять, изменять или даже прерывать такие операции, как сохранение, обновление или удаление документов. Они бывают двух видов:

🔵 Pre-hooks (предварительные хуки): запускаются перед основной операцией, позволяя манипулировать данными или выполнять валидацию до попадания в базу данных.
🔵Post-hooks (послеоперационные хуки): запускаются после выполнения основной операции, позволяя реагировать на результат (успех или неудачу) и выполнять такие задачи, как отправка уведомлений или регистрация изменений.

Типы хуков Mongoose
Mongoose предлагает четыре типа хуков, каждый из которых отвечает различным потребностям.

📌 Продолжение

@javascriptv
  • 👍 10
  • ❤ 3
  • 🔥 1
Post #1095 5.49K
🖥 Шпаргалка по методам массивов JavaScript 👨‍💻🚀.

@javascriptv
  • 👍 59
  • 🔥 18
  • ❤ 4
Post #1094 4.63K
🚗Программирование будущего: беспилотный автомобиль, управляемый JavaScript и ИИ

Вы когда-нибудь мечтали о беспилотном автомобиле?

Теперь это уже не причудливая фантазия. Представьте, что едете по дороге, не держа руки на руле, а строчки кода ведут вас по дороге. Звучит безумно, но еще безумнее то, что этот код заставляет автомобиль не только двигаться, но и уклоняться от препятствий. А если ситуация становится сложной, машина сама нажимает на тормоза.

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

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

Как проводник, JavaScript взаимодействует с электронным блоком управления (ЭБУ) автомобиля, отвечающим за приводную систему, рулевые механизмы и педали ускорения. С помощью тщательно продуманных алгоритмов он преобразует абстрактные инструкции в реальное движение, позволяя автомобилю автономно перемещаться по дороге. По сути, JavaScript наделяет автомобиль интеллектом для принятия решений в доли секунды, превращая строки кода в динамичное управление автомобилем.

📌Читать дальше

@javascriptv
  • 👍 12
  • ❤ 5
  • 👎 3
  • 🔥 1
Post #1093 5.16K
💻 7 приложений и сайтов, которые облегчат работу UX/UI дизайнера

Никто не будет спорить, что Figma круто изменила работу для UX/UI дизайнера, делая все проще и объединяя все необходимое в одном месте. Однако даже со всеми потрясающими возможностями и плагинами в Figma существуют и другие приложения и сайты, которыми дизайнеры пользуются каждый день и которые Figma заменить не может. Каждое из них выполняет особую задачу, которая выходит за пределы возможностей Figma. Поэтому хочется поделиться 7 приложениями и сайтами, которые можно использовать вместе с Figma. Этот список покажет, что иногда для достижения лучших результатов нужно использовать несколько инструментов.

1. Mobbin

Для исследования: Lyssna, Maze

2. Lyssna

3. Maze

4. Сбор данных: Typeform

Визуализация и UI: Fonts in Use, Designstripe, Palettemaker

5. Fonts in Use

6. Designstripe

7. PaletteMaker

@javascriptv
  • 🔥 9
  • ❤ 4
  • 👍 4
  • 🎉 1
Post #1092 4.61K
🖥JavaScript нужен не везде!

Возможно, вы думаете: "везде, где я использую JS - это единственный верный вариант". Возможно, это и так, но полезно знать, что и разработчики браузеров, и авторы спецификаций переносят на CSS и HTML многие функции, для которых еще несколько лет назад требовался JS. Именно об этом и пойдет речь в этой статье.

https://www.htmhell.dev/adventcalendar/2023/2/

#html #css #javascript

@javascriptv
You don't need JavaScript for that - HTMHell A collection of bad practices in HTML, copied from real websites.
  • ❤ 15
  • 🔥 2
  • 👍 1
Post #1089 9.93K
Закрутилось завертелось и все готово

@javascriptv
  • 👍 25
  • 😁 18
  • 🔥 3
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →