Хотел бы поделиться небольшой заметкой о том, как ускорить выполнение $digest() путем замены стандартных директив эквивалентами, которые не вызывают $watch.
Читать полностью »
Метка «javascript» - 14
Избавляемся от лишних $watch’еров
2014-01-11 в 22:47, admin, рубрики: AngularJS, data-binding, directives, javascript, метки: AngularJS, data-binding, directives, javascript45 Типсов-Триксов и Практик JavaScript
2014-01-11 в 13:18, admin, рубрики: javascript, перевод, метки: javascript, перевод Одним вечером делать нечего, листая белые страницы интернета, в поисках чего бы такого мне почитать на сон грядущий, наткнулся я на одну занимательную статейку – на неизвестном мне ресурсе, от автора которого знать не знаю, слыхать не слыхал. Чтиво оказалось довольно интересным, с учетом того, что близко по роду деятельности, по форме и ее содержанию.
Правда, не очень во всем согласился с автором непосредственно в излагаемом материале, к тому же много затрагивается базисных вещей, но подумал, что она заслуживает внимания населения – кому вчитываться лень, но любит чтобы кратко, с толком, с расстановкой и по делу без лишней литературщины.
Естественно, что все ниже изложенное отнюдь не есть истина последней инстанции, как на библии, на ней клясться я бы не советовал. Но может быть кто-то откроет какие вещи с новой стороны, а кто – то покритикует, высказав свое ЧСВешное: «Фи фи фи, фа фа фа!».
Однако обо всем по порядку в моем своевольном от лица первого…
Читать полностью »
jQuery Easing. Пользовательские easing’и
2014-01-06 в 17:33, admin, рубрики: javascript, jquery, анимация, Веб-разработка, метки: javascript, jquery, анимация Доброго времени суток!
Сегодня постараюсь на примере показать как написать свою функцию смягчения для jQuery. Кому интересно — под кат.Читать полностью »
Наложение эффектов на фото с помощью генетических алгоритмов
2014-01-06 в 4:31, admin, рубрики: javascript, Алгоритмы, генетические алгоритмы, изображения, фотография, метки: javascript, генетические алгоритмы, изображения, фотографияНедавно прочитал статью про генерацию абстрактных изображений и вспомнил об одной идее, которую забросил пару лет назад из-за отсутствия практической ценности, и уже совершенно про неё забыл. Спешу поделиться, так как думаю что она вполне сгодится в качестве ещё одного примера работы генетического алгоритма.
Вряд ли идея нова, да и слишком она проста, чтобы не приходить никому в голову ранее. Состоит она в том, чтобы к изображению последовательно применять некоторые эффекты, настройки для которых отбираются генетическим алгоритмом.
В моём примере сами эффекты выбираются вручную — это колонка справа от изображения: размытие, цвет, контраст, резкость и т.п. А вот настройки для каждого из эффектов выбираются случайно. Но случайно до тех пор, пока вы не запустите процесс эволюции и отбора.
Читать полностью »
Генерация абстрактных изображений с помощью генетических алгоритмов
2014-01-02 в 9:05, admin, рубрики: javascript, Алгоритмы, генетические алгоритмы, Дизайн в IT, метки: javascript, генетические алгоритмыПривет!
Этим летом я принял участие в Научно-образовательной школе МГУ, которая проводится Московским Государственным Университетом и Лабораторией Научного Творчества СУНЦ МГУ. В этой статье я хотел бы рассказать вам о проекте, который я разработал во время школы на спецкурсе по программированию под руководством MAD_GooZe.
Для нетерпеливых
Идея проекта
Итак, у нас возникла идея сделать что-нибудь интересное, используя генетические алгоритмы. Например — попытаться генерировать красивые абстрактные изображения. К слову сказать, до начала работы над этим проектом, я был знаком с генетическими алгоритмами весьма посредственно, но пообщавшись с руководителем и почитав некоторые статьи в интернете, я ринулся в бой.
Читать полностью »
Базовое Node.JS приложение с использованием express
2013-12-31 в 12:26, admin, рубрики: express, javascript, mongodb, node.js, метки: express, javascript, mongodb, node.js Всем привет.
Искал статью, как сделать базовое Node.JS приложение с использованием express, точнее какая базовая структура должна быть у проекта, но так ничего похожего для меня не нашел.
Потому решил написать собственную, дабы объяснить таким же как и я как это сделать и как это должно выглядеть.
Подробности под катом. Осторожно. Много текста и кода.
Читать полностью »
Библиотека для кэширования на стороне клиента
2013-12-30 в 14:29, admin, рубрики: cache, javascript, метки: cache, client-side, javascript Поискал на хабре пост про эту библиотеку, не нашел и решил написать коротенько о ней.
Библиотека называется locache.js и позволяет кэшировать JS строки, массивы и объекты. Изюминка библиотеки в том, что кэшировать можно как внутри сессии пользователя, т.е. до перезагрузки окна браузера, так и за ее приделами, т.е. даже после закрытия браузера кэш останется.
Jasmine DRY: а ты правильно пишешь тесты?
2013-12-29 в 13:19, admin, рубрики: best practices, jasmine, javascript, метки: best practices, jasmine, javascript В промежутке времени между переквалификацией с Back-end программиста на Front-end, мне пришлось иногда код для RoR приложения (да-да и тесты были). Интересным для меня показалась своеобразная атмосфера сообщества рубистов, которые очень строго относятся к написанию кода и если ты пишешь плохой код, то тебе могут поломать пальцы не простить. Ведь код должен быть максимально простым и читабельным.
Это же правило применимо и к тестам (как по мне то, они должны быть на порядок проще чем сам код). В дополнение, в тестах есть свое золотое правило — One Expectation per Test. Не нужно писать кучу expect/assert/should вызовов в одном тесте, просто перестаньте это делать! И не забывайте, что тесты это тоже код, а copy-paste — плохая практика.
Читать полностью »
Задаем временной интервал на циферблате часов. JavaScript
2013-12-29 в 10:43, admin, рубрики: html, javascript, Веб-разработка, Часы, метки: javascript, Веб-разработка, ЧасыДоброго времени суток, дорогой читатель.
Что это такое?
в ходе моей разработки, я столкнулся с задачей создания функционала выбора временного промежутка. Первое что пришло в голову, это, конечно, самое простое и самое очевидное — несколько текстовых полей, куда вбивается начальное и конечное значения. Но разве это интересно? Нет.
Я решил немного соригинальничать.
Думаю, картинка довольно наглядно демонстрирует мою идею: имеем циферблат часов и 2 ползунка, которыми выбираем интервал. Хочу сразу сказать, что если я вдруг изобрел велосипед... хм, ну ладно, не смертельно. Все равно самому создать интереснее, чем пользоваться чьим то.Читать полностью »
Асинхронный JavaScript (книга)
2013-12-29 в 8:12, admin, рубрики: async, javascript, promises, Веб-разработка, электронные книги, метки: async, javascript, promises .png "Асинхронный JavaScript (книга)")
Ответьте на три вопроса по JavaScript. Если какой-то из них вас затруднит, вам следует прочесть отличную бесплатную книгу Тревора Бернхема (Trevor Burnham) — Async JavaScript. Всего 90 страниц, но здесь разобраны такие темы, как событийный цикл JavaScript, синхронность/асинхронность, однопоточность/многопоточность (воркеры), promises, fibers и еще много чего интересного.
Итак, что выдаст следующий код?
for (var i = 1; i <= 3; i++) {
setTimeout(function(){ console.log(i); }, 0);
};
Ответ
4
4
4
4
4