본문 바로가기

DEV/JS

(53)
[jQuery] Hide pager if bxslider has only 1 slide [출처] http://stackoverflow.com/questions/16905129/hide-pager-if-bxslider-has-only-1-slide I faced the same trouble and here is my solution: we should count how many child elements we have under .bxslider2 block $("#ticket-list li").length and if there is only one, then set option to 'false', otherwise to 'true'. $('.bxslider2').bxSlider({ mode: 'horizontal', speed: '180', pagerType:'full', pager:..
[jQuery] Count-up Advanced Code
[jQuery] Magnific popup conflict with "jquery.nicescroll" [출처] https://github.com/dimsemenov/Magnific-Popup/issues/183 html에 nicescroll을 적용시킨 상태에서 magnific popup을 켰다가 끄면 아래와 같이 스크롤이 중첩된다.nicescroll은 선택된 대상을 overflow: hidden이 되도록 자동으로 변경되는데, magnific popup이 close될때 이 속성을 해제해버려서원래 윈도우 스크롤이 다시 뜨게 된다. 해결 방법은 아래와 같다. $('yourElement').magnificPopup({ ...your Popup configuration... });//Add the following to your configuration:callbacks: { afterClose: function..
[jQuery] Count-Up Animation 성능 비교 [테스트 환경] Chrome v.45.0.2454.101[테스트 결과] v.1 과 v.2 는 1ms, v.3 은 2.1 ms 였다. Profiles 와 Network 로 테스트
[JS] JavaScript 성능 프로파일링 [출처] https://msdn.microsoft.com/ko-kr/library/dn255005%28v=vs.85%29.aspx F12 개발자 도구의 프로파일러를 사용하여 웹 페이지에서 JavaScript의 자세한 성능 측정값을 가져올 수 있습니다. 스크립트 프로파일링 프로파일러는 프로파일링 세션 중에 웹 페이지에서 실행하는 JavaScript 함수를 보여 줍니다. 실행 횟수, 각 실행에 소요된 시간, 부모 및 자식 함수 간의 관계 등에 대한 세부 정보가 포함되어 있습니다. 프로파일링을 시작하려면 Internet Explorer 11에서 프로파일링할 페이지를 엽니다. F12 키를 눌러 F12 도구를 열고 프로파일러 도구를 선택합니다. 처음 프로파일러 도구를 열면 그리드가 비어 있습니다. 보고서를 생성하..
[JS] JavaScript Profiling With The Chrome Developer Tools [출처] http://www.smashingmagazine.com/2012/06/javascript-profiling-chrome-developer-tools/[번역] Your website works. Now let’s make it work faster. Website performance is about two things: how fast the page loads, and how fast the code on it runs. Plenty of services make your website load faster, from minimizers to CDNs, but making it run faster is up to you. Little changes in your code can have gi..
[jQuery] Super-smooth CSS transitions & transformations for jQuery http://ricostacruz.com/jquery.transit/ CSS Transition 으로 만들 수 있는 효과들을 jQuery로 처리할 수 있게한 플러그인브라우저 서포트가 좀 아쉽긴하다. 이럴거면 굳이 jQuery를 사용하는 이유가 뭘까?여튼 도움은 될 것 같아 수집해 놓는다.
[jQuery] Count-Up Animation 개발일지 (09.23~10.01) 1. Count-Up Animation (v.0.1-2015.09.23) /* Today's Mission Count-Up Animation*/ var total = $('#today-total').text(); var up = 0; var num; var limit = -110*total; for(var i=0; ilimit && num

반응형