Programming/JS/Jquery/Ajax2014. 10. 13. 10:55

브라우져에 데이터를 저장하는 할 수 있는 


IndexedDB / WebSQL / WebStorage에 대해서 보다 쉽게 사용할 수 있는 자바스크립트 라이브러리


공식사이트 : http://dev.yathit.com/ydn-db

Github : https://github.com/yathit/ydn-db

LICENSE : Apache License ( https://github.com/yathit/ydn-db/blob/master/LICENSE )


사용방법은 심플한 편인 듯하다.


var db = new ydn.db.Storage('db-name');
db.put('store-name', {message: 'Hello world!'}, 'id1');
db.get('store-name', 'id1').always(function(record) {
  console.log(record);
});


그리고 공식사이트를 보면 다양한 쿼리 방법으로도 사용 가능 하고


RESTful API를 활용해서 동기화하는 방법도 가능 하다

(기본적으로 다양한 클라우드 서비스 지원하는 듯하고 자제적으로 API를 만들어서 사용해도 가능 할것으로 생각된다)


http://dev.yathit.com/ydn-db/doc/sync/build-in.html


Synchronizing with YDN-DB

YDN-DB have build in synchronization support for AWS S3 (Amazon simple storage service), ATOM syndicate formatODataGData, GCS (Google cloud storage).



우선 내세우는 자세한 특정은 아래 정도인 듯한데  테스트를 해봐야 될 듯 하다.

- Multi-browser support

- Powerful query

- Database that Syncs

- Easy to debug

- High performance

- SQL support

- Custom build

- Full-text search


Posted by 시니^^
Programming/JS/Jquery/Ajax2014. 9. 11. 12:05

jQuery Table Plugin 괜찮은 것 소개


메뉴얼 : http://mottie.github.io/tablesorter/docs/index.html


데모http://mottie.github.io/tablesorter/docs/index.html#Demo


tablesorter Bootstrap LESS theme 도 지원함


아래 샘플 보면 row 추가삭제에 대한 설명이나 페이징에 대한 설명도 잘 나와있다.

샘플설명자료http://mottie.github.io/tablesorter/docs/index.html#Examples


그리고 다양한 추가 플로그인 존재하여서 관리툴 개발시 상당히 유용함

Plugins / Widgets
 these widgets are included in the jquery.tablesorter.widgets.js file (except for extra filter formatter functions) 
 this widget is included with the plugin core.


Posted by 시니^^
Programming/JS/Jquery/Ajax2014. 8. 21. 18:51

※ Jquery용 tablesorter 

http://mottie.github.io/tablesorter/docs/index.html


※ 설명가이드가 상당히 잘되어있음(페이징설명되어있음)

http://mottie.github.io/tablesorter/docs/index.html#Demo

http://mottie.github.io/tablesorter/docs/index.html#Examples


※ 부스트랩테마도 지원

http://mottie.github.io/tablesorter/docs/example-widget-bootstrap-theme.html


Posted by 시니^^
Programming/JS/Jquery/Ajax2014. 4. 28. 21:28

jquery.animateNumber(Counter)

 - 숫자 점점 증가시켜 주는 Jquery Plugin


다운로드 및 예시 아래 사이트

http://aishek.github.io/jquery-animateNumber/



Example 1: simple animation

This plugin only 0 lines of code.

$('#lines').animateNumber({ number: 165 });
Example 3: multiple properties

Fun level 0 %.

var percent_number_step = $.animateNumber.numberStepFactories.append(' %') $('#fun-level').animateNumber( { number: 100, color: 'green', 'font-size': '30px', easing: 'easeInQuad', numberStep: percent_number_step }, 15000 );

※ 예시는 사용할거 두개정도만 우선.. 좀더 자세한건 사이트 통해서.....!!깔끔하게 좋네!!!!!!!!!

    그리고 보면 ... 예전에는 직접 다 만들어서 사용했는데...

   요즘에는 그냥 구글링 하면 github이나 stackoverflow등 통해서 좋은소스들 너무 쉽게 찾는 것 같다;;;;; 

Posted by 시니^^