Category Archives: Programming
Performance Checklist for the Mobile Web
http://www.youtube.com/watch?v=0UNWi7FA36M Говорится об оптимизации web-приложений под мобильные устройства. 3 составляющих. Сеть 3G имеет теоретическую максимальную пропускную способность в 3Mbps Радиомодуль мобильных устройств (у которого 3 состояния: Active, Pending, Idle) из спящего режима в режим нормальной работы переходит порядка 1-2 секунд. Поэтому желательно подгружать большие пачки данных сразу и потом эмулировать подгрузку по аяксу (к тому …
Restangular
https://github.com/mgonto/restangular Библиотека, расширяющая $resource в Angularjs, для более удобной работы с REST API
Yii: работа с множественной загрузкой фото
Для генерации превьюшек разных размеров понадобится http://www.yiiframework.com/extension/image/ (В описании установки есть ошибка: CArray.php нужно скопировать в корень protected/components проекта). Постановка Задача такая: Есть разные объекты разных классов (для примера, квартиры и многоквартирные дома), каждый из них может иметь неограниченное количество фотографий. Все фотографии представляются объектом Photo, а принадлежность к разным типам объектов зависит от атрибута …
Отложенная загрузка скрипта в jQuery
function cachedScript (url, options) { // allow user to set any option except for dataType, cache, and url options = $.extend(options || {}, { dataType: «script», cache: true, url: url }); // Use $.ajax() since it is more flexible than $.getScript // Return the jqXHR object so we can chain callbacks return jQuery.ajax(options); } (чтобы …
Наблюдение за изменениями части DOM-дерева
// select the target node var target = document.querySelector(‘#some-id’); // create an observer instance var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { console.log(mutation.type); }); }); // configuration of the observer: var config = { attributes: true, childList: true, characterData: true }; // pass in the target node, as well as the observer options observer.observe(target, config); …
CSS3-animation с AngularJS
http://www.youtube.com/embed/cF_JsA9KsDM Вот подробнее в текстовом варианте — http://www.yearofmoo.com/2013/04/animation-in-angularjs.html
Watch angular attrs and scope
attrs.$observe и $scope.$parent.$watch Подробнее:
Сравнение двух массивов в javascript
function arrays_equal(a,b) { return !(a
Хостинг openSource-проектов на node
https://www.nodejitsu.com/
ng-options в Angular.js
Который раз натыкаюсь на эти грабли, и который раз забываю. Чтобы заработало ng-options и вообще много чего с селектами, нужно обязательно указать модель для селекта (<select name=»{{name}}» ng-model=»day» class=»…»>), без этого работать не будет, т.к. (отрывок из исходников angular.js): // if ngModel is not defined, we don’t need to do anything if (!ctrls[1]) return;