MakeMyTrip 面试体验 |设置 2（校内）

介绍

MakeMyTrip是一家印度的在线旅游公司，提供酒店预订、机票预订、度假套餐等旅游服务。在本次面试中，我得到了一个基于前端技术的题目，主要考察了我的 HTML、CSS、JavaScript的能力。

题目

实现一个类似于MakeMyTrip的酒店预订详情页面，该页面分为顶部、中间、底部三个部分。

• 顶部：酒店名称、评分、地址、价格信息；
• 中间：酒店简介、房型选择、评价信息；
• 底部：预订表单。

解题思路

1. 首先构建整体页面的骨架，使用HTML编写三个部分的代码结构，然后使用CSS设置样式。

2. 实现酒店名称、评分、地址、价格信息的顶部部分，需要使用Flex布局，分别设置不同的宽度，并且设定合适的字体大小、颜色、行高等CSS属性。

3. 实现中间部分之前，需要先了解一下房型选择、评价信息的数据格式，可以使用JSON存储，然后使用JavaScript将数据渲染到页面中。中间部分可以使用Bootstrap 网格系统进行布局，并使用JavaScript动态生成DOM结构。

4. 实现底部预订表单，需要使用form表单，设置input、select、textarea等表单元素，然后添加JS验证表单内容。

遇到的问题

1. 由于本人对JavaScript的掌握还有一些不足，所以在实现动态数据渲染和DOM操作的时候比较困难，不过通过查看文档，最终还是成功完成了需求。

2. 在使用Bootstrap 网格系统进行布局时，由于需要使用一些class来设置样式，所以有时候需要查看文档以了解如何使用。

总结

整个面试体验让我学习了如何使用 HTML、CSS、JavaScript 技术进行实际项目的开发，并且了解一些开发工具的使用方法。更加深入地掌握了前端技术的编程思想和实践方法，也让我发现了自己的不足之处，希望能够在未来的实战开发中不断学习进步。

学习笔记：

# MakeMyTrip 面试体验 |设置 2（校内）

## 介绍
MakeMyTrip是一家印度的在线旅游公司，提供酒店预订、机票预订、度假套餐等旅游服务。在本次面试中，我得到了一个基于前端技术的题目，主要考察了我的 HTML、CSS、JavaScript的能力。

## 题目
实现一个类似于MakeMyTrip的酒店预订详情页面，该页面分为顶部、中间、底部三个部分。
- 顶部：酒店名称、评分、地址、价格信息；
- 中间：酒店简介、房型选择、评价信息；
- 底部：预订表单。

## 解题思路
1. 首先构建整体页面的骨架，使用HTML编写三个部分的代码结构，然后使用CSS设置样式。

2. 实现酒店名称、评分、地址、价格信息的顶部部分，需要使用Flex布局，分别设置不同的宽度，并且设定合适的字体大小、颜色、行高等CSS属性。

3. 实现中间部分之前，需要先了解一下房型选择、评价信息的数据格式，可以使用JSON存储，然后使用JavaScript将数据渲染到页面中。中间部分可以使用Bootstrap 网格系统进行布局，并使用JavaScript动态生成DOM结构。

4. 实现底部预订表单，需要使用form表单，设置input、select、textarea等表单元素，然后添加JS验证表单内容。

## 遇到的问题
1. 由于本人对JavaScript的掌握还有一些不足，所以在实现动态数据渲染和DOM操作的时候比较困难，不过通过查看文档，最终还是成功完成了需求。

2. 在使用Bootstrap 网格系统进行布局时，由于需要使用一些class来设置样式，所以有时候需要查看文档以了解如何使用。

## 总结
整个面试体验让我学习了如何使用 HTML、CSS、JavaScript 技术进行实际项目的开发，并且了解一些开发工具的使用方法。更加深入地掌握了前端技术的编程思想和实践方法，也让我发现了自己的不足之处，希望能够在未来的实战开发中不断学习进步。