Matreshka.js 1.1: еще больше крутостей
2015-09-28 09:10:24
...
// this - экземпляр ... />
var object = {};
...
+ развернуть текст сохранённая копия
- Matreshka.js: От простого к простому
- 10 причин попробовать Матрешку
- Matreshka.js 1.1: еще больше крутостей
- Matreshka.js: события
Документация на русском
Github репозиторий
Всем привет. Сегодня, 28 сентября исполняется два года с первого коммита в репозиторий Матрешки. Так совпало, что к этому времени подоспел новый релиз со всякими вкусностями для любого JavaScript разработчика (даже для тех, кто не хочет использовать Матрешку в качестве фреймворка).
Матрешка — это JavaScript фреймворк (или, если хотите, библиотека), основанный на акцессорах, и выжавшая из них невероятные, на первый взгляд, возможности. Помните, время, когда в JavaScript геттеры и сеттеры только-только появились? Сколько шума было вокруг них… Статьи, разговоры… Затем, всё затихло: многие не понимали, как этими возможностями воспользоваться, кроме как в простых примерах. Матрешка — это прекрасный ответ на вопрос, зачем нужны акцессоры в JavaScript.
По традиции, напомню о том, что умеет этот фреймворк с помощью маленького кусочка кода.
Раньше можно было делать только так:
// this - экземпляр Матрешки
// связываем свойство "x" с элементом на стрнице
this.bindNode('x', 'input.my-node');
// если изменилось, выводим alert
this.on('change:x', function() {
alert(this.x);
});
// меняем свойство, вызывается обработчик
// меняется и привязаннык к "x" элемент
this.x = 'Wow!';
Теперь можно еще и так:
var object = {};
// связываем свойство "x" с элементом на стрнице
MK.bindNode(object, 'x', 'input.my-node');
// если изменилось, выводим alert
MK.on(object, 'change:x', function() {
alert(object.x);
});
// меняем свойство, вызывается обработчик
// меняется и привязаннык к "x" элемент
object.x = 'Wow!';
Из-за того, что последние версии Chrome и NodeJS стали, наконец, поддерживать большинство элементов синтаксиса ES6, все примеры ниже в этом посте будут написаны на ES6. Таким нехитрым способом я хочу поздравить всех, кто считает эти нововведения невероятно крутыми и привлечь внимание к ES.next тех, кто с ними еще не знаком.
Читать дальше →
Тэги: javascript, matreshka, matreshka.js, matreshkajs, блог, веб-разработка, данных, двустороннее, компании, связывание, события, теги, читает
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №178 (21 — 27 сентября 2015)
2015-09-27 21:46:08
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT- ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Читать дальше →
Тэги: angular, css, es6, group, html5, javascript, react, svg, zfort, анимация, блог, браузеры, веб-дизайн, веб-разработка, дайджест, компании, новости, ссылки
«Книжная полка фронтендера» — как гугл, только лучше
2015-09-26 15:06:09
... Academy, «Современный учебник JavaScript». Я благодарю авторов ...
+ развернуть текст сохранённая копия
Привет, читатель!
В этой публикации я расскажу тебе о «Книжной полке фронтендера».
Предыстория
К сожалению, в рунете очень мало по-настоящему качественных ресурсов для изучения фронтенда. Эти ресурсы можно буквально пересчитать по пальцам одной руки — это Frontender Magazine, HTML Academy, «Современный учебник JavaScript». Я благодарю авторов этих ресурсов за их неоценимый вклад в развитие и популяризацию фронтенда в рунете.
Как бы то ни было, тематические сайты — не единственный доступный источник знаний. Существует достаточно большое количество книг, написанных зарубежными авторами. Многие из этих книг переведены на русский язык.
Читать дальше →
Тэги: css, html, javascript, веб-разработка, вёрстка, интерфейсов, книги, литература, профессиональная, разработка, фронтенд
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №177 (14 — 20 сентября 2015)
2015-09-20 21:55:23
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT- ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Читать дальше →
Тэги: angular, css, es6, group, html5, javascript, react, zfort, блог, браузеры, веб-дизайн, веб-разработка, дайджест, компании, новости, ссылки
[Из песочницы] Класс веб-сокетов на PHP
2015-09-15 20:38:40
На днях опубликовал свой класс для развёртывания веб-сокет сервера.
Веб-сокеты
+ развернуть текст сохранённая копия
На днях опубликовал свой класс для развёртывания веб-сокет сервера.
Веб-сокеты — это технология, позволяющая устанавливать непрерывное соединение между клиентом и сервером. Особенность такой системы также в том, что сервер может по своей инициативе отправлять данные одному или нескольким клиентам. Это позволяет создавать real-time мессенджеры, онлайн-игры и прочие проекты.
Читать дальше →
Тэги: daemon, javascript, php, socket, web, websocket, демон, сервер, сокеты
