Форум программистов, компьютерный форум, киберфорум
Javascript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск  
Старый
Рейтинг: 5.00. Голосов: 1.
Использование Keycloak со Spring Boot и интеграция Identity Provider
Запись от Javaican размещена 01.07.2025 в 21:07 / Making Java great for ever
Показов 5991 Комментарии 0

Нажмите на изображение для увеличения
Название: Использование Keycloak со Spring Boot и интеграция Identity Provider.jpg
Просмотров: 426
Размер:	267.5 Кб
ID:	10947
Два года назад я получил задачу, которая сначала показалась тривиальной: интегрировать корпоративную аутентификацию в микросервисную архитектуру. На тот момент у нас было семь Spring Boot приложений, каждое со своей системой входа. Пользователи жаловались на необходимость помнить семь паролей, а администраторы тратили часы на синхронизацию доступов...
Аватар для Javaican
Старый
Рейтинг: 5.00. Голосов: 2.
Содержание темы с примерами на WebGL
Запись от 8Observer8 размещена 01.07.2025 в 19:13 / Блог 8Observer8. Обновил(-а) 8Observer8 25.03.2026 в 02:50
Показов 10845 Комментарии 0
Метки javascript, webgl

Содержание блога
  1. Все примеры из книги Мацуды и Ли в песочнице JSFiddle
  2. Рисование точки заданного размера
  3. Передача координаты точки из главной программы в программу вертексного шейдера
  4. WebGL 1.0. Рисование точек в цикле по кругу по формулам
  5. WebGL 2.0. Рисование точек в цикле по кругу по формулам
  6. WebGL 1.0. Передача цвета точки из главной программы в программу фрагментного шейдера
  7. WebGL 1.0. Передача цвета точки из главной программы в программу фрагментного шейдера
  8. WebGL. 1.0. Рисование точки с применением буферного объекта (VBO - Vertex Buffer Object)
...
Старый
Рейтинг: 5.00. Голосов: 1.
Основы WebGL. Простой треугольник
Запись от 8Observer8 размещена 01.07.2025 в 19:03 / Блог 8Observer8. Обновил(-а) 8Observer8 12.08.2025 в 13:48
Показов 11073 Комментарии 0
Метки javascript, webgl

Содержание блога

Простой треугольник без трансформаций. Для трансформаций можно использовать glMatrix, как в примере: https://plnkr.co/edit/qT6ZTwvncLPRamK5?preview

На русском:





На английском:





Исходники примера:
Старый
Мастер-класс по микросервисам на Node.js
Запись от Reangularity размещена 21.06.2025 в 09:24 / Vue/React/Angular/Svelte notes
Показов 9019 Комментарии 0

Нажмите на изображение для увеличения
Название: Мастер-класс по микросервисам на Node.js.jpg
Просмотров: 327
Размер:	115.0 Кб
ID:	10913
Node.js стал одной из самых популярных платформ для микросервисной архитектуры не случайно. Его неблокирующая однопоточная модель и событийно-ориентированный подход делают его идеальным для высоконагруженных систем с интенсивным вводом/выводом. Хотя ранее я скептически относился к JavaScript на сервере, сейчас это мой основной инструмент для построения распределенных систем, обрабатывающих...
Аватар для Reangularity
Старый
Рисование коллайдеров Box2D v2 на Three.js с помощью порта @box2d/core
Запись от 8Observer8 размещена 06.06.2025 в 00:59 / Блог 8Observer8
Показов 5856 Комментарии 0
Метки box2d, javascript, three.js, wasm

Содержание блога

Используется порт Box2D v2 под названием @box2d/core - пакет NPM. Загрузил документацию Box2D v2 на Netlify: https://box2d-v2-docs.netlify.app/ Документацию Box2D v2 можно скачать с официального репозитория с этой страницы: Final release of version 2

Box2D v3 заменил v2, но @box2D/core проще в изучении, чем Box2D-WASM v3, так как код проще. По v2 много туториалов.

В релизе рисование коллайдеров...
Старый
Server-Sent Events (SSE) в Node.js
Запись от run.dev размещена 05.06.2025 в 19:15 / JavaScript, TypeScript etc...
Показов 2777 Комментарии 0

Нажмите на изображение для увеличения
Название: Server-Sent Events (SSE) в Node.js.png
Просмотров: 294
Размер:	1.83 Мб
ID:	10878
Потоковая передача данных с сервера прямо в браузер стала повседневной потребностью - от биржевых графиков и спортивных трансляций до чатов и умных дашбордов. Много лет разработчики полагались на вебсокеты или мучились с бесконечными циклами опроса сервера. Но...
Аватар для run.dev
Старый
Рейтинг: 5.00. Голосов: 1.
Рисование коллайдеров физического движка Box2D-WASM v3 на Three.js
Запись от 8Observer8 размещена 04.06.2025 в 03:43 / Блог 8Observer8
Показов 5996 Комментарии 0
Метки box2d, javascript, three.js, wasm

Содержание блога

Erin Catto (автор Box2D) переписал с нуля Box2D v2 с С++ на Си и появилась версия Box2D v3. Birch-san собрал Box2D v3 в WebAssembly (WASM), чтобы можно было использовать Box2D v3 на JavaScript.

В этом примере я объединил Box2D-WASM v3 и Three.js, чтобы можно было видеть коллайдеры. Для прямоугольников Box2D-WASM...
Старый
Worker Threads и многопоточность в Node.js
Запись от Reangularity размещена 03.06.2025 в 21:42 / Vue/React/Angular/Svelte notes
Показов 2211 Комментарии 0

Нажмите на изображение для увеличения
Название: Worker Threads и многопоточность в Node.js.jpg
Просмотров: 259
Размер:	210.2 Кб
ID:	10872
Если вы когда-нибудь посещали собеседования на позицию Node.js разработчика, почти наверняка слышали заезженную фразу: "Node.js - однопоточная платформа". Звучит как неоспоримый факт, который заучивают наизусть. Но действительно ли это правда? Скажу сразу: это упрощение, граничащее с заблуждением. Давайте разберем архитектуру. В основе Node.js лежит V8 - движок JavaScript от Google, и libuv - библиотека асинхронного ввода-вывода....
Аватар для Reangularity
Старый
JS String.prototype.localeCompare()
Запись от mr_dramm размещена 02.06.2025 в 18:46
Показов 5692 Комментарии 3
Метки javascript, unicode

скопировано из этой темы чтобы не потерялось.

localeCompare без указания локали для сравнения строк под капотом использует Intl.Collator , который работает согласно Unicode Collation Algorithm (UCA), согласно этому алгоритму происходит нормализация строк с учётом особенностей языка и символов или можно по другому сказать имитация алфовитного порядка,...
Аватар для mr_dramm
Молодой техлид)
Старый
Node.js изнутри: Рантайм, архитектура и исходный код
Запись от Reangularity размещена 29.05.2025 в 22:10 / Vue/React/Angular/Svelte notes
Показов 3252 Комментарии 0

Нажмите на изображение для увеличения
Название: 504c3894-8bae-4e8c-8ad3-f1f0bf6156e6.jpg
Просмотров: 302
Размер:	242.7 Кб
ID:	10856
Node.js представляет собой среду выполнения JavaScript, построенную на движке V8 от Google Chrome. Но называть его просто "средой выполнения" - все равно что назвать швейцарский нож "штукой с лезвием". За кулисами Node.js работает сложный механизм, объединяющий в себе движок V8, асинхронную библиотеку libuv, внутренние API и многочисленные модули. Когда разработчик пишет console.log('Hello World'), он взаимодействует лишь с верхушкой...
Аватар для Reangularity
Старый
Оптимизация производительности Express.js бэкенда
Запись от Reangularity размещена 23.05.2025 в 21:15 / Vue/React/Angular/Svelte notes
Показов 5073 Комментарии 0

Нажмите на изображение для увеличения
Название: 40ba14ea-a124-4d12-af88-278f1591d71e.jpg
Просмотров: 275
Размер:	227.4 Кб
ID:	10841
Express.js заслуженно остаётся одним из самых популярных инструментов для создания бэкенда, но даже он не застрахован от проблем с производительностью. Многие разработчики сталкиваются с ситуацией, когда на локальной машине всё летает, а на продакшене под реальной...
Аватар для Reangularity
Старый
Собеседование по Node.js - вопросы и ответы
Запись от Reangularity размещена 20.05.2025 в 11:50 / Vue/React/Angular/Svelte notes
Показов 5670 Комментарии 0

Нажмите на изображение для увеличения
Название: 838d31ec-3c9f-49c9-bea5-6d188bf56849.jpg
Просмотров: 242
Размер:	149.9 Кб
ID:	10829
Каждому разработчику рано или поздно приходится сталкиватся с техническими собеседованиями - этим стрессовым испытанием, где решается судьба карьерного роста и зарплатных ожиданий. В этой статье я собрал более 30 реальных вопросов, которые чаще всего встречаются на собеседованиях по Node.js различного уровня — от стажера до архитектора. Для каждого вопроса я привожу не просто сухой ответ, а...
Аватар для Reangularity
Старый
Подробно о цикле событий в JavaScript
Запись от run.dev размещена 07.05.2025 в 18:41 / JavaScript, TypeScript etc...
Показов 5528 Комментарии 1

Нажмите на изображение для увеличения
Название: 20f4c0b2-0650-46a6-9952-c4a6001eb658.jpg
Просмотров: 216
Размер:	137.7 Кб
ID:	10764
JavaScript — пожалуй, самый неоднозначный язык программирования в мире веб-разработки. Часто его хвалят за гибкость и универсальность, но при этом ругают за странные особенности поведения и непредсказуемость. Однако за многими "странностями" JavaScript скрывается...
Аватар для run.dev
Старый
Замыкания в JavaScript
Запись от run.dev размещена 03.05.2025 в 09:51 / JavaScript, TypeScript etc...
Показов 3239 Комментарии 1
Метки javascript

Нажмите на изображение для увеличения
Название: 4116ca69-5dfb-43b0-85b0-faa3035b93ec.jpg
Просмотров: 165
Размер:	214.3 Кб
ID:	10721
JavaScript — язык со множеством интересных и мощных особенностей, но есть одна концепция, которая заставляет начинающих разработчиков морщить лоб, а опытных — улыбаться с пониманием дела. Замыкания (closures) — один из тех механизмов, который сначала кажется чудом, потом...
Аватар для run.dev
Старый
Асинхронный JavaScript: Промисы, Async/Await и Fetch API
Запись от Reangularity размещена 27.04.2025 в 18:55 / Vue/React/Angular/Svelte notes
Показов 4332 Комментарии 0

Нажмите на изображение для увеличения
Название: 8e643b25-1380-4bc7-a5bc-516d19195419.jpg
Просмотров: 213
Размер:	232.0 Кб
ID:	10686
Пользователь заходит на веб-страницу, нажимает кнопку и... ничего не происходит. Сайт словно замер. Через несколько секунд всё внезапно оживает, но пользователь уже успел закрыть вкладку. Знакомая картина? Именно с такими проблемами сталкиваются разработчики, использующие синхронный подход в JavaScript.

В веб-разработки синхронный код — настоящая головная боль. Когда операции выполняются последовательно,...
Аватар для Reangularity
Старый
Анализ и линтинг кода JavaScript: ESLint, Prettier и JSHint
Запись от run.dev размещена 26.04.2025 в 20:19 / JavaScript, TypeScript etc...
Показов 5860 Комментарии 0

Нажмите на изображение для увеличения
Название: e7227c3d-c904-4237-a471-6dea534aa3b5.jpg
Просмотров: 190
Размер:	213.7 Кб
ID:	10675
JavaScript прошёл долгий путь от простого языка для анимации веб-страниц до основы современной веб-разработки. С ростом сложности приложений, увеличением кодовых баз и масштабированием команд разработчиков возникла острая необходимость в инструментах, способных...
Аватар для run.dev
Старый
Создаем веб-приложение на Vue.js и Laravel
Запись от Reangularity размещена 23.04.2025 в 16:02 / Vue/React/Angular/Svelte notes
Показов 4395 Комментарии 0

Нажмите на изображение для увеличения
Название: 77a006df-3c29-4934-9cc4-7a46f0493e20.jpg
Просмотров: 236
Размер:	201.9 Кб
ID:	10633
Выбор правильного технологического стека определяет успех веб-проекта. Laravel и Vue.js формируют отличную комбинацию для создания современных приложений. Laravel — это PHP-фреймворк с элегантным синтаксисом и обширным набором инструментов для бэкенда. Vue.js — прогрессивный JavaScript-фреймворк, который упрощает создание динамичных пользовательских интерфейсов. Объединение этих технологий...
Аватар для Reangularity
Старый
TypeScript vs JavaScript: Отличия и когда что использовать
Запись от Reangularity размещена 09.04.2025 в 19:22 / Vue/React/Angular/Svelte notes
Показов 4161 Комментарии 0
Метки javascript, typescript

Нажмите на изображение для увеличения
Название: adb4c922-2a7a-4cd7-b953-624d206ea030.jpg
Просмотров: 224
Размер:	123.7 Кб
ID:	10567
JavaScript появился в 1995 году как творение Брендана Эйха и быстро стал основой интерактивности в вебе. За свою историю он прошел путь от простого языка для манипуляций с DOM до полноценной платформы, способной работать на фронтенде, бэкенде (Node.js), в мобильной разработке (React Native) и даже в игровой индустрии.

TypeScript же появился значительно позже – в 2012 году, когда команда Microsoft во главе с Андерсом Хейлсбергом (создателем C#) решила адресовать...
Аватар для Reangularity
Старый
Функции высшего порядка в JavaScript
Запись от run.dev размещена 09.04.2025 в 18:12 / JavaScript, TypeScript etc...
Показов 3383 Комментарии 1
Метки functional, javascript

Нажмите на изображение для увеличения
Название: 7fca727e-7ec3-4fdf-8a9d-3ff5ddaae016.jpg
Просмотров: 223
Размер:	207.2 Кб
ID:	10563
Функции высшего порядка представляют собой один из фундаментальных камней функционального программирования в JavaScript. По сути, это функции, которые либо принимают другие функции в качестве аргументов, либо возвращают функции как результат своей работы. Эта концепция позволяет писать лаконичный, минималистичный...
Аватар для run.dev
Старый
Работа с объемным DOM в javascript
Запись от Htext размещена 04.04.2025 в 19:37
Показов 5572 Комментарии 0
Метки dom, javascript

Сегодня прочитал статью тут о расходах памяти в JS, ее утечках и т.п. И вот что вспомнил из своей недавней практики. Может, кому пригодится. Хотя, в той статье об этом тоже есть.
Дело в том, что я какое-то время назад сделал для себя редактор WYSIVYG для html-текстов. Пользуюсь - не нарадуюсь. Даже в итоге как-то обратил внимание, что гораздо реже стал применять Word. Он, если и нужен теперь, то, разве что, для редактирования/просмотра, в основном, чужих документов или для...
Старый
Оптимизация производительности Node.js с помощью кластеризации
Запись от run.dev размещена 04.04.2025 в 18:15 / JavaScript, TypeScript etc...
Показов 5063 Комментарии 0

Нажмите на изображение для увеличения
Название: 00727b52-51bb-42b4-8ef8-b90f343f9ed0.jpg
Просмотров: 223
Размер:	183.1 Кб
ID:	10525
Масштабирование приложений для обработки тысяч и миллионов запросов — обыденная задача для многих команд. Node.js, благодаря своей асинхронной событийно-ориентированной архитектуре, стал популярной платформой для создания высокопроизводительных серверных приложений. Но даже у этой технологии есть свои ограничения,...
Аватар для run.dev
Старый
Как работает Node.js изнутри
Запись от run.dev размещена 29.03.2025 в 18:46 / JavaScript, TypeScript etc...
Показов 6558 Комментарии 0

Нажмите на изображение для увеличения
Название: 127c1868-d473-4b0a-a3d6-03b8ef516f55.jpg
Просмотров: 329
Размер:	186.8 Кб
ID:	10496
Node.js изменил подход к разработке веб-приложений, позволив использовать JavaScript не только на стороне клиента, но и на сервере. Созданный в 2009 году Райаном Далем, этот открытый, кроссплатформенный runtime превратился в основной инструмент современного веб-разработчика. Сегодня трудно представить веб-разработку без Node.js — от стартапов до крупных корпораций вроде Netflix, PayPal или LinkedIn,...
Аватар для run.dev
Старый
JavaScript: Управление памятью и улучшение производительности
Запись от run.dev размещена 29.03.2025 в 10:22 / JavaScript, TypeScript etc...
Показов 7403 Комментарии 0
Метки javascript, memory leak

Нажмите на изображение для увеличения
Название: 9ee5e8a0-d6b0-4ebb-8432-c4799f5f7053.jpg
Просмотров: 298
Размер:	79.1 Кб
ID:	10494
В отличие от низкоуровневых языков программирования, JavaScript не требует ручного выделения и освобождения памяти. Здесь работает автоматический сборщик мусора, который определяет, какие объекты больше не используются, и освобождает занимаемую ими память. Это упрощает процесс разработки,...
Аватар для run.dev
Старый
Работа с метаданными EXIF и JPEG в JavaScript
Запись от run.dev размещена 19.03.2025 в 13:25 / JavaScript, TypeScript etc...
Показов 3838 Комментарии 0
Метки exif, javascript, jpeg

Нажмите на изображение для увеличения
Название: 0039dcd3-7e5a-47fd-a267-06ccd07b4d6a.jpg
Просмотров: 169
Размер:	152.7 Кб
ID:	10459
Работа с изображениями в веб-разработке нередко выходит за рамки простого отображения картинки. Современные задачи требуют глубокого понимания структуры файлов и умения манипулировать их внутренними данными. Особое место здесь занимает формат JPEG с его богатыми возможностями метаданных, в частности – EXIF.

Что такое EXIF и почему это важно



EXIF (Exchangeable Image File Format) – стандарт, определяющий формат хранения...
Аватар для run.dev
Старый
Рейтинг: 5.00. Голосов: 1.
Интеграция JavaScript в Haskell
Запись от golander размещена 18.03.2025 в 08:11 / go go just go
Показов 2473 Комментарии 0

Нажмите на изображение для увеличения
Название: a65cc0be-92e4-41b4-b921-4b85748d3b76.jpg
Просмотров: 349
Размер:	188.1 Кб
ID:	10443
Ключевая особенность нового JS-бэкенда GHC — возможность создавать колбэки из JavaScript в Haskell-код. Это открывает дорогу разработке полноценных браузерных приложений, позволяя реагировать на действия пользователя прямо из Haskell. Фактически это означает, что теперь мы можем писать интерфейсы пользователя на Haskell и компилировать их непосредственно в JavaScript.

Haskell
1
2
3
foreign import javascript unsafe 
""" 
((f) => {
...
Аватар для golander
Старый
Deno против Node.js: Будущее JavaScript рантайма
Запись от run.dev размещена 16.03.2025 в 11:12 / JavaScript, TypeScript etc...
Показов 1543 Комментарии 0

Нажмите на изображение для увеличения
Название: d20fdeca-ed54-4dcb-9a60-2a852c8f8d83.png
Просмотров: 184
Размер:	990.1 Кб
ID:	10418
За последнее десятилетие Node.js стал абсолютным лидером среди JavaScript-рантаймов и фактическим стандартом для серверной разработки на JavaScript. Но в 2018 году тот же разработчик, который создал Node.js — Райан Даль — представил новый проект: Deno. Интересно, что сам Даль назвал Deno "исправлением ошибок", допущенных при создании...
Аватар для run.dev
Старый
Бессерверный JavaScript: Разработка масштабируемых API с AWS Lambda
Запись от run.dev размещена 14.03.2025 в 21:34 / JavaScript, TypeScript etc...
Показов 1545 Комментарии 0

Нажмите на изображение для увеличения
Название: c2385153-98ed-4909-8f81-3a300ac96c09.jpg
Просмотров: 216
Размер:	116.5 Кб
ID:	10402
Но что такое бессерверные вычисления на самом деле? По сути, это модель облачных вычислений, где разработчик фокусируется исключительно на создании бизнес-логики, не тратя время на настройку серверов, обновление ПО и мониторинг инфраструктуры. При таком подходе...
Аватар для run.dev
Старый
Создание и использование компонентов в Vue 3
Запись от Reangularity размещена 14.03.2025 в 11:23 / Vue/React/Angular/Svelte notes
Показов 1678 Комментарии 0

Нажмите на изображение для увеличения
Название: bc04e088-bb10-4d77-93d2-344f3a14d421.jpg
Просмотров: 236
Размер:	172.3 Кб
ID:	10389
Компонент в Vue - это автономный блок интерфейса, который содержит собственную разметку, логику и стили. Представьте себе кнопку, форму ввода или даже целую панель навигации - всё это можно оформить в виде компонентов. Каждый из них работает как мини-приложение, но при этом легко взаимодействует с другими компонентами.

TypeScript
1
2
3
4
<template>
  <div class="greeting">
    <h1>{{ message }}</h1>
    <button @click="changeMessage">Нажми
...
Аватар для Reangularity
Старый
Vue 3: Создаем современное веб-приложение с Composition API
Запись от Reangularity размещена 14.03.2025 в 08:41 / Vue/React/Angular/Svelte notes
Показов 2034 Комментарии 0
Метки javascript, typescript, vue, vue 3

Нажмите на изображение для увеличения
Название: 0b7446de-a4c5-4783-9f48-bed113395810.jpg
Просмотров: 302
Размер:	188.7 Кб
ID:	10388
В фронтенд-разработке Vue 3 выделяется своим прагматичным подходом. В отличие от React с его минималистичной философией "всё — JavaScript" или Angular с его всеобъемлющим корпоративным подходом, Vue предлагает золотую середину: структурированный, но не перегруженный синтаксис, мощную реактивность из коробки и отличную производительность....
Аватар для Reangularity
Старый
Предотвращение XSS, CSRF и SQL-инъекций в JavaScript
Запись от run.dev размещена 13.03.2025 в 09:19 / JavaScript, TypeScript etc...
Показов 4930 Комментарии 0

Нажмите на изображение для увеличения
Название: 90ac2e90-4586-4386-8411-367d8a42a553.jpg
Просмотров: 296
Размер:	165.7 Кб
ID:	10381
JavaScript занимает первые позиции среди языков веб-разработки, но его распространенность делает его привлекательной целью для злоумышленников. Межсайтовый скриптинг (XSS), межсайтовая подделка запросов (CSRF) и SQL-инъекции — три наиболее опасные уязвимости, которые могут...
Аватар для run.dev
Новые блоги и статьи
[golang] Pipeline
alhaos 08.06.2026
Pipeline Pipeline — паттерн конкурентной обработки данных в Go. Суть: данные проходят через цепочку независимых стадий, каждая из которых работает в своей горутине и общается с соседями через. . .
Свет внутри себя
kumehtar 07.06.2026
Пусть это будет здесь lIs4oanZS9Y
Программа для com-порта
Uhbif79 05.06.2026
Всем привет, давно хотел изучить Qt, начинал, бросал, потом снова начинал. И сейчас вот смог написать свою первую программу. До этого имел опыт программирования микроконтроллеров, писал прошивки на. . .
Транскрипция 55-минутного видео через Whisper: WhisperDesktop облажался, спас Google Colab[
anaschu 01.06.2026
Понадобилось получить текст из свежезагруженного видео на YouTube. Казалось бы, задача на пять минут. Заняла полтора часа. Делюсь опытом — может кому пригодится последовательность решений. . . .
21 мат мед. Планы на развитие модели здравоСохранения
anaschu 01.06.2026
AnyLogic: план развития симуляционной модели рабочего коллектива — динамический абсентеизм, реальные данные, три сценария сравнения Продолжаю серию постов о дискретно-событийной модели рабочего. . .
20. Мат мед. Абсентеизм как отдельный тип простоя
anaschu 29.05.2026
Апдейт модели: исправленные баги, абсентеизм и новые механизмы Продолжаю развивать ранее описанную модель рабочего коллектива на AnyLogic. За последние несколько дней был проведён серьёзный. . .
19. здоровье, усталость и психотип работника влияют на производительность предприятия, и наоборот, производительность на здоровье, усталось и психотип
anaschu 28.05.2026
Дискретно-событийная модель рабочего коллектива на AnyLogic: здоровье, выгорание, психотипы и микростимуляция Привет, коллеги. Хочу поделиться итогами нескольких недель работы над симуляционной. . .
"Прокси" для последовательного порта
Eddy_Em 28.05.2026
Эту штуку написал я достаточно давно. Но сейчас вот понадобилось настроить датчик грозы, но при этом не отключать его от "метеодемона". Соответственно, надо запустить этот "прокси": метеодемон будет. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru