Category Archives: Programming

js-Библиотека для рисования сложных графиков

https://github.com/unconed/MathBox.js Вот что на нем можно делать — http://acko.net/blog/making-mathbox/

Подробно о директивах в AngularJS

http://youtu.be/WqmeI5fZcho

Оптимизация DOM анимации. Приоритетность оптимизаций.

Источник — http://www.xiper.net/collect/js-plugins/overclock-site/optimizacia-dom-animacii.html Постарался упорядочить действия, направленные на оптимизацию DOM/CSS анимации, в порядке эффективности. Чем выше оптимизация в списке, тем больший прирост производительности она обычно дает.

Всестороннее тестирование приложения с AngularJS и Testacular

http://www.yearofmoo.com/2013/01/full-spectrum-testing-with-angularjs-and-testacular.html

JS-Библиотека для создания CSS3-анимаций

https://github.com/jlongster/css-animations.js Позволяет делать анимации примерно так:

// Changing an animation

var anim = CSSAnimations.get('pulse');
anim.setKeyframe('100%', { 'background-color': 'red' });

// Dynamically creating and applying an animation

var anim = CSSAnimations.create();
anim.setKeyframe('0%', { transform: 'translateY(0)' });
anim.setKeyframe('70%', { transform: 'translateY(50px)' });
anim.setKeyframe('100%', { transform: 'translateY(150px)' });

$(el).css({ 'animation-name': anim.name,
            'animation-duration': '1s' });

$(el).on('animationend', function() {
    CSSAnimations.remove(anim.name);
});

// Changing an animation

var anim = CSSAnimations.get('pulse');

anim.setKeyframe('100%', { 'background-color': 'red' });

// Dynamically creating and applying an animation

var anim = CSSAnimations.create();

anim.setKeyframe('0%', { transform: 'translateY(0)' });

anim.setKeyframe('70%', { transform: 'translateY(50px)' });

anim.setKeyframe('100%', { transform: 'translateY(150px)' });

$(el).css({ 'animation-name': anim.name,

'animation-duration': '1s' });

$(el).on('animationend', function() {

CSSAnimations.remove(anim.name);

});

50 Javascript-библиотек для создания чартов и графиков

http://techslides.com/50-javascript-charting-and-graphics-libraries/

Библиотека для Node.js для нереально больших нагрузок

https://hacks.mozilla.org/2013/01/building-a-node-js-server-that-wont-melt-a-node-js-holiday-season-part-5/ Использование:

var toobusy = require('toobusy');
 
app.use(function(req, res, next) {
  if (toobusy()) res.send(503, "I'm busy right now, sorry.");
  else next();
});

var toobusy = require('toobusy');

app.use(function(req, res, next) {

if (toobusy()) res.send(503, "I'm busy right now, sorry.");

else next();

});

Т.е. при большой занятости показывает всем 503 (в этом примере), от чего проку конечно мало. Но делает очень быстро, а в реальных условиях можно отдавать страницу-заглушку, практически не нагружая сервер. Интересно то, как он меряет — меряет очередь заданий во внутреннем цикле Node.js

jQuery-библиотечка для работы с textarea

https://github.com/Codecademy/textarea-helper

Интернационализация Node.js-приложения от John Resig

Он написал свой модуль для node. Обсуждение — http://ejohn.org/blog/a-strategy-for-i18n-and-node/

Object.watch

Возможность наблюдать за изменениями свойств объекта. Описание — https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/watch#Examples, http://dailyjs.com/2012/11/12/code-review-watch-js/. Object.watch-polyfill — https://gist.github.com/384583. Известная в узких кругах библиотека для отслеживания изменений свойств объекта — https://github.com/melanke/Watch.JS.