Knowledge Map

var test = "abcd" console.log ( test.charCodeAt(0) ); // 97 console.log ( test.charCodeAt(3) ); // 100 console.log ( String.fromCharCode(97) ); // a console.log ( String.fromCharCode(100) ); // bcs charCodeAt과 fromCharCode를 이용하면 문자 숫자 변환이 가능하다. ================= 정규 표현식으로 먼저 특정 문자열만 들어가 있을수 있는 표현식을 짠다. 그다음 test.match(myRe) 이런식으로 짜면 그 정규표현식에 적용되는 문자열이 다 출력이 된다. 그후에 적당히 요리하면 된다. var checkReg..

출처 : https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/removeEventListener EventTarget.removeEventListener() 메소드는 이전에 등록되어 있던 EventListener 를 제거한다. target.removeEventListener(type, listener[, options]); target.removeEventListener(type, listener[, useCapture]);파라미터 type제거할 이벤트 타입 문자열 listener이벤트 타겟에서 제거할 이벤트 리스너 함수 options이벤트 리스터에 대한 특성을 지정하는 옵션 오브젝트이다.capture : 돔 트리 안에서 어떠한 이벤트 타겟 하위로..

이벤트 리스너, 이벤트 핸들러 둘다 window, object에서 할당이 가능하다.window에 리스너, 핸들러를 적용할 경우 크롬 개발자 도구 에서 확인이 가능하다. 차이점은 리스너의 경우 addEventListener의 특성상 계속적으로 추가된다는 것이고, 핸들러의 경우에는 각각에 대해서 1개만 등록이 된다는 것이다. 그래서 리스너의 경우에는 EventListenr가 더이상 쓸필요가 없을때에는 removeEventListener을 해주는게 필요하다. 만약 안하게 될 경우에는 의도와 다르게 여러개의 EventListener가 작동되어 버리는 것을 경험하게 된다. 그것들을 제대로 관리할 자신이 없다면 EventHandler 를 쓰는게 맞는거 같다. 하지만 EventHandler는 하나 밖에 쓰여질수 밖에..

이벤트를 받는데에는 여러가지가 있다. 첫번째는 addEventListener를 하는 방법인데 이것은 그후에 removeEventListener을 해줘야 한다.안그러면 한번 이벤트에 계속 누적되어서 늘어나는 리스너와 그 늘어난 만큼 반복 실행되는 것을 볼 수 있다. 그걸 컨트롤 하면 정말 잘하는 것이겠지만 쉽지않았다. 두번째는 onclick, onkeypress등의 이벤트 함수를 이용하는 것이다. addEventListener ( '이벤트' , function... ) 을 하면 자동적으로 function 에 e.. 그러니까 이벤트를 넣어준다. 그런데 두번째 방법에서는 onclick = function.... 이렇게 되는데 여기서도 마찬가지로 이벤트를 가져올수 있다.방법은 간단하다. 그냥 event를 써주면..

getElementByIdgetElementsBy.... 로 변수에 데이터를 할당했을때 아래의 값들이 있는데 그것에 대한 정의라고 한다. scrollHeight : 스크롤바 높이를 뺀 내용 전체의 높이clientHeight : 스크롤바 높이를 뺀 가시적인 높이offsetHeight : 스크롤바 높이를 포함한 가시적인 높이 http://jwizard.tistory.com/10 사실 이게 더 나음! var element = document.getElementById('image_1'), style = window.getComputedStyle(element), top = style.getPropertyValue('top'); 하지만 위의 코드에서 명심해야 할 것은 getComputeStyle이 실행 될 때마..

출처 : lib.d.ts MSContentZoomMSGestureChangeMSGestureDoubleTapMSGestureEndMSGestureHoldMSGestureStartMSGestureTapMSInertiaStartMSManipulationStateChangedMSPointerCancelMSPointerDownMSPointerEnterMSPointerLeaveMSPointerMoveMSPointerOutMSPointerOverMSPointerUpabortactivatebeforeactivatebeforedeactivateblurcanplaycanplaythroughchangeclickcontextmenudblclickdeactivatedragdragenddragenterdragleavedrago..

document.addEventListener("click", function(e){})document.addEventListener("mousedown", function(e){}) 로 하게 될 경우 e에 여러 값이 보내지는데 이때 e.button, e.buttons을 하게 되면 좌클, 우클, 가운데 클릭이 전부다 확인 이 가능하다. 하지만 button보다는 buttons를 많이들 추천한다. 그 이유는 button은 w3c에서 표준으로 만들었지만 그 이전 브라우저에서는 다르게 작동하기 떄문인데최근 것에서 좌클릭은 0, 그 이전 브라우저에서는 좌클릭이 1 이다.참고로 최근 것에서 우클릭이 1로 되어있다. 따라서 오작동을 일으킬수 있다. buttons는 ms에서 만들었지만 ie9 이상에서는 좌 1 우 2 ..

Highcharts설치/* CDN */ /* NPM */ > npm install highcharts --save /* BOWER */ > bower install highcharts 첫 그래프 생성/* index.html */ Document /* firstchart.js */ $(function () { var myChart = Highcharts.chart('container', { /* 차트종류 */ chart: { type: 'line' }, /* 제목 / 부제목 */ title: { text: 'Fruit Consumption' }, subtitle: { text: 'Fruit Consumption Decenber'} /* X축 / Y 축 */ xAxis: { categories: ['Appl..

출처 : http://mylife365.tistory.com/22 /*user-select:none 속성은 해당요소의 드레그, 더블클릭, 블럭지정을 막는다.*/ div { -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }

http://stackoverflow.com/questions/5767325/how-to-remove-a-particular-element-from-an-array-in-javascript First, find the index of the element you want to remove:var array = [2, 5, 9]; var index = array.indexOf(5);Note: browser support for indexOf is limited; it is not supported in Internet Explorer 7 and 8.Then remove it with splice:if (index > -1) { array.splice(index, 1); } http://stackoverfl..