задний план
Создайте модальное всплывающее окно и расскажите, как бы вы его разработали.
Этот вопрос взят из телефонного интервью с крупной фабрикой. Эта тема является открытой и позволяет изучить опыт и способности интервьюируемого в разработке концепции проекта.Это относительно хорошая тема.
Я попытался организовать свой ответ и обсудить его с вами здесь.
Анализ сценария
Когда вы слышите такой открытый вопрос, вы не можете начать думать и отвечать на него напрямую, лучше расспросите интервьюера дальше.
- Какова сфера применения всплывающего окна? мобильный
- Для какого проекта и бизнеса всплывающее окно? для компании
Сначала организуйте информацию о сцене.
-
Для мобильного терминала это означает, что необходимо учитывать такие вопросы, как громкость, всплывающая клавиатура, совместимость с мобильным терминалом, жесты и адаптивный размер.
-
Он используется единообразно, указывая на то, что необходимо провести достаточное тестирование для поддержки конфигурации стилей, таких как цветные шрифты.
настроить
Основываясь на предыдущем опыте работы, всплывающее окно модуля может иметь такую конфигурацию.
-
Тип всплывающего окна: всплывающее окно только с кнопкой подтверждения, всплывающее окно с кнопкой отмены, всплывающее окно с входным содержимым и всплывающее окно без кнопки
-
Текст: содержимое, размер шрифта, цвет, положение текста заголовка, кнопки и содержимого.
-
Слой маски: отображать ли, щелкнуть, закрыть ли всплывающее окно.
-
Поведение: Можно ли перетаскивать и изменять размер, есть ли кнопка закрытия
-
Высота: фиксированный размер или адаптивный в зависимости от содержимого
-
Размер: высота или ширина - это фиксированный размер или определенное соотношение
-
Положение: по центру или определенные верхнее и левое поля
поведение
Всплывающие окна модуля могут вести себя следующим образом
-
Нажмите кнопку OK, чтобы вызвать событие OK.
-
Нажмите кнопку отмены, чтобы запустить отмененное событие.
-
Нажмите кнопку закрытия, бросьте событие закрытия (можно совместить со вторым пунктом)
-
Нажмите на слой маски, событие сгенерировано
-
Перетащите всплывающее окно, возможно, изменив положение всплывающего окна.
-
Удерживая угол всплывающего окна, перетащите его, возможно, изменив размер всплывающего окна.
строить планы
- Будет использовать гибкое или абсолютное позиционирование для управления положением и размером
- Ввести понятие скина, чтобы класс мог управлять такими атрибутами, как цвет, размер шрифта и т. д.
- Используйте шаблон singleton, чтобы избежать дублирования всплывающих окон.
конец
Я чувствую, что мое письмо не идеально, и я надеюсь, что смогу обсудить это с вами.
Для большего количества вопросов интерфейса вы можете прочитать мою предыдущую статьюПредоставление производителей для проверки того, что интервью