본문 바로가기

element

IntersectionObserver We can handle the element impressions using IntersectionObserver API. But this API is not supported some browsers like IE. But we can use this API in more browsers using with IntersectionObserver polifill. But this is not covered all browser. This polifill supports below.. Chrome ✔ Firefox ✔ Safari 6+ Edge ✔ Internet Explorer 7+ Opera ✔ Android 4.4+ You can see the manual in Intersection Observe.. 더보기
[CSS] Flexbox CSS3 에 명시된 레이아웃 모듈. 요소들의 공간 활용을 어떻게 해줄건지를 설정 할 수 있음.추후 레이아웃 구성에 중요한 녀석일 것 같음. .container { display: flex } 기본적으로 각 요소들의 부모 요소에 위 스타일을 먹이면 됨. 컨테이너 옵션들 flex-direction - 행으로 할지 열로 할지를 정하는 옵션 - values row 기본 값. 수평방향(행) row-reverse 수평방향(행). 순서 역순 column 수직방향(열) column-reverse 수직방향(열). 순서 역순 flex-wrap - 길이가 길어질 경우 줄바꿈을 어찌할지에 대한 옵션 - values nowrap 기본 값. 아이템을 한 줄에 모두 표현 wrap 적정 길이 이상이면 복수의 줄에 걸쳐 표현 wrap.. 더보기
[jQuery] remove array item remove_array : function(arr, item){ arr = $.grep(arr, function(value){ return value.item != item; }); return arr; }위 함수를 이용해주면 arr내에서 item값을 갖는 배열 원소를 삭제해줌.다중배열일때는 return~ 뒤에 조건절 변경. 더보기