Swarm.js: реактивная синхронизация данных — Виктор Грищенко — MoscowJS 13
9 likes4,500 views
The document discusses the principles of eventual consistency applied in web app development, particularly through the use of 'swarm', a JavaScript object sync library that enables real-time collaboration. It details the functionality of causal trees technology for version control in Citrea's collaborative rich text editor and emphasizes the importance of lightweight algorithms for practical implementation. Additionally, it introduces CRDTs (Conflict-free Replicated Data Types) that ensure concurrent operations can be merged without complex concurrency control.
1 of 10
Downloaded 13 times
![1 2 3 4 5
atom a1
(Alice's first)
weft: a4 weft: a4b2 weft: a5b2
atom offsets
within yarns
yarn "a"
Alice
yarn "0"
special
yarn "b"
Bob ⌫ x
T e s t
ॐ
causality relation:
a5 is caused by b2
→
3.3 Ordering of siblings
a b a b a
b
a b
a b
a
b c
c
c
a b ( ) > ( )
ct
Citrea and Swarm: partially ordered op logs in
the browser
Victor Grishchenko
Citrea LLC
victor.grishchenko@gmail.com
25 March 2014
Abstract
Principles of eventual consistency are normally applied in large-
scale distributed systems. I report experiences applying EC in Web
app development. Citrea is a collaborative rich text editor employing
the Causal Trees[4] technology of concurrency/version control (note:
CT is not an OT flavor). CT employs symbol ids and trees and, gener-
ally, belongs to the same family as WOOT, Logoot or Treedoc [1, 3, 2].
CT makes the ids-and-trees approach production-practical by limiting
itself to simple and lightweight algorithms and data structures. Swarm
is a JavaScript object sync library that works in the browser, in real
time. Swarm fully employs client-side storage and works well under in-
termittent connectivity. Swarm employs “pure” op-based model. Our](https://image.slidesharecdn.com/swarm-moscowjs-140717035143-phpapp02/85/Swarm-js-MoscowJS-13-2-320.jpg)
Ad
Recommended
SCaml compiler
SCaml compilerJun Furuse- SCaml is a compiler that takes OCaml code as input and outputs Michelson smart contract code. It is a strict subset of OCaml without many features like recursion, polymorphism, or mutability in order to keep contracts secure and small.
- The compiler reuses OCaml's parser and type checker and compiles the typed AST directly to Michelson. It supports all Michelson opcodes except CREATE_CONTRACT and does some optimizations.
- Being a strict subset of OCaml means programmers can use familiar OCaml patterns and many existing OCaml tools while targeting smart contracts on Tezos. Future work may include pattern matching and user-defined types while keeping the compiler small.
Updates on the Fake Object Pipeline for HSC Survey
Updates on the Fake Object Pipeline for HSC Survey Song HuangThe document details updates on the Fake Object Pipeline developed by Song Huang and colleagues, including technical specifications for image simulation of fake galaxies using Galsim and HSC data. It discusses the process for generating input catalogs, injecting fake objects, and the subsequent analysis of their properties. Additionally, the next steps include enhancing efficiency, implementing realistic SED/colors, and exploring more complex models.
[Webinar] Scientific Computation and Data Visualization with Ruby
[Webinar] Scientific Computation and Data Visualization with Ruby Srijan TechnologiesThe document discusses scientific computation and data visualization using Ruby, highlighting tools such as the IRuby notebook, NMatrix for handling n-dimensional arrays, and Nyaplot for interactive plotting. It also mentions GnuplotRB for graphing functions and Daru for data analysis and manipulation. These tools collectively facilitate interactive computing and data visualization effectively in the Ruby programming environment.
Building blocks for aggregate programming of self-organising applications
Building blocks for aggregate programming of self-organising applicationsFoCAS InitiativeThe document discusses building blocks for aggregate programming in self-organizing applications, focusing on creating reliable and adaptive distributed systems. It presents various examples and algorithms for managing crowd dynamics and devices in distributed networks, emphasizing implicit communication and adaptation strategies. The proposed framework leverages field calculus for implementation, allowing for robust and composable methods in complex applications.
Clock
Clocknaniix21_3NachOS implements a simple Unix domain datagram socket to simulate networking. It uses data structures to emulate physical network connections and provides interprocess communication operations. NachOS also provides a Timer that simulates a real-time clock, generating interrupts at regular intervals using the event-driven interrupt mechanism. The Timer supports getting the current time in ticks since NachOS started and setting an interrupt handler to invoke every Stats.TimerTicks ticks.
Byte rotation encryption algorithm
Byte rotation encryption algorithmShikha JainThis document describes the Byte Rotation Encryption Algorithm (BREA), a symmetric key block cipher algorithm that encrypts plaintext blocks in parallel using multithreading. BREA uses byte-rotation techniques and monoalphabetic substitution with a randomly generated 16-byte matrix. It provides an example of encrypting a plaintext block. BREA is described as being fast, requiring few computer resources, and providing secure encryption. Future work may implement BREA on multiprocessor systems to further improve encryption speed through parallelization.
Byte Rotation Algorithm
Byte Rotation AlgorithmEngr0918This document proposes a new encryption algorithm called Byte Rotation Encryption Algorithm (BREA). BREA is a symmetric key, block cipher that encrypts fixed-length blocks of 16 bytes using byte rotation and a randomly generated 16 byte key matrix. It employs a multithreading model to encrypt blocks in parallel, improving encryption speed. The algorithm assigns numbers 1-26 to letters, adds the plaintext and key matrices, then rotates rows and columns before replacing values with letters to generate the ciphertext. BREA is designed to be faster and require fewer resources than previous algorithms while still providing secure encryption.
1 storm-intro
1 storm-introMd. Shamsur RahimStorm is an open source distributed real-time processing system. It allows real-time processing of streaming data through spouts that emit tuples into streams, which are then processed by bolts. A Storm cluster has a master node called Nimbus that coordinates task assignment, and worker nodes called supervisors that execute the tasks. All state is stored in a ZooKeeper cluster for fault tolerance. Topologies define the graph of computation through spouts, streams, and bolts.
NumPy sorting (and dancing and memes): a short review for students
NumPy sorting (and dancing and memes): a short review for students VladimirFadeev4The document reviews numpy sorting algorithms, highlighting the theoretical underpinnings and practical implementations of heapsort, mergesort, and quicksort, as well as the newer timsort algorithm. It explains the complexities and uses of these algorithms, emphasizing how numpy's sorting methods are both classical and hybrid. The conclusion encourages further exploration of sorting algorithms through numpy's documentation and their applications in data handling.
Comp
CompIgor NigrucaA quantum computer harnesses quantum phenomena like quantum interference to process information in a fundamentally new way compared to classical computers. In a quantum computer, the basic unit of information called a qubit is quaternary rather than binary in nature. Experiments show that quantum detectors register particles 100% of the time at one detector and never at the other, which is puzzling. The premier application of a capable quantum computer is cracking encryption codes like RSA that rely on the difficulty of factoring large numbers, an operation best suited for quantum computers. However, building quantum computers faces formidable challenges including error correction, decoherence, and hardware architecture.
Integrating Xtext and Sirius: Strategies and Pitfalls
Integrating Xtext and Sirius: Strategies and PitfallsCédric BrunThe document discusses strategies and challenges in integrating Xtext and Sirius, outlining three primary modes of integration: model persistence, cross-references, and embedding Xtext editors in Sirius. It highlights the importance of proper refresh strategies, grammar adaptations, and maintaining consistency between the models during integration. The conclusion emphasizes that while basic integration is manageable, deep integration requires careful attention to linking, transactions, and resource management for an effective tool combining textual and graphical representations.
Reactive Extensions for JavaScript
Reactive Extensions for JavaScriptJim WooleyThe document discusses Reactive Extensions (Rx) for JavaScript, which provides libraries for composing asynchronous and event-based operations using observable collections. It compares Rx with LINQ in C# and demonstrates various use cases such as querying with observables and creating observable patterns. Additionally, it highlights the benefits of RxJS for handling events, asynchronous operations, and coordinating streams, while providing resources for further learning and community engagement.
How to use tensorflow
How to use tensorflowhyunyoung LeeThe document discusses TensorFlow and machine learning algorithms. It covers defining and running TensorFlow operations like addition and multiplication. TensorFlow can efficiently evaluate operations during execution time. It also discusses linear regression, data generation, model construction, and learning stages when training regression and neural network models on automatically generated data. Hidden layers are mentioned when discussing predicting sin(x) functions with neural networks.
SOA in the cloud with FraSCAti, OW2con11, Nov 24-25, Paris
SOA in the cloud with FraSCAti, OW2con11, Nov 24-25, ParisOW2This document summarizes a presentation given at OW2Con 2011 in Paris on November 23-24. The presentation discussed building service-oriented applications using OW2 FraSCAti that can run portably on different cloud platforms. It described how FraSCAti supports both IaaS and PaaS cloud models and allows provisioning applications across multiple cloud providers. It concluded by outlining some open challenges for the next generation of cloud computing.
Александр Русаков - TypeScript 2 in action
Александр Русаков - TypeScript 2 in actionMoscowJSThe document provides an overview of TypeScript's evolution from versions 1.8 to 2.0 and covers essential features such as null safety, literal types, and usage with Redux and React. Key points include the introduction of non-nullable types, discriminated unions, and mapped types. The content is aimed at developers looking to enhance their understanding of TypeScript for better application development.
Виктор Розаев - Как не сломать обратную совместимость в Public API
Виктор Розаев - Как не сломать обратную совместимость в Public APIMoscowJSДокумент описывает стратегию обеспечения обратной совместимости в публичном API с использованием JavaScript фреймворка APS JS SDK. Основное внимание уделяется тестированию, включая методики и инструменты для юнит-тестов, функциональных тестов и проверки покрытия. Указывается, что изменения в API должны контролироваться, что положительно сказывается на качестве кода и процессе разработки.
Favicon на стероидах
Favicon на стероидахMoscowJSДокумент содержит инструкции по реализации динамического favicon для браузера, отображающего количество непрочитанных сообщений. Обсуждаются методы, такие как использование canvas для отрисовки и взаимосвязь между несколькими вкладками через shared worker. Включены аспекты работы с web workers и их применение для обработки данных в фоновом режиме.
E2E-тестирование мобильных приложений
E2E-тестирование мобильных приложенийMoscowJSДоклад Антона Кузнецова на тему утомления от end-to-end тестирования делится опытом мобильной разработки и тестирования приложений, подчеркивая важность имитации пользовательского поведения. Он обсуждает инструменты для автоматизации тестов, такие как Appium, и проблемы, с которыми сталкиваются разработчики. Заключение делает акцент на значимости автоматизации тестирования и укрепления существующих функциональных возможностей приложений.
Reliable DOM testing with browser-monkey
Reliable DOM testing with browser-monkeyMoscowJSДокумент описывает инструмент browser-monkey, предназначенный для тестирования пользовательского интерфейса в браузере, предлагая удобный API для взаимодействия с DOM. Он подчеркивает сложности тестирования в SPA и преимущества использования изолированных тестов. Browser-monkey предлагает более эффективный подход по сравнению с webdriver, запускаясь непосредственно в браузере и обеспечивая большую гибкость в выполнении тестов.
Basis.js - Production Ready SPA Framework
Basis.js - Production Ready SPA FrameworkMoscowJSДокумент представляет собой обзор фреймворка basis.js, который предлагает гибкий компонентный подход к разработке веб-приложений. Он описывает ключевые особенности, такие как управление источниками данных, локализация, трекинг событий и инструменты разработки. Автор подчеркивает важность изучения фреймворка для эффективного его использования.
Контекст в React, Николай Надоричев, MoscowJS 31
Контекст в React, Николай Надоричев, MoscowJS 31MoscowJSДокумент описывает использование контекста и коммуникации компонентов в React-приложении, на примере управления радиокнопками. Рассматривается организация дерева компонентов и передача данных от родительских к дочерним компонентам через специальные методы. Также затрагивается создание собственных Flux-архитектур с использованием контекста для управления состоянием.
Верстка Canvas, Алексей Охрименко, MoscowJS 31
Верстка Canvas, Алексей Охрименко, MoscowJS 31MoscowJSThe document discusses the use of canvas for web development, highlighting various properties and methods associated with it. It includes example code for drawing on a canvas and references to additional resources such as videos and libraries like zebra and react-canvas. The author poses questions about when to use canvas and compares its performance with alternatives like React Native.
Веб без интернет соединения, Михаил Дунаев, MoscowJS 31
Веб без интернет соединения, Михаил Дунаев, MoscowJS 31MoscowJSThis document discusses progressive web apps and how they can work offline through the use of service workers and caching. It provides examples of how to register a service worker to cache assets and provide offline fallback pages. It also covers how to implement features like sync, app manifests, and install prompts to make the web app experience more app-like.
Angular2 Change Detection, Тимофей Яценко, MoscowJS 31
Angular2 Change Detection, Тимофей Яценко, MoscowJS 31MoscowJSThe document contains code snippets related to parent-child component structures and change detection in a JavaScript framework. It illustrates how to react to changes in data values and manage asynchronous operations with functions like setTimeout. Additionally, it shows examples of socket event handling to update a model with real-time data.
Создание WYSIWIG-редакторов для веба, Егор Яковишен, Setka, MoscowJs 33
Создание WYSIWIG-редакторов для веба, Егор Яковишен, Setka, MoscowJs 33MoscowJSДокумент описывает создание WYSIWYG-редакторов для веба, включая существующие решения и основные проблемы, такие как грязный HTML-код и различное поведение contenteditable в браузерах. Также рассматривается архитектура редактора, включая виртуальный DOM, обработку контента, и функции, такие как undo/redo и гибкая система настроек. Дается информация о размерах проекта, его длительности, а также о количестве пользователей.
Предсказуемый Viewport, Вопиловский Константин, KamaGames Studio, MoscowJs 33
Предсказуемый Viewport, Вопиловский Константин, KamaGames Studio, MoscowJs 33MoscowJSДокумент обсуждает оптимизацию viewport для мобильных и настольных устройств, включая различные настройки в зависимости от плотности пикселей и размера экрана. Описываются проблемы некорректного поведения браузеров и решения с использованием CSS и JavaScript. Включены примеры кода и рекомендации по адаптивному дизайну.
Promise me an Image... Антон Корзунов, Яндекс, MoscowJs 33
Promise me an Image... Антон Корзунов, Яндекс, MoscowJs 33MoscowJSДокумент обсуждает важность оптимизации загрузки изображений в веб-разработке, подчеркивая потребность в использовании технологий, таких как lazy load, для улучшения скорости загрузки страниц. Он также освещает развитие API карт в Яндексе и рассматривает различные подходы к загрузке изображений, включая использование прокси и управление приоритетами загрузки. Автор делится рекомендациями по применению util.imageloader для эффективного управления процессом загрузки изображений.
Регрессионное тестирование на lenta.ru, Кондратенко Павел, Rambler&Co, Moscow...
Регрессионное тестирование на lenta.ru, Кондратенко Павел, Rambler&Co, Moscow...MoscowJSДокумент охватывает процесс регрессионного тестирования, его значимость и примеры реализации на проекте. Описываются этапы, включая создание эталонных скриншотов, автоматизацию тестов и трудности, с которыми сталкивается команда. Также рассматриваются плюсы и минусы внедрения регрессионного тестирования на практике.
"Опыт разработки универсальной библиотеки визуальных компонентов в HeadHunter...
"Опыт разработки универсальной библиотеки визуальных компонентов в HeadHunter...MoscowJSДокумент описывает опыт разработки универсальной библиотеки визуальных компонентов 'bloko' в компании headhunter. Основное внимание уделяется проблемам, связанным с дублированием кода и сложностями при изменении дизайна, и предлагает решения, такие как стандартизация и использование микро-фреймворка для улучшения процессов разработки. Указаны преимущества, такие как документированный код и ускорение разработки, а также недостатки, включая сложности при переходе на другие фреймворки.
"Во все тяжкие с responsive images", Павел Померанцев, MoscowJS 29
"Во все тяжкие с responsive images", Павел Померанцев, MoscowJS 29MoscowJSДокумент обсуждает тему адаптивных изображений в веб-дизайне, включая техники сжатия, использование srcset и client hints для оптимизации загрузки изображений на разных устройствах. Основное внимание уделяется важности скорости загрузки и корректного отображения изображений в зависимости от плотности пикселей и ширины экрана. Также рассматривается проблема поддержки старых браузеров и сложность реализации адаптивного дизайна.
More Related Content
What's hot (6)
NumPy sorting (and dancing and memes): a short review for students
NumPy sorting (and dancing and memes): a short review for students VladimirFadeev4The document reviews numpy sorting algorithms, highlighting the theoretical underpinnings and practical implementations of heapsort, mergesort, and quicksort, as well as the newer timsort algorithm. It explains the complexities and uses of these algorithms, emphasizing how numpy's sorting methods are both classical and hybrid. The conclusion encourages further exploration of sorting algorithms through numpy's documentation and their applications in data handling.
Comp
CompIgor NigrucaA quantum computer harnesses quantum phenomena like quantum interference to process information in a fundamentally new way compared to classical computers. In a quantum computer, the basic unit of information called a qubit is quaternary rather than binary in nature. Experiments show that quantum detectors register particles 100% of the time at one detector and never at the other, which is puzzling. The premier application of a capable quantum computer is cracking encryption codes like RSA that rely on the difficulty of factoring large numbers, an operation best suited for quantum computers. However, building quantum computers faces formidable challenges including error correction, decoherence, and hardware architecture.
Integrating Xtext and Sirius: Strategies and Pitfalls
Integrating Xtext and Sirius: Strategies and PitfallsCédric BrunThe document discusses strategies and challenges in integrating Xtext and Sirius, outlining three primary modes of integration: model persistence, cross-references, and embedding Xtext editors in Sirius. It highlights the importance of proper refresh strategies, grammar adaptations, and maintaining consistency between the models during integration. The conclusion emphasizes that while basic integration is manageable, deep integration requires careful attention to linking, transactions, and resource management for an effective tool combining textual and graphical representations.
Reactive Extensions for JavaScript
Reactive Extensions for JavaScriptJim WooleyThe document discusses Reactive Extensions (Rx) for JavaScript, which provides libraries for composing asynchronous and event-based operations using observable collections. It compares Rx with LINQ in C# and demonstrates various use cases such as querying with observables and creating observable patterns. Additionally, it highlights the benefits of RxJS for handling events, asynchronous operations, and coordinating streams, while providing resources for further learning and community engagement.
How to use tensorflow
How to use tensorflowhyunyoung LeeThe document discusses TensorFlow and machine learning algorithms. It covers defining and running TensorFlow operations like addition and multiplication. TensorFlow can efficiently evaluate operations during execution time. It also discusses linear regression, data generation, model construction, and learning stages when training regression and neural network models on automatically generated data. Hidden layers are mentioned when discussing predicting sin(x) functions with neural networks.
SOA in the cloud with FraSCAti, OW2con11, Nov 24-25, Paris
SOA in the cloud with FraSCAti, OW2con11, Nov 24-25, ParisOW2This document summarizes a presentation given at OW2Con 2011 in Paris on November 23-24. The presentation discussed building service-oriented applications using OW2 FraSCAti that can run portably on different cloud platforms. It described how FraSCAti supports both IaaS and PaaS cloud models and allows provisioning applications across multiple cloud providers. It concluded by outlining some open challenges for the next generation of cloud computing.
NumPy sorting (and dancing and memes): a short review for students
NumPy sorting (and dancing and memes): a short review for students VladimirFadeev4
Integrating Xtext and Sirius: Strategies and Pitfalls
Integrating Xtext and Sirius: Strategies and PitfallsCédric Brun
SOA in the cloud with FraSCAti, OW2con11, Nov 24-25, Paris
SOA in the cloud with FraSCAti, OW2con11, Nov 24-25, ParisOW2
More from MoscowJS (20)
Александр Русаков - TypeScript 2 in action
Александр Русаков - TypeScript 2 in actionMoscowJSThe document provides an overview of TypeScript's evolution from versions 1.8 to 2.0 and covers essential features such as null safety, literal types, and usage with Redux and React. Key points include the introduction of non-nullable types, discriminated unions, and mapped types. The content is aimed at developers looking to enhance their understanding of TypeScript for better application development.
Виктор Розаев - Как не сломать обратную совместимость в Public API
Виктор Розаев - Как не сломать обратную совместимость в Public APIMoscowJSДокумент описывает стратегию обеспечения обратной совместимости в публичном API с использованием JavaScript фреймворка APS JS SDK. Основное внимание уделяется тестированию, включая методики и инструменты для юнит-тестов, функциональных тестов и проверки покрытия. Указывается, что изменения в API должны контролироваться, что положительно сказывается на качестве кода и процессе разработки.
Favicon на стероидах
Favicon на стероидахMoscowJSДокумент содержит инструкции по реализации динамического favicon для браузера, отображающего количество непрочитанных сообщений. Обсуждаются методы, такие как использование canvas для отрисовки и взаимосвязь между несколькими вкладками через shared worker. Включены аспекты работы с web workers и их применение для обработки данных в фоновом режиме.
E2E-тестирование мобильных приложений
E2E-тестирование мобильных приложенийMoscowJSДоклад Антона Кузнецова на тему утомления от end-to-end тестирования делится опытом мобильной разработки и тестирования приложений, подчеркивая важность имитации пользовательского поведения. Он обсуждает инструменты для автоматизации тестов, такие как Appium, и проблемы, с которыми сталкиваются разработчики. Заключение делает акцент на значимости автоматизации тестирования и укрепления существующих функциональных возможностей приложений.
Reliable DOM testing with browser-monkey
Reliable DOM testing with browser-monkeyMoscowJSДокумент описывает инструмент browser-monkey, предназначенный для тестирования пользовательского интерфейса в браузере, предлагая удобный API для взаимодействия с DOM. Он подчеркивает сложности тестирования в SPA и преимущества использования изолированных тестов. Browser-monkey предлагает более эффективный подход по сравнению с webdriver, запускаясь непосредственно в браузере и обеспечивая большую гибкость в выполнении тестов.
Basis.js - Production Ready SPA Framework
Basis.js - Production Ready SPA FrameworkMoscowJSДокумент представляет собой обзор фреймворка basis.js, который предлагает гибкий компонентный подход к разработке веб-приложений. Он описывает ключевые особенности, такие как управление источниками данных, локализация, трекинг событий и инструменты разработки. Автор подчеркивает важность изучения фреймворка для эффективного его использования.
Контекст в React, Николай Надоричев, MoscowJS 31
Контекст в React, Николай Надоричев, MoscowJS 31MoscowJSДокумент описывает использование контекста и коммуникации компонентов в React-приложении, на примере управления радиокнопками. Рассматривается организация дерева компонентов и передача данных от родительских к дочерним компонентам через специальные методы. Также затрагивается создание собственных Flux-архитектур с использованием контекста для управления состоянием.
Верстка Canvas, Алексей Охрименко, MoscowJS 31
Верстка Canvas, Алексей Охрименко, MoscowJS 31MoscowJSThe document discusses the use of canvas for web development, highlighting various properties and methods associated with it. It includes example code for drawing on a canvas and references to additional resources such as videos and libraries like zebra and react-canvas. The author poses questions about when to use canvas and compares its performance with alternatives like React Native.
Веб без интернет соединения, Михаил Дунаев, MoscowJS 31
Веб без интернет соединения, Михаил Дунаев, MoscowJS 31MoscowJSThis document discusses progressive web apps and how they can work offline through the use of service workers and caching. It provides examples of how to register a service worker to cache assets and provide offline fallback pages. It also covers how to implement features like sync, app manifests, and install prompts to make the web app experience more app-like.
Angular2 Change Detection, Тимофей Яценко, MoscowJS 31
Angular2 Change Detection, Тимофей Яценко, MoscowJS 31MoscowJSThe document contains code snippets related to parent-child component structures and change detection in a JavaScript framework. It illustrates how to react to changes in data values and manage asynchronous operations with functions like setTimeout. Additionally, it shows examples of socket event handling to update a model with real-time data.
Создание WYSIWIG-редакторов для веба, Егор Яковишен, Setka, MoscowJs 33
Создание WYSIWIG-редакторов для веба, Егор Яковишен, Setka, MoscowJs 33MoscowJSДокумент описывает создание WYSIWYG-редакторов для веба, включая существующие решения и основные проблемы, такие как грязный HTML-код и различное поведение contenteditable в браузерах. Также рассматривается архитектура редактора, включая виртуальный DOM, обработку контента, и функции, такие как undo/redo и гибкая система настроек. Дается информация о размерах проекта, его длительности, а также о количестве пользователей.
Предсказуемый Viewport, Вопиловский Константин, KamaGames Studio, MoscowJs 33
Предсказуемый Viewport, Вопиловский Константин, KamaGames Studio, MoscowJs 33MoscowJSДокумент обсуждает оптимизацию viewport для мобильных и настольных устройств, включая различные настройки в зависимости от плотности пикселей и размера экрана. Описываются проблемы некорректного поведения браузеров и решения с использованием CSS и JavaScript. Включены примеры кода и рекомендации по адаптивному дизайну.
Promise me an Image... Антон Корзунов, Яндекс, MoscowJs 33
Promise me an Image... Антон Корзунов, Яндекс, MoscowJs 33MoscowJSДокумент обсуждает важность оптимизации загрузки изображений в веб-разработке, подчеркивая потребность в использовании технологий, таких как lazy load, для улучшения скорости загрузки страниц. Он также освещает развитие API карт в Яндексе и рассматривает различные подходы к загрузке изображений, включая использование прокси и управление приоритетами загрузки. Автор делится рекомендациями по применению util.imageloader для эффективного управления процессом загрузки изображений.
Регрессионное тестирование на lenta.ru, Кондратенко Павел, Rambler&Co, Moscow...
Регрессионное тестирование на lenta.ru, Кондратенко Павел, Rambler&Co, Moscow...MoscowJSДокумент охватывает процесс регрессионного тестирования, его значимость и примеры реализации на проекте. Описываются этапы, включая создание эталонных скриншотов, автоматизацию тестов и трудности, с которыми сталкивается команда. Также рассматриваются плюсы и минусы внедрения регрессионного тестирования на практике.
"Опыт разработки универсальной библиотеки визуальных компонентов в HeadHunter...
"Опыт разработки универсальной библиотеки визуальных компонентов в HeadHunter...MoscowJSДокумент описывает опыт разработки универсальной библиотеки визуальных компонентов 'bloko' в компании headhunter. Основное внимание уделяется проблемам, связанным с дублированием кода и сложностями при изменении дизайна, и предлагает решения, такие как стандартизация и использование микро-фреймворка для улучшения процессов разработки. Указаны преимущества, такие как документированный код и ускорение разработки, а также недостатки, включая сложности при переходе на другие фреймворки.
"Во все тяжкие с responsive images", Павел Померанцев, MoscowJS 29
"Во все тяжкие с responsive images", Павел Померанцев, MoscowJS 29MoscowJSДокумент обсуждает тему адаптивных изображений в веб-дизайне, включая техники сжатия, использование srcset и client hints для оптимизации загрузки изображений на разных устройствах. Основное внимание уделяется важности скорости загрузки и корректного отображения изображений в зависимости от плотности пикселей и ширины экрана. Также рассматривается проблема поддержки старых браузеров и сложность реализации адаптивного дизайна.
"AMP - технология на три буквы", Макс Фролов, MoscowJS 29
"AMP - технология на три буквы", Макс Фролов, MoscowJS 29MoscowJSДокумент описывает технологию AMP (Accelerated Mobile Pages), предназначенную для ускоренной загрузки статических мобильных веб-страниц. В нём рассматриваются ключевые элементы и ограничения использования AMP, а также преимущества, такие как значительное снижение времени загрузки страниц и количество запросов. Автор подчеркивает легкость внедрения AMP и его подходящесть для контентных сайтов.
"Observable и Computed на пример KnockoutJS", Ольга Кобец, MoscowJS 29
"Observable и Computed на пример KnockoutJS", Ольга Кобец, MoscowJS 29MoscowJSДокумент посвящен концепциям реактивного программирования с использованием Knockout.js, включая описание observable и computed. Приведены примеры кода для создания и работы с этими элементами, демонстрирующие их функциональность, подписки и реактивное обновление данных. Также рассматриваются другие реализации реактивного программирования и полезные ссылки на дополнительные материалы.
«Пиринговый веб на JavaScript», Денис Глазков, MoscowJS 28
«Пиринговый веб на JavaScript», Денис Глазков, MoscowJS 28MoscowJSДокумент описывает пиринговую сеть, разработанную на JavaScript, включая ее архитектуру, функции и преимущества, такие как децентрализация и отсутствие центральных серверов. Он также затрагивает криптографию, которая используется в проекте, и содержит информацию о серверных нодах, клиентских приложениях и API для взаимодействия с сетью. В конце документа обсуждаются перспективы развития и дополнительные технологии, такие как WebRTC и IndexedDB.
"Доклад не про React", Антон Виноградов, MoscowJS 27
"Доклад не про React", Антон Виноградов, MoscowJS 27MoscowJSДоклад Антона Виноградова, CEO The Protein Corp, охватывает его опыт в разработке интерфейсов и фронтенд-технологиях. Он делится нестандартными подходами к веб-разработке, включая использование различных технологий, таких как SVG, Node.js и Bootstrap. Документ содержит ссылки на ресурсы и инструменты, используемые в его работе.
Виктор Розаев - Как не сломать обратную совместимость в Public API
Виктор Розаев - Как не сломать обратную совместимость в Public APIMoscowJS
Контекст в React, Николай Надоричев, MoscowJS 31
Контекст в React, Николай Надоричев, MoscowJS 31MoscowJS
Верстка Canvas, Алексей Охрименко, MoscowJS 31
Верстка Canvas, Алексей Охрименко, MoscowJS 31MoscowJS
Веб без интернет соединения, Михаил Дунаев, MoscowJS 31
Веб без интернет соединения, Михаил Дунаев, MoscowJS 31MoscowJS
Angular2 Change Detection, Тимофей Яценко, MoscowJS 31
Angular2 Change Detection, Тимофей Яценко, MoscowJS 31MoscowJS
Создание WYSIWIG-редакторов для веба, Егор Яковишен, Setka, MoscowJs 33
Создание WYSIWIG-редакторов для веба, Егор Яковишен, Setka, MoscowJs 33MoscowJS
Предсказуемый Viewport, Вопиловский Константин, KamaGames Studio, MoscowJs 33
Предсказуемый Viewport, Вопиловский Константин, KamaGames Studio, MoscowJs 33MoscowJS
Promise me an Image... Антон Корзунов, Яндекс, MoscowJs 33
Promise me an Image... Антон Корзунов, Яндекс, MoscowJs 33MoscowJS
Регрессионное тестирование на lenta.ru, Кондратенко Павел, Rambler&Co, Moscow...
Регрессионное тестирование на lenta.ru, Кондратенко Павел, Rambler&Co, Moscow...MoscowJS
"Опыт разработки универсальной библиотеки визуальных компонентов в HeadHunter...
"Опыт разработки универсальной библиотеки визуальных компонентов в HeadHunter...MoscowJS
"Во все тяжкие с responsive images", Павел Померанцев, MoscowJS 29
"Во все тяжкие с responsive images", Павел Померанцев, MoscowJS 29MoscowJS
"AMP - технология на три буквы", Макс Фролов, MoscowJS 29
"AMP - технология на три буквы", Макс Фролов, MoscowJS 29MoscowJS
"Observable и Computed на пример KnockoutJS", Ольга Кобец, MoscowJS 29
"Observable и Computed на пример KnockoutJS", Ольга Кобец, MoscowJS 29MoscowJS
«Пиринговый веб на JavaScript», Денис Глазков, MoscowJS 28
«Пиринговый веб на JavaScript», Денис Глазков, MoscowJS 28MoscowJS
"Доклад не про React", Антон Виноградов, MoscowJS 27
"Доклад не про React", Антон Виноградов, MoscowJS 27MoscowJS
Ad
Recently uploaded (20)
cybercrime investigation and digital forensics
cybercrime investigation and digital forensicsgoverdhankumar137300cybercrime investigation and digital forensics
Internet Download Manager (IDM) 6.42.40 Crack Download
Internet Download Manager (IDM) 6.42.40 Crack DownloadPuppy jhon➡ 🌍📱👉COPY & PASTE LINK👉👉👉 ➤ ➤➤ https://drfiles.net/
IDM is a powerful and safe file Downloader, it grabs the original Download link version 6.42 build 40 latest of a file, sends powerful
Fast Reroute in SR-MPLS, presented at bdNOG 19
Fast Reroute in SR-MPLS, presented at bdNOG 19APNICMd Abdullah Al Naser, Learning Content Developer at APNIC, presented on Fast Reroute (FRR) mechanisms within SR-MPLS at bdNOG 19 held in Dhaka, Bangladesh from 21 to 24 May 2025.
Dark Web Presentation - 1.pdf about internet which will help you to get to kn...
Dark Web Presentation - 1.pdf about internet which will help you to get to kn...ragnaralpha7199Dark web
3 years of Quarkus in production, what have we learned - Devoxx Polen
3 years of Quarkus in production, what have we learned - Devoxx PolenJago de VreedeQuarkus has grown in popularity in the last years, but what’s it really like to use it in large-scale, real-world business projects? In this session, we’ll move beyond the basics of "Hello World" to explore how to build enterprise-level applications with Quarkus efficiently.
In this talk we will set up a multi-module project, incorporating integration tests and addressing the challenges with build times, while maintaining a high development velocity. Next, we’ll tackle an upgrade scenario and splitting the application into multiple microservices. Along the way, we’ll share hard-earned lessons, including what to avoid.
At the end of the talk, you should have a good understanding of how to efficiently set up a “big” enterprise project with Quarkus and the confidence to get started.
SAP_S4HANA_ChatGPT_Integration_Presentation.pptx
SAP_S4HANA_ChatGPT_Integration_Presentation.pptxvemulavenu484This presentation explores the integration of SAP S/4HANA, a leading ERP system, with ChatGPT, a powerful generative AI, to drive efficiency and intelligence in business processes.
Timeline Infographics Para utilização diária
Timeline Infographics Para utilização diáriameslellisInfografico com um tema bem interessante para ser utilizado
Top Mobile App Development Trends Shaping the Future
Top Mobile App Development Trends Shaping the FutureChicMic StudiosOur Flutter App Development Services deliver high-performance, cross-platform apps with a single codebase. We build visually stunning, responsive apps that run seamlessly on both iOS and Android.
CBUSDAW - Ash Lewis - Reducing LLM Hallucinations
CBUSDAW - Ash Lewis - Reducing LLM HallucinationsJason PackerColumbus Data & Analytics Wednesdays, June 2025 with Ashley Lewis. A field guide to reducing LLM hallucinations.
DDos Mitigation Strategie, presented at bdNOG 19
DDos Mitigation Strategie, presented at bdNOG 19APNICAwal Haolader, Network Analyst / Technical Trainer at APNIC, presented on 'DDoS Mitigation Strategies' at bdNOG 19 held in Dhaka, Bangladesh from 21 to 24 May 2025.
cybercrime investigation and digital forensics
cybercrime investigation and digital forensicsgoverdhankumar137300
AMOR PROHIBIDO MURMURAN POR LAS CALLES PORQUE
AMOR PROHIBIDO MURMURAN POR LAS CALLES PORQUEGFGLaboratorios
Internet Download Manager (IDM) 6.42.40 Crack Download
Internet Download Manager (IDM) 6.42.40 Crack DownloadPuppy jhon
AI theory work for students to understand the logic
AI theory work for students to understand the logicareeba15775n
Lecture 3.1 Analysing the Global Business Environment .pptx
Lecture 3.1 Analysing the Global Business Environment .pptxshofalbsb
Dark Web Presentation - 1.pdf about internet which will help you to get to kn...
Dark Web Presentation - 1.pdf about internet which will help you to get to kn...ragnaralpha7199
3 years of Quarkus in production, what have we learned - Devoxx Polen
3 years of Quarkus in production, what have we learned - Devoxx PolenJago de Vreede
SAP_S4HANA_ChatGPT_Integration_Presentation.pptx
SAP_S4HANA_ChatGPT_Integration_Presentation.pptxvemulavenu484
ChatGPT A.I. Powered Chatbot and Popularization.pdf
ChatGPT A.I. Powered Chatbot and Popularization.pdfStanleySamson1
Top Mobile App Development Trends Shaping the Future
Top Mobile App Development Trends Shaping the FutureChicMic Studios
CBUSDAW - Ash Lewis - Reducing LLM Hallucinations
CBUSDAW - Ash Lewis - Reducing LLM HallucinationsJason Packer
NOC Services for maintaining network as MSA.ppt
NOC Services for maintaining network as MSA.pptankurnagar22
DDos Mitigation Strategie, presented at bdNOG 19
DDos Mitigation Strategie, presented at bdNOG 19APNIC
Ad
Swarm.js: реактивная синхронизация данных — Виктор Грищенко — MoscowJS 13
- 1. SWARM @ MOSCOWJS реактивная синхронизация данных Виктор Грищенко, ООО «Ситреа» 17 июля 2014
- 2. 1 2 3 4 5 atom a1 (Alice's first) weft: a4 weft: a4b2 weft: a5b2 atom offsets within yarns yarn "a" Alice yarn "0" special yarn "b" Bob ⌫ x T e s t ॐ causality relation: a5 is caused by b2 → 3.3 Ordering of siblings a b a b a b a b a b a b c c c a b ( ) > ( ) ct Citrea and Swarm: partially ordered op logs in the browser Victor Grishchenko Citrea LLC victor.grishchenko@gmail.com 25 March 2014 Abstract Principles of eventual consistency are normally applied in large- scale distributed systems. I report experiences applying EC in Web app development. Citrea is a collaborative rich text editor employing the Causal Trees[4] technology of concurrency/version control (note: CT is not an OT flavor). CT employs symbol ids and trees and, gener- ally, belongs to the same family as WOOT, Logoot or Treedoc [1, 3, 2]. CT makes the ids-and-trees approach production-practical by limiting itself to simple and lightweight algorithms and data structures. Swarm is a JavaScript object sync library that works in the browser, in real time. Swarm fully employs client-side storage and works well under in- termittent connectivity. Swarm employs “pure” op-based model. Our
- 3. СИНХРОНИЗАЦИЯ • кэширование • оффлайн • реалтайм CAP
- 4. CRDT Convergent… Commutative… Cloud… Replicated Data Types A CRDT is a data type whose operations commute when they are concurrent. Replicas of a CRDT eventually converge without any complex concurrency control.
- 5. ПРОСТЕНЬКИЙ CRDT 11: Is value1 Æ value2 in semilattice? 12: merge (value1, value2) : payload mergedValue 13: LUB merge of value1 and value2, at any replica M mergemerge M g(x2) S S source f(x1) x3 x1 x2 x merge M Figure 4: State-based replication 0 1 4 14 4 4 4 4 M maxmax M x2 := 4 G+A G+A x1 := 1 x3 x1 x2 x max M0 0 0 4 4 4 4 4 Figure 5: Example CvRDT: integer + max
- 6. SWARM
- 7. SWARM: M OF MVC
- 8. SWARM (CODE) var host = new Swarm.Host('user~ssn'); ! host.connect(‘ws://localhost:8000'); ! var mickey = host.get(‘/Mouse#Mickey’, function(s,v,o){ mickey.set({ x:100, y:100 }); });
- 9. SWARM + REACT var SwarmMixin = { deliver: function (spec,val,source) { this.isMounted() && this.forceUpdate(); }, componentWillMount: function () { var spec = this.props.spec; this.sync = app.host.get(spec); this.sync.on('.init',this); this.sync.on(this); }, componentWillUnmount: function () { this.sync.off(this); } }; React.renderComponent( MouseTrackApp ({spec:’/Mouse#Mickey’}), document.getElementById('mice-container') ); get by spec on/off