개발 중 발생한 문제 요약

1. BUG-Android7 휴대폰은 위로 슬라이드할 수 없습니다

참고: Android 7.0 이상에서 iScroll이 느리고 응답하지 않는 문제가 해결되었습니다.

어떤 브라우저를 사용하고 계신가요?

iScroll의 처리 문제가 수정되었습니다. Chrome 55에서는 패시브 이벤트가 발생했지만 Chrome 56에서는 새로운 버그가 나타났습니다(iScroll 데모에서 확인됨).

EDIT: GitHubs를 조사한 rbmeyers(github 팀)는 간단한 CSS 수정 사항을 사용하여 모든 곳에 게시했습니다.

touch-action: none;

2. React는 ES6+를 사용합니다. 구문과 관련해 이벤트 바인딩이 혼란스럽습니다. onClick={ this.handleClick.bind(this) } 또는 onClick={ (e) => ={ ::this.handleClick in props. } 는 성능 문제를 일으키므로 이제 eslint는 구문 검사 중에 이러한 쓰기 방법을 방지합니다. 문제의 원인은 렌더링할 때마다 이러한 쓰기 방법이 발견될 때마다 handlerClick 함수가 실행되기 때문입니다. 이를 바인딩하여 새 기능을 생성하는 데 재사용되므로 성능에 영향을 미칩니다.

다음 작성 규칙을 사용하면 매번 생성되지 않습니다:

// 1. 
constructor() {this.handleClick = this.handleClick.bind(this);
}
handleClick(e) { /* ... */ }// 2. 
handleClick = (e) => { /* ... */ };

3.webpack-dev-server + HostAdmin, 결과적으로 잘못된 호스트 헤더가 발생합니다.

webpack에 의해 시작된 서버에 액세스하면 작동합니다. localhost 및 127.0.0.1을 직접 사용하여 액세스하면 문제가 없지만 호스트 이름을 사용하여 호스트를 수정하고 액세스하면 잘못된 호스트 헤더가 표시됩니다.

webpack-dev-server의 새 버전에서는 몇 가지 사항이 수정되었으며 기본적으로 호스트 이름을 확인하는 것으로 나타났습니다. 호스트 이름이 구성되지 않으면 액세스할 수 없습니다. 이 구성은 일부 보안 요소를 기반으로 해야 합니다. 이전에 node_modules를 한 번 삭제했는데 다시 설치한 후에 이 문제가 발생했습니다.

Fix method

disableHostCheck:true

or

public: 'local.kingsum.biz'

문서를 보면 webpack-dev-server: v1.16.4가 병합되어 있어야 하므로 업그레이드 후 이 버전에서는 이 문제에 주의하세요

4. Select2 초기화 기본값

xxx.val(status).trigger('change')

me.$statusSelect.select2({
	data:  [{
      		id : '1',
      		text : '有效'
      	},{
      		id : '0',
      		text : '无效'
      	}
    ],
}).val(status).trigger('change');

5. 브라우저와 함께 제공되는 위쪽 및 아래쪽 화살표?

rreee

위 내용은 개발 중 발생한 문제 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!