본문 바로가기

JavaScript32

simple padding zero ("000" +"1").slice(-4); // 0001 ("000" +"1").slice(-3); // 001 ("000" +"1").slice(-2); // 01 ("000" +"11").slice(-4); // 0011 ("000" +"11").slice(-3); // 011 ("000" +"11").slice(-2); // 11 2020. 2. 27.
Javascript SnakBar ##### [source : https://jsfiddle.net/softm/02ue81pf/](https://jsfiddle.net/softm/02ue81pf/) ##### # snakBar ```javascript function snakBar(s,o){ snakBarError(o,s); } function snakBarError(o,v) { if ( typeof o === "object" ) { var c = o.closest("dd"); if ( o[0].tagName.toUpperCase() == "SELECT") { o.one( "change", function( event ) { fClearError(o); }); } else { if ( o[0].tagName.toUpperCase() ==.. 2019. 8. 6.
ECMA6 # ECMA6 ##### [source : https://jsfiddle.net/softm/vcrfj2tu/ ](https://jsfiddle.net/softm/vcrfj2tu/) ※ 참고 : https://www.sitepoint.com/javascript-versioning-es6-es2015 # ECMAScript 2015 Releases - Classes - Promises - Arrow functions - ES Modules - Generators and Iterators # ES2016 - Array.prototype.includes // pre-ES2016: const hasBob = names.indexOf('bob') > -1; // ES2016: const hasBob = names... 2019. 7. 27.
date time random #### date time random ```javascript function randomTime(start, end) { var diff = end.getTime() - start.getTime(); var new_diff = diff * Math.random(); var date = new Date(start.getTime() + new_diff); return date; } document.write( randomTime(new Date(), new Date()) ); ``` 2019. 7. 26.
Node.js #### # 참고 - [https://velopert.com/241](https://velopert.com/241) #### # [Node.js?](https://nodejs.org/ko/) - Chrome V8 JavaScript 엔진으로 빌드된 JavaScript Runtime. - 2009년에 Ryan Dahl에 의해 개발. - 이벤트 기반, 논 블로킹 I/O 모델. - Node.js의 패키지 생태계인 npm은 세계에서 가장 큰 오픈 소스 라이브러리. - 비동기 I/O 처리 . - 빠른 속도 - 단일 쓰레드 / 뛰어난 확장성 - 노 버퍼링 - 라이센스: MIT License #### # REPL (Read Eval Print Loop) - 읽고 값을 계산하고 출력하는 일을 반복하는 행위를 REPL .. 2019. 7. 21.
Fullscreen # Fullscreen ##### [source : https://jsfiddle.net/softm/ey9dewj9/ ](https://jsfiddle.net/softm/ey9dewj9/) ```html HTML5 Full-Screen Demonstration ``` ```css ``` ```javascript // full-screen available? if ( document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled ) { // image container var i = document.getElementById("myimage".. 2019. 7. 19.