Pull to refresh

$mol: reactive micromodular ui-framework

Reading time 28 min
Views 20K
Website development *CSS *JavaScript *Node.JS *$mol *

Сколько нужно времени, чтобы просто вывести на экран большой список, используя современные фреймворки?


Список на 2000 строк ReactJS AngularJS Raw HTML SAPUI5 $mol
Появление списка 170 ms 420 ms 260 ms 1200 ms 50 ms
Обновление всех его данных 75 ms 75 ms 260 ms 1200 ms 10 ms

Напишем нехитрое приложение — личный список задач. Какие у него будут характеристики?


ToDoMVC ReactJS AngularJS PolymerJS VanillaJS $mol
Размер ( html + js + css + templates ) * gzip 322 KB 326 KB 56 KB 20 KB 23 KB
Время загрузки 1.4 s 1.5 s 1.0 s 1.7 s 0.7 s
Время создания и удаления 100 задач 1.3 s 1.7 s 1.4 s 1.6 s 0.5s

Небольшая головоломка: перед вами синхронный код, загружающий и обрабатывающий содержимое 4 файлов, но с сервера они грузятся параллельно. Как такое может быть?


Синхронная параллельная загрузка ресурсов


А теперь прошу за мной в кроличью нору, настало время удивительных историй...

Читать дальше →
Total votes 54: ↑46 and ↓8 +38
Comments 150

Дополнение Xmarks для Firefox 4.0 beta 1

Reading time 1 min
Views 833
Firefox
Привет,

Отличная новость для всех пользователей, которым крайне нехватает дополнения Xmarks, работающего в браузере Firefox 4.0 beta 1. Всего несколько часов назад, в официальной ветке поддержки (support) сообщества Xmarks на сайте http://getsatisfaction.com/, была неофициально представлена версия 3.8.1 дополнения Xmarks, поддерживающая Firefox 4.

image
Читать дальше →
Total votes 6: ↑5 and ↓1 +4
Comments 11

Синхронизация в стиле Dropbox на вашем собственном сервере

Reading time 3 min
Views 4.7K
Self Promo
Этим топиком я хотел бы начать диалог о синхронизации файлов. На Хабре были уже топики и про Дропбокс и про альтернативные сервисы (раз, два). Сервисы отличные, но меня интересовал вопрос: а как же я могу организовать синхронизацию файлов на своем собственном железе? Я начал искать уже готовую программу, но нашел немногое. Похоже, что большинство людей просто вызывают rsync/unison из cron'а. Написание клиент–серверной программы, которая бы отслеживала изменения файлов в папке, казалось делом несложным, и я решил попробовать.
Под катом то, что из этого получилось.
Total votes 17: ↑17 and ↓0 +17
Comments 18

csync2 или как облегчить работу с кластером

Reading time 6 min
Views 26K
System administration *
Sandbox
Не так давно мне пришлось поднимать Linux кластер для одного довольно нагруженного проекта. Вернее сказать более важным был вопрос отказоустойчивости, чем нагрузки, но обычно кластер призван решить обе эти проблемы единовременно.
В данном случае я не собираюсь рассматривать архитектуру кластера или нюансы отладки, а рассказать о весьма удобном способе управления кластером, ускорении его настройки и отладки.

Согласитесь, удобно иметь набор файлов (например конфигов), которые всегда буду одинаково выглядеть на серверах с одинаковой ролью? Под катом я расскажу, как этого добиться за максимально короткий срок.
Читать дальше →
Total votes 36: ↑33 and ↓3 +30
Comments 24

«Мемиана» — одна адресная книга для всех устройств. Запуск бета-версии

Reading time 3 min
Views 7.7K
Мемиана corporate blog
Некоторое время назад меня и еще нескольких сокрушительных энтузиастов (разработчик, дизайнер и один неидентифицируемый работник) объединил вопрос жизни, вселенной и вообще: как сохранить все контакты и поддерживать их актуальность? Сотни имен, адресов, номеров телефонов — все это разбросано у каждого из нас по соцсетям, почтовым ящикам, телефонам. Но телефоны теряются, соцсети в каком-то смысле тоже, сами контакты устаревают, и с удивлением обнаруживаешь, что ты не Ким Пик, чтобы все это держать в голове. MobileMe/ iCloud отличная платная штука — но только в рамках известной экосистемы. Гугловская адресная книга, возможно, еще лучше, но не умеет ни телепортировать контакты в мою «Нокию», ни обновлять номера телефонов, если хозяева их меняют. И так далее. Между тем круг друзей, коллег и партнеров расширяется со скоростью реликтового излучения, и, разумеется, большая часть всех этих новых адресов и номеров довольно быстро обращается в неуловимую темную материю по тем же причинам. Неловко говорить, сколько это заняло у нас времени, но мы продрались сквозь строй дедлайнов и открыли бета-версию «Мемианы», единую записную книжку, которую нам хочется в первую очередь отдать на суд хабросообщества.

Если сделать суровое лицо, то «Мемиана» — это 1) облачный сервис для хранения контактной информации, 2) способный автоматически синхронизироваться с десктопными и мобильными адресными книгами, 3) визитная карточка человека в интернете (последнее, наверное, десертная мелочь, но все же).

Читать дальше →
Total votes 9: ↑7 and ↓2 +5
Comments 24

Организация рабочих потоков: синхронизационный канал

Reading time 7 min
Views 8.6K
C++ *Designing and refactoring *
Представьте себе архитектуру типичного приложения:

Есть рабочий поток движка, выполняющий какую-то функциональность, допустим копирование файлов (архивирование, поиск простых чисел). В общем что-то длительное.
Данный поток должен периодически сообщать информацию о текущем копируемом файле, а также уметь обрабатывать ошибки, допустим ошибка нехватки места на диске.

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

Казалось бы, как можно допустить ошибку в такой простой ситуации?
Читать дальше →
Total votes 14: ↑9 and ↓5 +4
Comments 8

Проект Lombok, или Объявляем войну бойлерплейту

Reading time 6 min
Views 56K
Java *
Открою не Америку, но шкатулку Пандоры: в Java-коде много бойлерплейта. Типовые геттеры, сеттеры и конструкторы, методы ленивой инициализации, методы toString, hashCode, equals, обработчики исключений, которые никогда не выбрасываются, закрывалки потоков, блоки синхронизации. Проблема заключается даже не в том, чтобы написать всё это — современные среды разработки справляются с такими задачами нажатием нескольких клавиш. Сложность в поддержании бойлерплейта в актуальном состоянии по мере внесения модификаций в код. А в некоторых случаях (многопоточность, реализация методов hashCode и equals) и сам шаблонный код написать без ошибок — далеко не простая задача. Одним из решений проблемы является генерация кода, и в этой статье я расскажу про проект Lombok — библиотеку, которая не только может избавить вас от бойлерплейта, но и сделать это максимально прозрачно, с минимальной конфигурацией и, что немаловажно, с поддержкой на уровне среды разработки.
Читать дальше →
Total votes 47: ↑43 and ↓4 +39
Comments 39

Альфа-версия SyncApp от BitTorrent будет доступна для публичного использования к концу апреля

Reading time 1 min
Views 7.6K
Network technologies *
Небольшое вступление для тех, кто еще не знает: SyncApp от BitTorrent — это система синхронизации данных между разными компьютерами. В отличие от DropBox и других аналогов, у нее отсутствует серверная часть, что позволяет вам полностью контролировать приватность ваших данных. Для передачи данных используется протокол BitTorrent.

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

Перевод текста письма под катом.
Читать дальше →
Total votes 17: ↑16 and ↓1 +15
Comments 14

Реактивный манифест

Reading time 12 min
Views 51K
System Analysis and Design *Concurrent computing *
Translation
В последние годы требования к приложениям значительно изменились. Десятки серверов, время отклика в несколько секунд, оффлайновое обслуживание, которое могло длиться часами, гигабайты данных — такими были большие приложения буквально несколько лет назад. Сегодня же приложения работают абсолютно на всём, начиная с простых мобильников и заканчивая кластерами из тысячи процессоров. Пользователи ожидают миллисекундного времени отклика и стопроцентного аптайма, в то время как данные выросли до петабайтов.

Первоначально эту нишу занимали крупные инновационные интернет-компании типа Google или Twitter, однако такие требования к приложениям начали всплывать во многих областях индустрии. Финансовые и телекоммуникационные компании первыми начали внедрять новые практики, чтобы удовлетворить новым требованиям, а теперь подтягиваются и остальные.

Новые требования требуют новых технологий. Предыдущие решения делали упор на управляемые сервера и контейнеры. Масштабирование достигалось засчёт покупки более крутых серверов и использования многопоточности. Для добавления новых серверов приходилось применять комплексные, неэффективные и дорогие проприетарные решения.

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

Читать дальше →
Total votes 24: ↑21 and ↓3 +18
Comments 15

Firefox вводит общий аккаунт и обновляет систему синхронизации

Reading time 1 min
Views 39K
Firefox
Recovery mode
image
Мало кто знает, но уже несколько недель, как Mozilla обновила функцию синхронизации браузера. Было принято решение убрать неудобные секретные коды для синхронизации и пароли для восстановления утерянных ключей.
Читать дальше →
Total votes 52: ↑47 and ↓5 +42
Comments 49

Синхронизация файлов между серверами в кластере

Reading time 4 min
Views 11K
Jelastic corporate blog WordPress *
Хостинг приложений с высокой нагрузкой и постоянно растущим трафиком требует дополнительной мощи и настроек для обработки большого потока запросов. Решением в данном случае может послужить добавление серверов в окружение для поддержки полноценного функционирования приложения.

В результате вы сталкиваетесь с другой трудностью — более сложная установка по сравнению с использованием одного сервера. Основной проблемой является то, что такие приложения как WordPress, Drupal, Joomla, Liferay, Redmine и т.п. по умолчанию сохраняют все загружаемые файлы только на одном сервере и не синхронизируют их между серверами в кластере. Другими словами, только сервер, который обрабатывал запрос на загрузку файла, будет содержать новый контент.

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

синхронизация файлов
Читать дальше →
Total votes 4: ↑3 and ↓1 +2
Comments 22

SynchronizationContext — когда MSDN подводит

Reading time 20 min
Views 58K
Programming *.NET *
Translation
Не знаю почему, но информации об этом новом класса в .NET Framework, действительно немного. Документация MSDN почти ничего не говорит о способах использования SynchronizationContext. Должен сказать, изначально я и сам плохо представлял назначение этого класса и как его использовать. После продолжительного изучения вопроса я наконец понял его назначение и решил написать эту статью чтобы помочь разобраться другим разработчикам.
Подробности расследования
Total votes 13: ↑8 and ↓5 +3
Comments 45

Мьютексы в стиле Rust для C++

Reading time 9 min
Views 13K
Programming *C++ *
Sandbox
Здравствуй Хабрахабр!

Я часто разрабатываю программы на C++ и люблю этот язык, что бы о нём ни говорили. Наверное потому, что во многих областях замены ему пока что нет. Однако язык этот, как все мы знаем, не лишён недостатков, и поэтому я всегда с интересом слежу за новыми подходами, паттернами или даже языками программирования, призванными решить какую-то часть этих проблем.

Так, недавно, я с интересом просматривал презентацию Степана Кольцова stepancheg о языке программирования Rust, и мне очень понравилась идея реализации мьютаксов в этом языке. Причём никаких препятствий для реализации подобного примитива в C++ я не увидел и сразу же открыл IDE, с целью реализовать подобное на практике.
Кому интересно, что из этого вышло - прошу пожаловать под кат
Total votes 29: ↑29 and ↓0 +29
Comments 27

Holy Grail на стероидах: тотальная синхронизация и изоморфный JavaScript на Swarm.js

Reading time 7 min
Views 22K
Swarm corporate blog Website development *JavaScript *
Сегодня на Хабре мы представляем технологию реплицированной модели, которая позволяет создавать коллаборативные и реалтаймовые веб приложения так же легко, как локальные десктопные. Мы считаем, что при разработке приложений, синхронизация данных в реальном времени должна быть доступна так же, как TCP поток, HTTP запрос или ток из розетки — сразу и без вопросов. HTML5 приложения, написанные на Swarm, в части автономности, локальности и скорости загрузки не уступают нативным.
Используя библиотеку Swarm, за выходные мы делаем больше, чем за месяц делали без Swarm. Что важней — можем делать то, что без неё делать вообще не могли. Эту библиотеку синхронизации мы предлагаем совершенно бесплатно.



Сегодня мы выкладываем TodoMVC++, реактивное HolyGrail-на-стероидах приложение, написанное на Swarm+React. Приведу список демонстрируемых в приложении возможностей:
Читать дальше →
Total votes 51: ↑39 and ↓12 +27
Comments 49

Синхронизация закладок в Opera Developer

Reading time 2 min
Views 17K
Opera corporate blog Browsers


В недавней сборке Opera Developer 26 появилась долгожданная вами (и нами) синхронизация закладок — пока в исполнении для компьютеров, но картинка с телефоном как бы намекает. Эта реализация заменила ту, что некоторое время работала при включении из флагов. Новая синхронизация пока поживёт на канале Developer и переберётся в бету ближе к релизу.

Ответы на вопросы

Читать дальше →
Total votes 21: ↑17 and ↓4 +13
Comments 63

Обзор примитивов синхронизации — Семафор и немного lockless-а

Reading time 6 min
Views 25K
Programming *System Programming *Programming microcontrollers *
В прошлой заметке мы обсудили самую известную пару из лагеря инструментов синхронизации тредов — mutex и cond. Сегодня встретимся с sema — примитивом, который умеет заменять предыдущие два в одиночку.

Но сначала — пара слов о случайных пробуждениях. (Спасибо xaizek, который мне об этом напомнил.) В принципе, строго реализованные механизмы синхронизации этим не страдают, но, тем не менее, опытный программист на это никогда не полагается.

Напомню фрагмент кода:

while(total_free_mem <= 0)
    {
    wait_cond(&got_free_mem, &allocator_mutex);
    }


Здесь цикл вокруг wait_cond гарантирует нам, что даже если мы вернёмся из ожидания события случайно или по ошибке, ничего страшного не случится — проверка в while обеспечит нам уверенность, что нужное состояние проверяемого объекта достигнуто. Если нет — поспим ещё в ожидании.

Отметим ещё раз, что проверяем мы состояние объекта (total_free_mem <= 0) при запертом мьютексе, то есть никто не может его менять в то же самое время.
Читать дальше →
Total votes 28: ↑27 and ↓1 +26
Comments 18

Синхронизация клиентских запросов в Spring

Reading time 5 min
Views 7.4K
MaximaTelecom corporate blog Java *
Tutorial
Сегодня предлагаю Вам разобрать одну практическую задачу о гонке клиентских запросов, с которой я столкнулся в МаксимаТелеком при разработке back-end для нашего мобильного приложения MT_FREE.

При старте клиентское приложение асинхронно отправляет «пачку» запросов к API. Приложение имеет идентификатор clientId, на основании которого можно различить запросы одного клиента от другого. На каждый запрос на сервере выполняется код вида:

  // получаем из репозитория данные клиента
  Client client = clientRepository.findByClientId(clientId);
  // если клиент не создан ранее
  if(client == null){
      client = clientRepository.save(new Client(clientId));
  }
  // далее обрабатываем запрос  

где сущность Client имеет поле clientId, которое должно являться уникальным и имеет для этого в базе unique constraint. Так как в Spring каждый запрос будет выполнять данный код в отдельном потоке, даже если это запросы от одного и того же клиентского приложения, будет возникать ошибка вида:
integrity constraint violation: unique constraint or index violation; UK_BFJDOY2DPUSSYLQ7G1S3S1TN8 table: CLIENT

Ошибка возникает по очевидной причине: 2 или более потоков с одним clientId получают сущность client == null и начинают ее создавать, после чего при коммите получают ошибку.

Задача:


Необходимо синхронизировать запросы от одного clientId так, чтобы только первый запрос выполнил создание сущности Client, а остальные блокировались бы на момент создания и получали бы уже созданный им объект.
Читать дальше →
Total votes 10: ↑8 and ↓2 +6
Comments 26

OTRS: LDAP аутентификация, авторизация и синхронизация (FreeIPA, AD)

Reading time 19 min
Views 19K
Configuring Linux *System administration *IT Infrastructure *Server Administration *Service Desk *
Tutorial
image

OTRS — система обработки заявок с открытым кодом (Open-source Ticket Request System), написанная на Perl.

Существует в двух вариантах:


Перечислю немного из того фукционала, который поддерживает эта система:

  • модуль ITSM (Service Level Management, Change Management, Configuration Management, CMDB)
  • адаптивный веб-интерфейс
  • API
  • SLA и сервисы
  • мультитенантность
  • эскалации
  • аутентификация: DB, LDAP, HTTPBasicAuth, Radius
  • поддержка MySQL, MariaDB, PostgreSQL, Oracle

И если искать в ней недостатки — так это непривычность интерфейса и сложность в настройке. Под катом — об основах авторизации (группы, RBAC, поддержка нескольких компаний-клиентов), аутентификации и синхронизации метаданных (ФИО, телефона и прочего), используя различные каталоги LDAP
Читать дальше →
Total votes 9: ↑9 and ↓0 +9
Comments 3

Мьютекс в мире асинхронного кода

Reading time 4 min
Views 5.5K
Programming *System Programming *Concurrent computing *Rust *Microservices *
Translation

failed guard


Фото: James P. Blair/National Geographic Creative


Вы когда-нибудь сталкивались со следующей проблемой в rust, когда использовали std::sync::Mutex в асинхронном коде?


 7  |     tokio::spawn(/* some future here */);
    |     ^^^^^^^^^^^^ future returned by `fut` is not `Send`
    |
127 |         T: Future + Send + 'static,
    |                     ---- required by this bound in `tokio::task::spawn::spawn`
    |
Читать дальше →
Total votes 16: ↑16 and ↓0 +16
Comments 2
1