Category Archives: javascript

Как написать приложение Google Chrome на AngularJS

http://www.ng-newsletter.com/posts/chrome-apps-on-angular.html

Подгрузка новых данных при скролле в AngularJS

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

Прототипы быстрее фабричных фунций

Dan Tao : The prototype is your friend (if you care about perf) — https://coderwall.com/p/jj6fwa Очередная статья о том, почему использование прототипов лучше при больших нагрузках. Но лично мне ближе фабрики. И узким местом, требующим внимания, я такие вещи не считаю.

requestAnimationFrame

requestAnimationFrame удобен для группировки изменений DOM-структуры. В том числе между различными модулями. Позволяет избежать «layout thrashing». Работает как callback. Описание — https://developer.mozilla.org/ru/docs/DOM/window.requestAnimationFrame Пример использования и библиотека-обёртка — http://wilsonpage.co.uk/preventing-layout-thrashing/

Статья про Web Notifications

http://www.inserthtml.com/2013/10/notification-api/

Wysiwyg-редактор на AngularJS

http://textangular.com/

Функции анимации по кривым Безье

http://easings.net/ru — хорошо описаны различные функции анимации css-свойств с демонстрацией. animation

Захват данных с камеры в мобильных браузерах

http://dev.opera.com/articles/view/media-capture-in-mobile-browsers/ Всё сводится к

<input type="file" accept="image/*" capture="camera">

1	<input type="file" accept="image/*" capture="camera">

Но на практике есть одно «но»: при этом на андроидах 4.х нет возможности выбрать фото из галереи. Для того, чтобы эту возможность оставить, нужно убрать атрибут capture:

<input type="file" accept="image/*">

1	<input type="file" accept="image/*">

Обстоятельно про scope в AngularJS

https://github.com/angular/angular.js/wiki/Understanding-Scopes

Сравнение способов двухстороннего связывания у AngularJS, Ember.js и KnockoutJS

http://2013.jsconf.eu/speakers/marius-gundersen-a-comparison-of-the-twoway-binding-in-angularjs-emberjs-and-knockoutjs.html http://youtu.be/mVjpwia1YN4 В докладе делаются намёки на то, что Ember.js всё-таки чуть-чуть лучше. Но при этом рассматривается очень синтетическая ситуация с 5000 моделей. И не учитывается простота синтаксиса в AngularJS относительно остальных. И то, что в AngularJS вместо 5000 разных моделей можно сделать модель с 5000 элементов, а 5000 моделей на экране — несколько абсурдное …