prostudy

웹 뷰에서 터치가 Apple Pencle인지 핑거인지 탐지(원본 리액트) 사파리 모바일에서 터치는 다음을 사용하여 Apple Pencle 대 기타(손가락/마우스)로 분류할 수 있다. event.touches[0].touchType === 'stylus' //pencil event.touches[0].touchType !== 'stylus' //other 그러나 반응 네이티브 웹뷰에서 수신된 모든 이벤트(애플 펜슬과 핑거 사용)는 다음과 같이 수신된다. touchType === 'direct' //inside webview, both pencil and other 웹 뷰에서 Apple Pencle의 터치감을 감지하는 방법은? 보아하니event.touches[0] > 0또 다른 가능성은 있지만 이 또한0웹 ..

하위 구성 요소에서 상위 데이터 업데이트 나는 부에즈(2.0)를 가지고 놀기 시작했다.나는 하나의 구성요소가 들어 있는 간단한 페이지를 만들었다.페이지에는 데이터가 포함된 Vue 인스턴스가 하나 있다.그 페이지에서 나는 html에 구성요소를 등록하고 추가했다.구성 요소가 하나 있음input[type=text]그이 부모 인스턴스)에 나는 그 값이 부모(메인 Vue 인스턴스)에 반영되기를 원한다. 구성 요소의 상위 데이터를 올바르게 업데이트하는 방법부모로부터 바운드된 소품을 건네는 것은 좋지 않고 콘솔에 약간의 경고를 던진다.그들은 의사록에 뭔가가 있지만 그것은 효과가 없다.양방향 바인딩은 Vue 2.0에서 더 이벤트 중심 아키텍처의 사용을 위해 더 이상 사용되지 않았다.일반적으로 어린이는 그 소품을 변이해..

v-on="의 기능VueJS에서 구문 의미? 활성화기라는 범위 슬롯이 있는 v-dialog 구성 요소에 대한 Vuetify 예제를 다음과 같이 정의하게 되었다. Click Me VueJS 문서로부터 슬롯의 범위 설정의 목적과 슬롯 소품을 파괴하는 개념은 이해하지만, 그 의미가 무엇인지 모르겠다.v-on="on"이 예에서는특히 이벤트가 지정되지 않은 경우 무엇을 의미v-on지시적인가? 의 VueJS 문서에는 명시적으로 지정된 이벤트 이름과 함께 사용량만 표시된다(예: v-on:click="...") 그러나 그것을 단지 로 사용하는 것에 대한 설명은 없다.v-on="...". 누가 이 구문과 그것의 용법을 Vuetify 예에서 설명할 수 있는가?TLDR: 기본 용법 ] 그래서 기본적으로@click="..."..

개체 배열에 대한 새 특성을 생성할 때 개체를 확장할 수 없는 오류 나는 Javascript 배열을 확장해야 하는 기능이 있는데, 여기에는 새로운 속성인 Javascript 배열이 포함된다.selected: export const initSelect = (data) => { let newData = data.concat(); newData.map((item) => { item.selected = false; }) return newData; } data반응이다JS 상태 값(에서 얻음)this.state.data함수를 부를 때)라고 하지만, 이것은 로서는 문제가 되지 않는 것 같았다.newData의 새로운 사본이다data배열... 다음 오류가 발생함: TypeError: Cannot add property..

기본 벡터 아이콘에 반응하여 여러 파일에서 아이콘을 가져오는 방법 동일한 파일에서 반응하는 네이티브 벡터 아이콘에서 Ionicons 및 MaterialDesign 아이콘을 사용하려면 어떻게 가져와야 하는가? import Icon from 'react-native-vector-icons/MaterialIcons'; (및) import Icon from 'react-native-vector-icons/Ionicons'; 같은 줄로원본 파일을 살펴본 후, 나는 아이콘이 다음과 같이 내보내졌다는 것을 알았다. export default iconSet 임의의 이름을 사용하여 가져오십시오. 이 경우 최종 코드는 다음과 같다. import MaterialIcon from 'react-native-vector-icon..

vuetify 아이콘이 표시되지 않음 나는 사용하고 있다vue.js그리고vuetify. 아이콘을 추가하고 싶은데 예상대로 작동하지 않는다(렌더링되지 않음). 어떻게 하면 고칠 수 있을까? 다음 코드를 참조하십시오. main.js. import Vue from 'vue' import Vuetify from "vuetify"; import "vuetify/dist/vuetify.min.css"; Vue.use(Vuetify); 인덱스.포인트 달력부에를 하다 keyboard_arrow_down 나는 그것이 코드가 아니라 아이콘처럼 보이길 원한다. Vue CLI 3을 사용하면 src 폴더에 index.html을 사용할 수 없으므로 대신 npm install --save material-design-icons-i..

목록이 비어 있는지 확인하는 방법 이 문제의 답은 공동체의 노력이다.기존 답변을 편집하여 게시물을 개선하십시오.그것은 현재 새로운 해답이나 상호작용을 받아들이지 않고 있다. 예를 들어, 다음이 통과된 경우: a = [] 인신매매 를 ?a비어있니?if not a: print("List is empty") 비어 있는 것의 암시적 부울성 사용list꽤 피토닉하다.그것을 하는 피토닉적인 방법은 PEP 8 스타일 가이드에서 나온 것이다. 시퀀스(스트링, 목록, 튜플)의 경우 빈 시퀀스가 거짓이라는 사실을 사용하십시오. # Correct: if not seq: if seq: # Wrong: if len(seq): if not len(seq): 나는 명시적으로 그것을 선호한다. if len(li) == 0: prin..

vue-cli 프로젝트에서 포트 번호를 변경하는 방법 Vue-cli 프로젝트에서 포트 번호를 변경하여 8080이 아닌 다른 포트에서 실행하는 방법만약 당신이 사용하고 있는 경우vue-cli3.x, 간단히 항구를 통과하면npm다음과 같이 명령한다. npm run serve -- --port 3000 그럼 방문하십시오.http://localhost:3000/파티에 늦었지만, 나는 이 모든 대답을 모든 선택지를 요약하는 하나로 통합하는 것이 도움이 된다고 생각한다. Vue CLI v2(웹 팩 템플릿)와 Vue CLI v3로 구분되며, 우선 순위(높음에서 낮음)로 정렬됨. Vue CLI v3 package.json: 에 포트 옵션 추가serve스크립트:scripts.serve=vue-cli-service ser..

Firebase 3.3 실시간 데이터베이스가 Resact Native 0.32로 "연결 시도 중"에 고착됨 방화기지@3.3.0 wifi를 사용하여 Android 장치에서 테스트한 v0.32를 리액터링함 Firebase 데이터베이스는 인증 규칙이 없고, 읽기 및 쓰기 권한이 있다. 다음 파일 구조로 지정됨: |_ firebase.js |_ actions.js 작동하지 않음: 방화 기지js import firebase from 'firebase' const config = { apiKey: "*****", authDomain: "****", databaseURL: "*****", storageBucket: "*****", } firebase.database.enableLogging(true); export ..

반응 16 : componentDidUpdate 경고:계단식 업데이트 예약 나는 벤 슈바르츠의 이 기사를 따라 리액트렉스를 사용하여 내 지원서의 성능을 프로파일링했다. 사용자 타이밍 섹션에서 다음과 같은 경고가 표시됨(입력 신호 없음): 다음과 같은 두 가지 메시지가 있다. (Committing Changes) Warning: Lifecycle hook scheduled a cascading update Connect(MyComponent).componentDidUpdate Warning: Scheduled a cascading update 내가 좀 찾아봤지만 특별한 건 없었어.이 일과 관련이 있는 것 같다.componentDidUpdate반응 감소의 연결 HORK 기능. 이 메시지들은 무엇을 의미하는가..