Category Archives: javascript

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

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

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

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

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

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

04, 29, 2013
bullgare
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 секунд. Поэтому желательно подгружать большие пачки данных сразу и потом эмулировать подгрузку по аяксу (к тому …

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);
	}

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);

}

(чтобы скрипт кэшировался) http://jqapi.com/#p=jQuery.getScript

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

04, 05, 2013
bullgare
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);
  
// later, you can stop observing
observer.disconnect();

// 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);

// later, you can stop observing

observer.disconnect();

https://developer.mozilla.org/en-US/docs/DOM/MutationObserver

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<b || b<a); }

1	function arrays_equal(a,b) { return !(a<b \|\| b<a); }

http://stackoverflow.com/questions/3115982/how-to-check-javascript-array-equals