JavaScript — Прототипно-ориентированный язык программирования / Хабр
Прототипно-ориентированный язык программирования
Статьи Авторы Компании
Сначала показывать
Порог рейтинга
Уровень сложности
Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров17
Блог компании Spectr Разработка веб-сайтов *JavaScript *Карьера в IT-индустрии Конференции
Всем привет! На связи Spectr.
В феврале мы провели митап #DevTalks, посвященный фронтенду, и сейчас хотим подробно о нем рассказать: поделимся докладами спикеров, материалами выступлений, отзывами участников и немного расскажем о внутренней кухне организации таких ивентов.
Читать далее
Рейтинг 0
Комментарии 0
aio350Уровень сложности Сложный
Время на прочтение 24 мин
Количество просмотров237
Блог компании Timeweb Cloud Разработка веб-сайтов *JavaScript *ReactJS *TypeScript *
Привет, друзья!
В этом туториале я покажу вам несколько полезных приемов по работе с таблицами с помощью React Table.
React Table — одна из самых популярных на сегодняшний день библиотек экосистемы React для манипулирования табличными данными. Однако это далеко не самое простое в изучении и использовании решение, поэтому хорошо подумайте, прежде чем добавлять его в свой проект.
Мы последовательно реализуем 5 вариантов таблицы:
- с возможностью сортировки строк;
- с возможностью фильтрации строк;
- с пагинацией;
- с возможностью выбора строк;
- комплексную.
В конце я расскажу еще об одной интересной библиотеке, позволяющей легким движением руки создавать богатые функционалом и приятные глазу таблицы.
Предполагается, что вы имеете некоторый опыт работы с React и TypeScript.
Для тех, кого интересует только код, вот ссылка на соответствующий репозиторий.
Интересно? Тогда прошу под кат.
Читать дальше →
Всего голосов 4: ↑4 и ↓0 +4
Комментарии 0
UnixspvУровень сложности Простой
Время на прочтение 6 мин
Количество просмотровРазработка веб-сайтов *JavaScript *Nginx *Дизайн
Данная статья описывает утилиту для генерации статических страниц ошибок, используемых в качестве замены стандартным страницам. В статье подробно описаны возможности утилиты, среди которых шаблонизация, стилизация, локализация, генерация сниппетов для настройки сервера. Проект является Open Source, и открыт для новых идей и запросов.
Читать далее
Всего голосов 2: ↑2 и ↓0 +2
Комментарии 11
HAGer2000Уровень сложности Средний
Время на прочтение 6 мин
Количество просмотров3K
JavaScript *TypeScript *
ДайджестИдея разобраться в теме монад меня привлекала уже очень давно. Сложность описания концепций представляло не только мою личную проблему, но и была потенциальной проблемой для коллег. Ведь хотелось не просто в них разобраться, а работать с ними каждый день. Функциональное программирование неплохо формирует мышление, является очень выразительным и часто лаконичным решением. Ниже идет описание опыта разработки с применением библиотек монад на JS / TS.
Читать далее
Всего голосов 5: ↑3 и ↓2 +1
Комментарии 16
thoughtspile000Z» title=»2023-03-01, 11:29″>вчера в 11:29
Уровень сложности Средний
Время на прочтение 6 мин
Количество просмотров2.4K
Блог компании RUVDS.com Разработка веб-сайтов *JavaScript *TypeScript *
Я выпустил библиотеку banditypes — самый маленький валидатор схем для TS / JS. Удивительно, но базовый функционал валидации с приятным API можно упихнуть в 400 байт, если сконцентрироваться на размере и добавить пару грязных хаков. В этой статье расскажу, как добился такого результата.
Читать далее
Всего голосов 37: ↑37 и ↓0 +37
Комментарии 7
ShyhartskoiУровень сложности Сложный
Время на прочтение 6 мин
Количество просмотров1.8K
Блог компании Timeweb Cloud JavaScript *Java *
Обзор
Перевод
Я увлекаюсь управлением памятью в Java и в этой статье попробую объяснить, как взять и проанализировать дамп кучи – разберём на примерах.
Но для начала давайте вспомним, что известно об этой предметной области. Немного освежив теорию, мы возьмем дамп кучи и проанализируем, каким он получится в простом приложении.Читать дальше →
Всего голосов 22: ↑16 и ↓6 +10
Комментарии 5
kmoseenkВремя на прочтение 5 мин
Количество просмотров3.7K
Блог компании OTUS JavaScript *
Перевод
Вы знали, что теперь в JavaScript есть нативный способ делать глубокие копии объектов? Это стало возможным с помощью функции structuredClone
, встроенной в среду выполнения JavaScript.
Читать далее
Всего голосов 22: ↑22 и ↓0 +22
Комментарии 5
000Z» title=»2023-02-28, 11:05″>28 фев в 11:05
Время на прочтение 24 мин
Количество просмотров13K
Блог компании Яндекс JavaScript *Программирование *Интерфейсы *Браузеры
Про асинхронность JavaScript написано много статей, документации и книг. Но вся информация сильно распределена по интернету, поэтому сложно быстро и полностью разобраться, что к чему, и составить цельную картину в голове. Не хватает одного исчерпывающего гайда. Именно эту потребность я и хочу закрыть своей статьёй.
- Цикл событий
Задачи, тики и Web API
Очередь задач
16,6 миллисекунды на задачу
Обработка больших задач
Микрозадачи
requestAnimationFrame
requestIdleCallback
Сравнение очередей
Цикл событий в Node.js - Функции обратного вызова
Ад обратных вызовов
Не выпускайте Залго
Жёсткая сцепленность
Проблема доверия - Обещания
Цепочки обещаний и проброс отказа
Неявное поведение
Возвращение нового обещания
Спрятанный try/catch
Thenable-объекты
Статические методы
Promise. all
Promise.race
Promise.any
Promise.allSettled
Промисификация
Обещания или функции обратного вызова?
Корутины - Async/await
Верхнеуровневый await и асинхронные модули
Обработка ошибок
Не все await одинаково полезны - Заключение
Читать дальше →
Всего голосов 60: ↑60 и ↓0 +60
Комментарии 11
daneelzamУровень сложности Простой
Время на прочтение 7 мин
Количество просмотров6.6K
Блог компании OTUS JavaScript *Программирование *
Идея написать статью про стрелочные функции в 2023 году выглядит не самой очевидной, но я постараюсь объяснить свою мотивацию. Я разработчик, который пришел в профессию после того, как в JavaScript появились такие инструменты как классы, async/await, стрелочные функции и т. д.. В результате, я воспринимаю их как данность и не всегда понимаю, какой важный вклад они внесли в современный JS. И из-за этого непонимания в коде появляются ошибки, которых можно избежать, если оглянуться назад и изучить, какие проблемы эта технология была призвана решить в момент выхода. В этой статья я хочу разобраться: зачем появились стрелочные функции, чем они отличаются от обычных, и какие особенности содержат.
Читать далее
Всего голосов 9: ↑9 и ↓0 +9
Комментарии 6
gmtdУровень сложности Средний
Время на прочтение 2 мин
Количество просмотров1.5K
Разработка веб-сайтов *JavaScript *Google API *ReactJS *VueJS *
NPM-пакет для интернационализации i18n используется на фронтэнде для создания мультиязычных вебсайтов очень часто.
Читать далее
Всего голосов 4: ↑4 и ↓0 +4
Комментарии 6
sound_rightВремя на прочтение 15 мин
Количество просмотров3.7K
JavaScript *Тестирование веб-сервисов *TypeScript *
В данной статье мы разберем, как писать API автотесты на языке TypeScript + Playwright.
Читать далее
Всего голосов 6: ↑6 и ↓0 +6
Комментарии 0
qmzikУровень сложности Простой
Время на прочтение 6 мин
Количество просмотров2. 2K
CSS *JavaScript *HTML *
Обзор
Перевод
Size container queries и container query units недавно достигли стабильной поддержки во всех современных браузерных движках.
Читать далее
Всего голосов 6: ↑4 и ↓2 +2
Комментарии 4
mdlufyВремя на прочтение 10 мин
Количество просмотров2.5K
Разработка веб-сайтов *JavaScript *Программирование *Node.JS *
Туториал
Введение
Всем привет! Меня зовут Герман Панов и в этой статье мы разработаем табличный редактор — аналог Google Sheets (в упрощенном виде), работающий на основе вебсокетов, чтобы познакомиться со способами применения этой технологии в браузерах.
Поскольку цель — ознакомление, код будет не очень «чистым», но для базового примера этого будет достаточно. В качестве серверной платформы будем использовать Node.js, также потребуется пакет ws, предоставляющий API для работы с вебсокетами на сервере.
Читать далее
Всего голосов 9: ↑9 и ↓0 +9
Комментарии 9
GertyhillerУровень сложности Простой
Время на прочтение 2 мин
Количество просмотров2.7K
JavaScript *Google API *
Из песочницы
Привет, мир!
Поскольку это моя первая статья, я просто обязан начать ее именно с этой фразы.
В ходе работы над проектом появилась задача связать форму обратной связи на странице с гугл таблицами. Суть проекта в отслеживании конверсии команды. В русскоязычном интернете мало информации на эту тему, поэтому предлагаю свое решение.
Для реализации задачи потребуется google apps script и форма обратной связи.
Перейду сразу к делу.
Читать далее
Всего голосов 15: ↑15 и ↓0 +15
Комментарии 7
scoffsУровень сложности Простой
Время на прочтение 3 мин
Количество просмотров16K
JavaScript *API *
Обзор
Перевод
В связи с быстро меняющимися технологиями разработчикам предоставляются невероятные инструменты и технологии.
Но было замечено, что различные функции и возможности API не так активно используются, и многие даже не знают о некоторых из них.
Давайте взглянем на некоторые полезные веб-API, которые могут помочь вам поднять ваш сайт до небес! (ну или около того)
Читать далее
Всего голосов 34: ↑32 и ↓2 +30
Комментарии 6
yuriy-bezrukov000Z» title=»2023-02-23, 04:36″>23 фев в 04:36
Уровень сложности Средний
Время на прочтение 5 мин
Количество просмотров1.9K
Разработка веб-сайтов *JavaScript *Angular *TypeScript *
Поговорим о новом (уже старом) способе управления директивами в Angular
Читать далее
Всего голосов 7: ↑7 и ↓0 +7
Комментарии 3
p07a1330Время на прочтение 9 мин
Количество просмотров3.7K
Информационная безопасность *Мессенджеры *Криптография *JavaScript *
Recovery mode
Приветствую.
На фоне недавних новостей о многочисленных сливах данных из мессенджеров посетила мысль разработать концепт мессенджера, максимально устойчивого к взлому — пусть даже и ценой удобства. Подробности реализации, интересные проблемы и полные исходники — под катом.
Читать дальше →
Всего голосов 6: ↑4 и ↓2 +2
Комментарии 19
aio350Уровень сложности Средний
Время на прочтение 14 мин
Количество просмотров2K
Блог компании Timeweb Cloud Разработка веб-сайтов *JavaScript *ReactJS *TypeScript *
Привет, друзья!
На днях прочитал эту интересную статью, посвященную различным вариантам хранения токена доступа (access token) на клиенте. Мое внимание привлек вариант с использованием сервис-воркера (service worker) (см. «Подход 4. Использование service worker»), поскольку я даже не задумывался о таком способе применения этого интерфейса.
СВ — это посредник между клиентом и сервером (своего рода прокси-сервер), который позволяет перехватывать запросы и ответы и модифицировать их тем или иным образом. Он запускается в отдельном контексте, работает в отдельном потоке и не имеет доступа к DOM. Клиент также не имеет доступа к СВ и хранимым в нем данным. Как правило, СВ используется для обеспечения работы приложения в режиме офлайн посредством кэширования критически важных для работы приложения ресурсов.
В этой статье я покажу, как реализовать простой сервис аутентификации на основе JSONWebToken и HTTP Cookie с хранением токена доступа в сервис-воркере.
Для тех, кого интересует только код, вот ссылка на соответствующий репозиторий.
Интересно? Тогда прошу под кат.
Читать дальше →
Всего голосов 16: ↑15 и ↓1 +14
Комментарии 2
hawkingbrosУровень сложности Простой
Время на прочтение 6 мин
Количество просмотров997
JavaScript *
Туториал
Привет, это Эмиль, тимлид группы frontend‑разработчиков.
Хочу поделиться с вами несколькими рекомендациями, как увеличить производительность приложений на Next.js. Статья будет полезна junior‑ и middle‑ разработчикам. Поехали!
Читать далее
Всего голосов 3: ↑0 и ↓3 -3
Комментарии 1
ShotMeowУровень сложности Простой
Время на прочтение 5 мин
Количество просмотров19K
Разработка веб-сайтов *JavaScript *Интерфейсы *ReactJS *TypeScript *
Из песочницы
С каждым годом войти в IT становится всё труднее. За счёт высоких зарплат, комфортного образа жизни, амбиций, потребности в специалистах, сейчас чуть ли не каждый второй хочет стать программистом. За счёт этих факторов, рынок труда в IT перенасыщается, из-за чего потребности в навыках специалистов тоже выросли. Теперь от разработчиков даже требуют уметь программировать, я знаю, это ужасно…
Это не говорит о том, что сейчас в IT идти смысла нету, этот факт лишь говорит о том, что повысилась конкуренция. Я лично считаю, что такая ситуация наоборот благосклонно влияет на весь мир в целом, так как конкуренция порождает прогресс. А для вас это дополнительный стимул стать еще более востребованным специалистом и сильной личностью.
Читать далее
Всего голосов 14: ↑1 и ↓13 -12
Комментарии 23
vk просмотреть скрытый профиль — Googlesuche
AlleVideosBilderNewsMapsShoppingBücher
suchoptionen
Просмотр скрытых страниц пользователей ВКонтакте. Как открыть страницу ВК…
3ddroid.ru › есть-некоторые-советы › просмотреть-скрытые…
Для просмотра скрытых страниц ВКонтакте нужно, прежде всего, узнать id нужного нам человека, id — уникальный номер, присваиваемый этим ресурсом каждому . ..
Как скрыть свой профиль от других пользователей? — ВКонтакте
vk.com › support › faq12946
В личном профиле скрыты следующие разделы: Стена, Фото, Видео, Музыка, Подписки, Сообщества, Истории, Подарки, Отношения, Контакты …
Разоблачение приватного Фото ВК — YouTube
www.youtube.com › смотреть
08.05.2015 · http://kamil.hism.ru/posts/exposing-private-vk-photos.html.
Дауэр: 2:53
Прислан: 08.05.2015
Можно ли как-то посмотреть, кто посещал ваш профиль в ВК? — Кура
www.quora.com › Можно ли как-нибудь узнать, кто посещал ваш профиль ВКонтакте
Нет способа узнать, кто просматривал ваш профиль. Но вы получаете «значок просмотра» в своем сообщении. Я пытался выяснить, как проверить, кто все видит мои посты, но …
Как просмотреть закрытый аккаунт ВКонтакте 2018? — Notes Read
notesread.com › как-просмотреть-закрытый-аккаунт-на-…
04.07. 2021 · Больше нет способов просмотреть закрытый профиль, об этом позаботились разработчики ВКонтакте этот. Именно поэтому данная система безопасности сделана так, чтобы …
XXXXPro/VKpph: выделение частных профилей VK.com — GitHub
github.com › XXXXPro › VKpph
Когда вы видите, что профиль является закрытым, вы не будете терять время, пытаясь перейти к его просмотру. Монтаж. Если вы используете Opera, установите расширение из Opera Addons …
Проверить скрытых друзей ВК в друге. Как посмотреть скрытые… — uofa.ru
uofa.ru › проверить-скрытых-друзей-вк-у-друга-как-п…
Одним из сервисов является igoos.net. Чтобы найти скрытых друзей любого пользователя Вконтакте, вставьте его ID в специальное поле и нажмите кнопку «Добавить». В программе будет …
Вконтакте.ру, vk.com. скрытые альбомы и скрытые друзья? — Я хочу…
www.askmefast.com › Vkontakteru__vkcom_hidde…
Используйте свою учетную запись, чтобы увидеть скрытых друзей вашего друга, первым делом убедитесь, что он есть в вашем списке друзей, если его нет. .. View для просмотра приватных профилей вк.
Настройка приватности ВКонтакте | Официальный блог Касперского
www.kaspersky.com › Официальный блог Касперского › Новости
07.01.2016 · 2. Откройте Мои настройки –> вкладка Конфиденциальность. Здесь вы можете выбрать, какой контент будет скрыт от общего просмотра (в принципе, вы можете скрыть что угодно …
Ревизия сторон ВК. ВКонтакте: Как просматривать закрытые…
androidas.ru › просматривать-страницы-вконтакте-как-ви…
Вам нужно перейти на просмотр любой части профиля користувача. Проще ввести аватар. Теперь вернитесь к адресной строке. Читайте следующую часть …
Как установить шрифты в популярные ОС, графические редакторы и WEB.
Основная цель инструкции — помочь вам раз и навсегда решить вопрос, как установить шрифты в операционных системах Windows, MacOS и Linux. Нет ничего сложного. Это достаточно один раз попробовать, а установка новых наборов шрифтов займет меньше минут.
Для Windows
В системе разрешено устанавливать шрифты формата EOT или TTF . Выберите один или несколько файлов, щелкните правой кнопкой мыши и наведите курсор на «Установить». Установка начнется автоматически после щелчка. Остается только дождаться завершения процесса.
Альтернативный метод немного сложнее и актуален для случаев, когда контекстное меню не содержит пункта «Установить» или нужно добавить в ОС внушительное количество шрифтов. Сначала перейдите в каталог Windows и перейдите в каталог Fonts. Затем переместите файлы туда. Нет требуется больше операций.
В каталог со шрифтами можно попасть еще 2-мя способами. Проще всего нажать WIN+R.
Откроется окно для ввода команд. Скопируйте %windir%\fonts
строку там и нажмите на кнопку ОК
кнопка.
Другой способ занимает чуть больше времени — заходим в «Панель управления» и находим «Шрифты»
в разделе «Внешний вид и персонализация»
В системной папке разрешено манипулировать шрифтами. Например, удалить или скрыть для отображения в Приложения. Если вы хотите прочитать некоторые либо наборами, нажать на кнопку «Просмотреть» либо 2 раза на интересующие файлы. Через секунду а запустится специальная программа.
Кстати установка возможна через стандартный просмотрщик. Откройте в нем любой шрифт и нажмите «Установить.» Когда установка будет завершена, перезапустите приложения, в которых вы собираетесь используйте комплект. Для надежности лучше полностью перезагрузить компьютер.
Для MacOS
Как и Windows, MacOS также поддерживает форматы шрифтов EOT и TTF . Перед установкой рекомендуем закрыть активные Приложения. Тогда нет необходимости перезапускать программы позже. Добавление наборов в систему делается элементарно — кликаем 2 раза по нужному файлу и в открывшемся окне нажимаем «Установить». Если все проходит успешно, штатная программа «Шрифты» запускается.
Только администратор имеет право устанавливать шрифты для всех пользователей системы. это сделано способ. Откройте приложение «Шрифты». Меню Apple Наведите указатель мыши на «Шрифты» и нажмите настройки». Найдите надпись «Расположение учетных записей по умолчанию». В выпадающем списке рядом активировать «Компьютер». Введите логин и пароль администратора для подтверждения действие.
Для Linux
С точки зрения поддержки наборов шрифтов Linux ничем не отличается от Windows и MacOS. Unix-подобные системы работать с теми же EOT и TTF форматы. Глобальные шрифты расположены по адресу /usr/share/fonts и пользовательские шрифты находятся в папке .fonts в домашнем каталоге пользователя. Подключение семейства фактически сводится к перемещению файлов в указанные каталоги.
Photoshop, Figma, Sketch, Adobe InDesign и другие графические приложения.
Установка шрифта в программе аналогична установке шрифта в операционной системе. Чтобы использовать шрифт в Photoshop, Sketch или InDesign, вам необходимо установить его в вашей операционной системе. После устанавливая шрифт, не забудьте перезапустить программу, в которой вы собираетесь использовать шрифт.
Для веб-сайтов
Если вы скачали весь шрифт, то в ZIP-архиве вы найдете файл stylesheet.css.
В этом файле будут все стили для подключения этого шрифта.
Например, вы скачали шрифт «Roboto».
Сначала переместите все содержимое архива в отдельную папку (например,
«шрифты/робото»).
Подключите файл stylesheet.css либо через HTML, либо через ваш основной файл, где вы пишете
стили.
Через HTML:
Через CSS: @import url(«fonts/roboto/stylesheet.css»)
Будьте внимательны при указании правильного пути к файлу stylesheet.css!
Пример использования шрифта в файле стиля:
body {шрифт: 15px «Roboto», Arial, Helvetica, sans-serif;}
При загрузке одного веса — например, «Roboto Bold», все вышеперечисленные действия похожий.