Category Archives: javascript

HTML5-видео для чайников

http://www.catswhocode.com/blog/cross-browser-compatible-html5-videos

Тестирование AngularJS-приложения при помощи Testacular (karma)

  • 05, 15, 2013
  •  
  •  Angular.js, Testing
  • Комментарии к записи Тестирование AngularJS-приложения при помощи Testacular (karma) отключены

Ниже опишу проблемы, которые возникли при настройке среды тестирования, и их решения.

Откомментированный исходный код jQuery

  • 04, 29, 2013
  •  
  •  javascript
  • Комментарии к записи Откомментированный исходный код jQuery отключены

http://robflaherty.github.io/jquery-annotated-source/

Performance Checklist for the Mobile Web

http://www.youtube.com/watch?v=0UNWi7FA36M Говорится об оптимизации web-приложений под мобильные устройства. 3 составляющих. Сеть 3G имеет теоретическую максимальную пропускную способность в 3Mbps Радиомодуль мобильных устройств (у которого 3 состояния: Active, Pending, Idle) из спящего режима в режим нормальной работы переходит порядка 1-2 секунд. Поэтому желательно подгружать большие пачки данных сразу и потом эмулировать подгрузку по аяксу (к тому …

Read more

Restangular

https://github.com/mgonto/restangular Библиотека, расширяющая $resource в Angularjs, для более удобной работы с REST API

Отложенная загрузка скрипта в 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); } (чтобы …

Read more

Наблюдение за изменениями части DOM-дерева

  • 04, 05, 2013
  •  
  •  javascript
  • Комментарии к записи Наблюдение за изменениями части 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); …

Read more

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