Category Archives: javascript

Сервис для показа вёрстки, html и js онлайн

http://codepen.io/ — в общем-то, аналог jsFiddle.

Точки останова (breakpoints) в Google Chrome с примерами

Очень удобное и понятное описание: https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints. Особенно понравилось: Задание останова на изменение DOM внутри выбранного элемента — https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#dom, Остановки на ajax-ах — https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#xhr, Остановки на обработчиках событий (клики, движения мыши и т.п.) — https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#listeners

Как контролировать сложность функций в JavaScript с JSHint

Control the Complexity of Your JavaScript Functions with JSHint Вкратце: достаточно создать файл .jshintrc с контентом типа: { «globals»: { «console»: false, «jQuery»: false, «_»: false }, «maxparams»: 5, «maxdepth»: 5, «maxstatements»: 25, «maxcomplexity»: 10, «es5»: true, «browser»: true, «boss»: false, «curly»: false, «debug»: false, «devel»: false, «eqeqeq»: true, «evil»: true, «forin»: false, «immed»: true, …

Read more

Deferred и promise — разбирают по полочкам

http://www.html5rocks.com/en/tutorials/async/deferred/ . Уровень подготовки: нначальный и средний.

Как расширять jQuery-плагин

В целом познавательно. Но либо я привык, либо мне кажется, что писать (и уж тем более расширять) jQuery-плагин существенно сложнее и неудобнее, чем плагин к jQuery-UI?!

Почему нужно указывать название лямбда-функции в js

Это нужно для более удобного дебага.

Ecmascript 5 и Ecmascript 6 Harmony

Неплохая обзорная статья на эту тему. Но зная как чей-то блог может потом пропасть, перепощу. Небольшое пояснение для тех кому слова ECMAScript и Harmony ни о чем не говорят. ECMAScript это спецификация языка, на основе которой развивается наш с вами JavaScript. А Harmony это следующая версия ECMAScript, работа над которой сейчас активно ведется. Теперь немного …

Read more

Новое в firebug 1.10

http://hacks.mozilla.org/2012/07/firebug-1-10-new-features/ перевод на русский — http://habrahabr.ru/post/148219/

jQuery source viewer online

Причём для версий, начиная с 1.2.2 и заканчивая версией, которая лежит в Git: http://james.padolsey.com/jquery/

sourceMap и sourceURL

Нужен, чтобы минифицированный или сгенерированный (например, из CoffeeScript) js-файл можно было дебажить, т.е. предоставляет маппер из файла для production на файл(ы!), из которых он получился.