美团一面电话面试（web前端开发工程师）

最新推荐文章于 2023-03-15 12:02:39 发布

原创

最新推荐文章于 2023-03-15 12:02:39 发布 · 9.5k 阅读

24 ·

CC 4.0 BY-SA版权

文章标签：

#美团 #面试 #web前端

本文记录了作者首次接受美团的一面电话面试经历，主要涉及Web前端相关问题，包括ajax表单提交、HTML中id与class的区别、CSS选择器、跨域概念、JavaScript函数调用区别、传值与传址、数组操作、JavaScript定时器、Linux命令、HTTP传输方式及状态码等。面试过程以实际代码编写和问题解答为主，面试官对问题进行了详细解释。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

人生中的第一次面试，就是来自美团的，怀着万分紧张的心情，今天上午十点钟，接了美团一面面试官的电话，面试官人挺好的，挺有耐心，恩，我自己也不是很紧张，问啥说啥，不会的问题就直接说不知道，我问的问题他也都给我讲了。
首先，面试官上来就问了我简历上写的关于计算机设计大赛的项目，做的是什么，我就简单的跟他讲了讲。
然后他给我发了一个图片，让我根据他发的要求写出代码,
编程题
要求如下：

使用 ajax 提交表单，直接使用假想的 doSomething() 方法（包含发送 ajax 和获取表单输入的逻辑）

点击复选框文字就能选中/反选复选框

在文本框回车会能提交表单

不用考虑表单校验

然后他让我进入一个网站，是可以两人同时在线查看代码的编程房间，我在那个网站写代码他也能看得到，我问他可不可以用我自己电脑的IDE写程序，他同意了，我就在我电脑上的PHPStorm里面写好后粘贴到那个网站上给他看。他觉得哪里不满足要求，我就继续改，大概改了三四次左右，就都差不多了，以下是我的最终代码：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .user_info{
            float: right;
        }
    </style>
</head>
<body>
<script>
    function doSomething() {
    
    
        //TODO
    }
</script>
<form action="" method