jQuery 대체 라이브러리 : cash
in Javascript on Javascript, jQuery
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