잡동사니

JavaScript → (42)건

div의 width를 변경하는 JavaScript 함수로 인해 미디어 화면이 깨졌습니다.

질문 내 웹페이지가 시작될 때로드 될 때 div에서 "확대"효과를 시뮬레이션하는 JavaScript 함수를 성공적으로 만들었습니다. 이 기능은 미디어 화면의 스케일링을 깨뜨 렸습니다. 나는 그것이 왜 망가 졌는지 이해하지만 그것을 고치기 위해 어떻게 다시 포맷해야할지 잘 모르겠습니다. $(document).ready(function(){ $('#zoom-box').animate({ width:'600px', height:'250px', top:'0', left:'0', }, 500); }); width : 600px가 미디어 화면에 비해 너무 크다는 것을 알고 있습니다 ...하지만 이것을 재정의하는 방법을 잘 모르겠습니다. maxWidth를 시도했지만 작동하지 않았습니다. 답변1 문제가 해결되는지 확인하..
카테고리 없음 2020. 8. 7. 16:10

부모 div를 완벽하게 커버하는 CSS div 태그

질문 4 개의 자식 div가 부모의 아래쪽 테두리를 완전히 덮는 아래쪽 테두리를 갖기를 원합니다. 이유는 상위 하단 경계가 "클릭되지 않은"의 개요이고 하위 div가 "클릭 된"탭의 컬러 하단 경계인 것입니다. 이 동작을 어떻게 수행 할 수 있습니까? https://codesandbox.io/s/react-slick-playground-d5f1c?file=/Navbar.js import React, { useState } from "react"; import Tab from "./Tab"; import { StyledTabs, NavbarOutline } from "./StyledNavbar"; const Navbar = ({ value, children, tabFilter, contentFilter }..
카테고리 없음 2020. 8. 7. 15:38

vue에서 여전히 오류가 발생하는 경우 vue의 prop에서 기본값의 목적은 무엇입니까?

질문 prop 유효성 검사가 개발자 또는 사용자를위한 것인지 이해하려고 합니다. 의도적으로 component를 비워 두었습니다. 나는 값을 전달하지 않았습니다. (그런데 이 전달된 값은 무엇인가?) : 올바른 방법 : props:{ name: { default: "John Doe" } 그러나 값을 전달하지 않고 component를 비워두면 Vue는 기본값을 사용하여 템플릿 섹션의 값을 채우고 콘솔에 오류를 남깁니다. 속성 또는 메서드 "name"은 인스턴스에 정의되어 있지 않지만 렌더링 중에 참조됩니다. 기본값을 설정하려면 어떻게합니까? 그 오류가 계속 발생합니다. 답변1 props 검증은 개발자와 사용자 모두에게 유용하지만 선택 사항입니다. 문제는이 줄에 있다고 생각합니다 (설명을 위해 입력을 'myN..
카테고리 없음 2020. 8. 6. 16:15

React & AXIOS로 글로벌 핸들러를 작성하는 방법은 무엇입니까?

질문 이 프로젝트에서 react.js & AXIOS를 사용하고 있으며 catch 추가 요청을 어디서나 전달하지 않고 전역 오류 처리기를 만들고 싶습니다.모든 요청을 수집하는 서비스를 가지고 있으며 새로운 인스턴스를 만들어 사용하고 있습니다. import Axios from 'axios'; import { getSiteId } from '../helpers'; export class BaseService { baseRoute; promise; constructor() { let siteUrl = (process.env && process.env.REACT_APP_API_URL) || ''; this.baseRoute = `${siteUrl}/api/v1`; } async create(item) { retu..
카테고리 없음 2020. 8. 6. 15:53

react-chartjs-2에서 축의 눈금을 숨기는 방법

질문 레이블없이 axisY를 표시하고 싶지만 작동하지 않습니다. scales:{ yAxes:[{ scaleLabel:{ display: false } }], }, }``` 답변1 아래 코드가 작동하는지 확인하십시오. scales:{ yAxes:[{ scaleLabel:{ display: false }, ticks: { display:false // it should work } }], }, 답변2 소스 를 사용해보십시오. options: { scales: { yAxes: [{ ticks: { display: false } }] } } 답변3 라벨을 숨기려면 다음을 사용하십시오. scales:{ yAxes:[{ ticks:{ display: false } }] } xAxes도 마찬가지 출처 : https:..
카테고리 없음 2020. 8. 6. 15:30

자식 맵에서 컴포넌트가 React.ReactElement <any>의 인스턴스인지 확인하십시오.

질문 자식을 반복하고 div로 감싸는 component가 있습니다. 제외를 추가하려고하지만 자식이 ReactElement 인지 확인할 수없는 문제가 발생합니다 ( React.ReactChild 는 문자열 또는 숫자이므로 유형이 없을 수 있습니다).아래의 방법을 시도해 보았습니다 : " 'ReactElement'는 유형만을 참조하지만 여기서는 값으로 사용되고 있습니다." 'ReactChild'유형에는 'type'속성이 없습니다. '올바른 방향으로 나를 가리키는 도움을 주시면 대단히 감사하겠습니다. {React.Children.map(children, (child: React.ReactChild) => { /** * Exclude these components from being * wrapped by th..
카테고리 없음 2020. 8. 5. 22:34
◀ 1 2 3 4 ▶

티스토리툴바