Category Archives: javascript

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

Отличный аналог Adobe EDGE — http://vanamco.com/ghostlab/. Отличается тем, что на клиентских устройствах не надо ставить никаких приложений. Есть неплохое описание/сравнение с Adobe EDGE — http://atlantajones.com/blog/adobe-edge-inspect-vs-ghostlab

Как написать shell-утилиту на node.js

http://flippinawesome.org/2013/07/29/writing-a-command-line-utility-using-node/

AngularJS: использование фильтра в контроллере

controller('MyCtrl', ['$scope', '$filter', function ChatCtrl($scope, $filter) {
	...
	$scope.msg = $filter('formatTime')($scope.created * 1000);
}]);

controller('MyCtrl', ['$scope', '$filter', function ChatCtrl($scope, $filter) {

...

$scope.msg = $filter('formatTime')($scope.created * 1000);

}]);

SimpleWebRTC.js from &yet

http://simplewebrtc.com/

Как правильно работать с Shadow DOM

Как смотреть Google Chrome DevTools → Настройки → General → Show Shadow DOM. Как пользоваться

AngularJS — MVC or MVVM?

MVC vs MVVM vs MVP. What a controversial topic that many developers can spend hours and hours debating and arguing about. For several years +AngularJS was closer to MVC (or rather one of its client-side variants), but over time and thanks to many refactorings and api improvements, it’s now closer to MVVM – the $scope …

Sizzle: как работает движок селекторов в jQuery

http://blog.bigbinary.com/2010/02/15/how-jquery-selects-elements-using-sizzle.html Главное: Если в браузере доступен document.querySelectorAll(), или достаточно методов document.getElementById() и document.getElementsByTagName(), то запрос к DOM-у будет передан этим методам, и потом ответ будет обёрнут в jQuery. Интересное наступает, если этими методами обойтись нельзя. Для примера возьмем старый браузер без document.querySelectorAll() и селектор

$(".header a")

1	$(".header a")

Точные вычисления в javascript

Math.js — http://mathjs.org/ Умеет правильно вычитать 0.3-0.2 :)

Наблюдать за событиями на элементе в Google Chrome DevTools

На странице вконтактика пишем

monitorEvents($('#side_bar')[0], ['mouse', 'key', 'touch'])

1	monitorEvents($('#side_bar')[0], ['mouse', 'key', 'touch'])

и водим мышкой по левому меню. Видим: Вот подробнее — http://www.briangrinstead.com/blog/chrome-developer-tools-monitorevents

Простой и быстрый клиентский шаблонизатор

http://olado.github.io/doT/