Analysis: Just how complex is your JavaScript code?

Want to know how complex your JavaScript code really is? Run it through Analysis and see for yourself. The more complexity that exists in your code, the more chances for bugs to appear, so anything you can do to simplify your code can greatly improve performance and reliability.

자바 스크립트에서 null 과 undefined 를 체크

typeof 연산자는 형식 정보를 다음 중 하나의 문자열로 반환해준다.

number, string, boolean, object, function, undefined

EX : if ( typeof a == "undefined" ) xxxx 실행

Chance: Random data generator for automated tests

Chance - Random generator helper for JavaScript

Homepage: http://chancejs.com

Many more details on http://chancejs.com but this single library can generate random numbers, characters, strings, names, addresses, dice, and pretty much anything else.

It includes the basic building blocks for all these items and is built on top of a Mersenne Twister so it can generate these things with repeatibility, if desired.

TidyTime.js: A friendlier way to display time

Want to display a time-based update in people-friendly language? TidyTime.js is a jQuery plugin that does just that, converting standard time formats into personable declarations of time.

Prerender: Let search engines crawl your JS apps

Prerender Service

This is a node server that uses phantomjs to render a javascript-rendered page as HTML. It should be used in conjunction with prerender_rails or prerender-node middleware to serve the rendered HTML to crawlers for SEO. You don't have to run this service on your own since I have it deployed on Heroku already. Get started in two lines of code using Rails or Node

It is also meant to be proxied through your server so that any relative links to things like CSS will work.

It is currently deployed at http://prerender.herokuapp.com, or you can deploy your own.

FireShell: Quick front-end boilerplate and workflows

javascript에서  trim() 공백없애기 만들어쓰자

<script type="text/javascript">

    String.prototype.trim = function() {    

           return this.replace(/(^\s*)|(\s*$)/gi, "");

     }

</script>

var strTest = "      Trim   Test    ";
var strResult = strTest.trim();

Animo.js: CSS animation management with JavaScript

animo.js

A powerful little tool for managing CSS animations. Stack animations, create cross-browser blurring, set callbacks on animation completion, make magic.

Full article and demos - http://labs.bigroomstudios.com/libraries/animo-js

Animo.js: CSS animation management with JavaScript

Animo.js is a powerful tool for managing CSS animations. It makes it possible to stack animations and trigger one right after another.