틈

떡볶이 순대 오뎅 튀김 떡볶이 select에서 option 값을 가져오는 방법은 value 로만 알고 있었는데, 이렇게 텍스트를 가져올 수 있네요. multiple 옵션의 경우에는 값을 가져올 때 배열로 받아서 처리하니 간편합니다. with. 윤인성(유니코딩) _ 혼자공부하는 자바스크립트

count 숫자가 커지는 애니메이션 $('선택자').prop('counter',0).animate({ counter : 12982372958 },{ duration:1000, easing:'swing', step: function(now){ now = Number(Math.ceil(now)).toLocaleString('en'); $(this).text(now); } })

razy loading은 json으로만 구현이 가능하다는 생각이 바꼈다! var $btn = $('.btn'), $tableList = $('table tbody tr'), showCount = 10, listLength = $tableList.length; $tableList.hide(); $tableList.slice(0, numShow).show(); $btn.on('click',function(){ var showing = tableList.filter(':visible').length; $tableList.slice(showing - 1, showing + showCount).fadeIn(); var nowShowing = $tableList.filter(':visible').length; if..

구축만 했을 때는 $(window).on('resize',function(){})을 작업할 때, 리사이즈는 1px 마다 반응해주는 게 당연하다고 생각했더랬다. 'jquery가 알아서 잘 해결해주겠지' 하는 마음도 있었다. 매번 GT MATRIX(사이트 최적화를 도와주는 사이트:https://gtmetrix.com/)를 돌리면서도 생각지 못한 부분이었다. 사실, resize는 로딩 후의 인터렉션이기 때문에 최적화 고민에서 빠져있기도 했고... 자체 서비스를 작업하면서 배운 것 중 하나는, 운영 리소스를 최소한으로 줄여야 한다는 것. 리사이즈는 1px마다 반응해야 하는 작업이 아니라, 리사이즈를 끝날 시점을 찾아서 적용해줘야 한다는 것. 그리고 이를 debounce라고 부른다는 것. REACT useEffe..

See the Pen [jQuery] 첨부파일 input[type=file] 처리 by myeonghwa Shin (@fine-today) on CodePen.

라인버튼 // copy에 필요한 element append var $copyElem = $(''); $copyElem.css({ opacity: 0, position: "absolute", width: "1px", height: "1px", right: 0, padding: 0, }); $("body").append($copyElem); var $textInner = $(''); $("body").append($textInner); // copy 액션 $("[data-copy]").on("click", function () { //복사가 필요한 elem처리 var findHtml = $(this).clone();//해당 element를 복사한다. findHtml.removeAttr("data-copy s..