Gmail을 만들 때 어떤 디자인 패턴 (있는 경우)을 사용했는지 알 수 있습니까? 그 뒤에있는 개념을 이해합니다. 요청을 대기열에 추가하고, 각각 완료 될 때 막대를 증가시키고, 모두가 종료되면 표시를 초기화합니다. 그러나 기능을 모방하는 데 사용할 수있는 특정 디자인 패턴이 있는지 여부에 특히 관심이 있습니다.Gmail의 자바 스크립트에 사용되는 디자인 패턴은 무엇입니까?
9
A
답변
1
비슷한 문제가있어서 다음과 같이 해결했습니다. 데이터 미리로드는 비동기 요청을 서버에 보내어 작동합니다. 진행률 표시 줄이 보이면 모든 요청에 대해 카운터를 증가시킵니다. 진행률 막대 == 카운터의 크기입니다. 요청이 빨리 전송되기 때문에 사용자는 진행률 표시 줄의 최대 값이 변경되는 것을 결코 알지 못합니다.
요청에 대한 답변이 들어 오면 매번 한 번 진행률 표시 줄을 진행합니다. 그게 다야. 마지막 요청이 도착하면 사전로드가 완료됩니다.
응답이 작아서 연속해서 빠르게 도착할 때 더 좋아 보이지만 모든 경우에 사용할 수 있습니다.
0
내가 성공적으로 사용한 한 가지 트릭은 preload Ajax data as JSON입니다. 초기 페이지로드의 일부로 유용한 시드 데이터를 인라인 JavaScript로 보냅니다.
관련 문제
- 1. AOP의 기본 디자인 패턴은 무엇입니까?
- 2. 이 애플리케이션의 디자인 패턴은 무엇입니까?
- 3. 통화 변환을위한 디자인 패턴은 무엇입니까?
- 4. 전략에 맞는 디자인 패턴은 무엇입니까?
- 5. 일반적인 Windows 서비스 디자인 패턴은 무엇입니까?
- 6. 여러 페이지에 대한 안드로이드 디자인 패턴은 무엇입니까?
- 7. 자바 스크립트 북마크릿에 일반적으로 받아 들여지는 디자인 패턴은 무엇입니까?
- 8. 일반적인 3D 게임 패턴은 무엇입니까?
- 9. 명령 줄 인수 처리를위한 디자인 패턴은 무엇입니까
- 10. 확장 성 디자인 패턴은 무엇이며 장단점은 무엇입니까?
- 11. 내 아이폰 앱의 디자인 패턴은 무엇입니까
- 12. 창을 관리 할 디자인 패턴은 무엇입니까?
- 13. 당신이 만난 가장 흥미로운 디자인 패턴은 무엇입니까?
- 14. Notification 시스템에 유용한 디자인 패턴은 무엇입니까?
- 15. 이 시나리오에서 청구서에 맞는 디자인 패턴은 무엇입니까?
- 16. 이 문제에 가장 적합한 디자인 패턴은 무엇입니까?
- 17. 단순한 ORM 쿼리를 구성하는 디자인 패턴은 무엇입니까?
- 18. 파일 기반 통신을위한 디자인 패턴은 무엇입니까?
- 19. 이메일 템플릿의 추천 디자인 패턴은 무엇입니까?
- 20. PEAR DB_DataObject가 구현하는 디자인 패턴은 무엇입니까?
- 21. 탭 모양 탐색보기의 올바른 디자인 패턴은 무엇입니까?
- 22. '색상'구조에 가장 적합한 디자인 패턴은 무엇입니까?
- 23. 이 작업을 수행 할 디자인 패턴은 무엇입니까?
- 24. "monkeypatching"의 공식적인 디자인 패턴은 무엇입니까?
- 25. 이 코드의 냄새에 맞는 디자인 패턴은 무엇입니까?
- 26. 2D iPhone 게임에 사용할 디자인 패턴은 무엇입니까?
- 27. HTML 및 CSS의 디자인 패턴은 무엇입니까?
- 28. 이 디자인 패턴은 어떻게 불립니까?
- 29. 자바 스크립트에
- 30. Javascript에서 헬퍼 메소드가 자주 사용되는 이유는 무엇입니까? 크록 포드의 자바 스크립트 읽는 새로운 자바 스크립트에
감사합니다. 여러 아약스 호출을 통해 데이터를 집계하는 개념을 이해합니다. 내가 더 관심을 가질 수있는 것은 내가 더 자세히 볼 수있는 패턴의 "이름"이있는 것입니다. –
AJAX를 사용하는 경우 기다림을 의식하지 않아도됩니다. –
@ 필립 : 별명이 확실하지 않습니다. "성능 최적화"라고 부릅니다. –