jQuery 대체 라이브러리 : cash

jQuery 를 대체할 수 있는 사이즈 작은 라이브러리. 비슷한 라이브러리로 Zepto 가 있는데 Zepto 보다 size 가 더 작다.

순수 자바스크립트로 엘리먼트를 select 해서 조작하기가 코드 길이도 길어지고 은근히 어려운데, jQuery 쓰기는 쫌 그렇고 할때 쓰면 좋을것 같다. $.ajax 는 없어서 axios 같은걸 써야됨.

사이트 : https://github.com/kenwheeler/cash

js 파일 사이즈 비교

Size Cash Zepto 1.2.0 jQuery 3.3.1
Uncompressed 32 KB 58.7 KB 271 KB
Minified 14.5 KB 26 KB 87 KB
Minified & Gzipped 5 KB 9.8 KB 30.3 KB

사용법

그동안 사용하던 jQuery 처럼 그냥 사용하면 된다.

<script src="https://cdnjs.cloudflare.com/ajax/libs/cash/4.1.3/cash.min.js"></script>
<script>
    $(function() {
        $('html').addClass('dom-loaded');
        $('<footer>Appended with Cash</footer>').appendTo(document.body);
    });
</script>

그 외에 왠지 유용할것 같은 함수

$.camelCase('border-width'); // 'borderWidth'
$.parseHTML(htmlString); // collection