I’ve started with Workflowy more then year ago and still have been using this convenient tool, strongly recommend.
Шорткаты адресной строки браузера
На хабре уже мелькала статья в тему. Суть в том, что мы делаем поисковый запрос, используя поисковый механизм конкретного сайта, до перехода на сам сайт в адресной строке браузера.
Проще будет на примере. Мы хотим запустить поиск по хабру. Переходим в строку браузера и пишем “h” и далее пробел, и о чудо:
мы видим что мы уже ищем по хабру.
jQuery to String
Иногда возникает необходимость получить html-содержимое jQuery-объекта в виде строки. Первое что приходит в голову
[javascript]$element.html();[/javascript]
да, это работает, но мы не получаем html-кода самого контейнера (или корневого элемента). Следующий вариант, который приходит в голову – сделать обертку копии текущего элемента и после уже получить содержимое:
[javascript]$(‘<div>’).append($element.clone()).html();[/javascript]
но как-то это громоздкою.
Погуглив нашел еще интересный вариант, который работает в jQuery начиная с версии 1.6:
[javascript]$element.prop(‘outerHTML’); [/javascript]
Ну и можно еще поиграть с переопределением метода toString (сделано в качестве эксперимента и крайне не рекомендуется делать в реальном проекте):
[javascript]
$.fn.toString = function() {
return $(this).prop(‘outerHTML’);
}
[/javascript]
после чего
[javascript]alert($element) [/javascript]
выведет не просто [Object object], а строку – HTML содержимое объекта.
И код.
Компания моей мечты
Нашел свой старый список заметок-хотелок относительно ИТ-компании. Нужно это не потерять, вдруг пригодится.
grunt-complexity
В добавок к валидации кода и покрытия юнит-тестами я прикрутил интересную штуку для проекта – grunt-complexity – оценку сложности кода.
Crazy-colors – playing random-color blocks on pure JS
ngSticky – атрибут директива для позиционирования панелей управления
Вдохновленный angular-sticky написал свой ngSticky вариант:
Delayed Keypress или создаем свои хуки событий на jQuery
Иногда возникает необходимость расширить стандартное событие JavaScript/jQuery, добавить определенную специфику, например: мы хотим выводить авто-дополнение для текстового поля при вводе, при этом мы не хотим чтобы запрос отправлялся на сервер при каждом нажатии клавиши(будет очень много ненужных запросов). Зададимся целью посылать запрос через 500 миллисекунд (полсекунды) после того, как пользователь прекратит набирать(либо остановился в ожидании подсказки авто-дополнения).
Специфика тестирования AngularJs директив
Тезисно выкладываю некоторые ключевые моменты по тестированию AngularJS директив.
7 шагов к качественному JavaScript коду
пост представляет собой резюме на статью “7 steps to better JavaScript“.