Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «js»

[Из песочницы] Как подружить Socket.IO и backbone.js 2013-05-10 11:45:36
... знаем, евенты backbone. js делятся на две ...
+ развернуть текст сохранённая копия
Как мы все знаем, евенты backbone.js делятся на две категории:
- Изменение информации в моделях/коллекциях
- Евенты DOM — дерева
Недавно, мне необходимо было решить задачу подключения евентов socket.io к backbone, да так, что бы все было внутри приложения backbone, что бы евенты сокетов можно было объявить прямо во вьюхах и там же описать все действия, которые будут происходить по евенту.
Дабы не отступать от стиля backbone, хотелось реализовать возможность добавить событие socket.io так же, как событие DOM — дерева, а именно вот так:
var im = Backbone.View.extend({
io_events: {
'new_message': 'newMessage'
},
newMessage: function(message_data){
//do something
}
});
Долгие поиски по просторам интернета меня привели к подборке менее элегантных методов связки backbon'а и сокетов, которые, вроде, и решали задачу, но не так, как хотелось бы. Пришлось думать самому.
Читать дальше →
Тэги: backbone.js, javascript, socket.io, веб-разработка, песочница
[Перевод] MVC-фреймворки на JavaScript: сравнение Marionette и Chaplin 2013-04-24 15:01:24
... популярной библиотеки Backbone. js. Оба хотят ... облегчить разработку одностраничных JS-приложений. В ...
+ развернуть текст сохранённая копия
Разработка JavaScript-приложений — горячая тема и люди интересуются какой же фреймворк лучше выбрать. В этой статье я сравню два из них.
Marionette и Chaplin — фреймворки, которые работают поверх популярной библиотеки Backbone.js. Оба хотят облегчить разработку одностраничных JS-приложений. В таких приложениях, фронтэнд выполняет задачи, которые в прошлом выполнялись на сервере (вроде рендеринга HTML из данных).
Бэкбон спроектирован, как минималистичная библиотека, а не как полноценный фреймворк. Мой опыт показал, что Бэкбон хорош только как ядро архитектуры JS-аппликейшна. И Марионетка, и Чаплин появились, потому что Бэкбон предоставляет мало структурирования для реальных приложений. Они решают те же проблемы. Так что между ними довольно много сходств — возможно, даже больше, чем отличий.
Читать дальше →
Тэги: backbone, backbone.js, chaplin, coffeescript, framework, javascript, marionette, mvc, веб-разработка
Пишем сложное приложение на knockout.js — 2 2013-04-02 13:44:01
... мощные биндинги knockout. js + пользователь не ограничивается ... кода используется r. js. Еще как крутые ...
+ развернуть текст сохранённая копия
 Я тут пишу одну эпическую мегахрень, которую хочу пропиарить на хабре. Эта штука типа распределенной социальной сети. Там есть ядра с api, которые общаются по некоторому стандарту и фронтенд. Особенностью сети является то, фронтенд живет «отдельно» от ядра, то есть сеть не имеет своего домена — берем html, ставим ссылку на любое ядро и получаем сеть, которая живет поверх сайта. Внешне это похоже на социальные плагины фейсбука — комментарии и лайки оттуда можно поставить на любую свою страницу — только вместо тегов fb-like используются мощные биндинги knockout.js + пользователь не ограничивается огрызками из комментариев и лайков — на сайт можно импортировать практически любой блок из сети и сделать почти любое действие. Фронтенд написан на тех же технологиях, которые юзер может использовать и дописывать на своей странице.
В результате образовалась техника, которая может быть интересна фронтендщику. Эту технику хочу разобрать в этой статье.
Расскажу про систему, которая встраивается на html-страницу через биндинги нокаута. Код живет в подключаемых виджетах, которые состоят из html-шаблонов с knockout-обвязкой. Виджеты могут быть вложены друг в друга. Все это использует require.js и живет в amd форме. Зависимости от внешней страницы сведены к минимуму, все библиотеки (jquery, knockout и плагины) используются только свои в локальном пространстве с namespace-ами. Для сборки кода используется r.js. Еще как крутые перцы напишем на базе бутстраповского диалога полноценный оконный менеджер — с нокаутом это как два пальца об асфальт…
Читать дальше →
Тэги: amd, bootstrap, javascript, knockout.js, r.js, require.js, веб-разработка, сеть, сообщество, социальный, фронтенд
Новый этап в гонке скоростей JavaScript. Модуль OdinMonkey ускоряет низкоуровневый код в 10 раз 2013-03-25 14:46:33
... по спецификации Asm. js, является корректным кодом ... , скомпилированная в Asm. js, обычно работает всего ...
+ развернуть текст сохранённая копия
Модуль OdinMonkey — часть движка IonMonkey, отвечающая за оптимизацию и компиляцию низкоуровневого Asm.js — 21 марта был включён в состав сборки Firefox Nightly. Что такое Asm.js? — это подмножество языка JavaScript, позволяющее программировать «на уровне ассемблера» — без динамической типизации и выделения памяти. В каком-то смысле Asm.js аналогичен технологии Google Native Client, только с обратной совместимостью — код, написанный по спецификации Asm.js, является корректным кодом JavaScript и будет выполняться на любом движке, только медленнее, чем при наличии OdinMonkey.
Asm.js позволяет в ряде случаев вплотную приблизиться к производительности нативного кода — программа на Си, скомпилированная в Asm.js, обычно работает всего вдвое медленнее оригинала:

Читать дальше →
Тэги: asm.js, emscripten, javascript, lljs, mozilla, odinmonkey, вагнер, веб-разработка, люк, производительность
intro.js — пошаговое руководство для веб-страницы 2013-03-18 22:34:19
 ...
+ развернуть текст сохранённая копия
Эта маленькая библиотека позволяет очень просто создать пошаговое введение для сайта или приложения. Достаточно добавить атрибуты data-intro и data-step с описанием и номером шага соответственно к нужным элементам страницы. Вот так:
<a href='http://google.com/' data-intro='Hello step one!' data-step='1'></a>
Читать дальше →
Тэги: intro.js, javascript, usability, веб-разработка, пошаговый, презентация, руководство
Главная / Главные темы / Тэг «js»
|
Взлеты Топ 5
Падения Топ 5
|