개발(라이브러리,프레임워크)/vue.js23 progress bar circle 무한대로 돌리기 (CSS) &.mic-process { &:before { position: absolute; left: -12px; bottom: -12px; border-radius: 100px; -webkit-transition: all 0.5s ease-in; -webkit-animation-name: rotate; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; transition: all 0.5s ease-in; animation-name: rotate; animation-duration: 1s; animation-iteration-count: infini.. 2022. 10. 31. spatial-navigation 사용 중 포커스 막기 키 제어를 하기 위해 spatial-navigation를 사용하는데 거기 기능에서 pause 하면 포커스가 움직이는 것을 멈춘다. 하지만 리모컨에서는 안먹힘.... 그래서 직접 이벤트 리스너를 만들어 이벤트를 막아버렸음 stopFunc(e) { e.preventDefault(); e.stopPropagation(); return false; }, stopKeyEvent() { // 키 이벤트 막기 const all = document.querySelectorAll('*'); for (const item of all) { const el = item; if (el.addEventListener) { el.addEventListener('keydown', this.stopFunc.. 2022. 9. 22. Lodash uniquBy Lodash uniquBy 사용 import _uniqBy from 'loadsh/uniqBy' ... _uniqBy(Search, 'imdbID') //imdbID 속성의 이름으로 고유화 시켜준다 ... 2021. 11. 13. chainwebpack으로 file-loader 사용하기 chainwebpack으로 file-loader 사용하기 chainWebpack: config => { config.module.rule('image') .test(/\.(png|gif)$/) .use('file-loader') .loader('file-loader') .options({ name: 'img/[name].[ext]' }) }, 2021. 9. 2. 이전 1 2 3 4 ··· 6 다음 반응형
