在前端应聘时,被问及以前公司做什么的,主要是考察候选人的工作经验和技能。面试官希望了解候选人在以往的工作中都参与了哪些项目,以及在项目中承担了什么角色和职责。这些问题可以帮助面试官更好地了解候选人的实际工作经验,以判断其能否胜任目标职位。

具体来说,候选人需要准备一些具体的案例,介绍以往工作中负责的项目,项目关键功能模块的实现,以及使用的技术栈等方面。同时,还应该阐述在项目中所扮演的角色和职责,如何与团队合作完成任务,以及如何与其他部门协作等。

以下是一个示例回答:

我在上一家公司,主要负责了一个电商网站的前端开发工作。其中,我们使用了Vue.js框架,辅助开发了一些常见页面,如登录、注册、购物车、订单等。除此之外,我还负责了一些核心功能模块的实现,如商品详情页、搜索、推荐等。

在开发过程中,我扮演了一个技术负责人的角色,负责与后端工程师协作,进行API的调试和开发工作。同时,我还与产品部门紧密合作,以了解并满足用户的使用需求,以及向他们提供技术方案建议。

以下是我在项目中编写的示例代码:

// 商品详情页组件
<template>
  <div class="product-detail">
    <div class="product-info">
      <h2>{{ product.name }}</h2>
      <p>{{ product.description }}</p>
      <p>价格:{{ product.price }}</p>
    </div>
    <div class="product-img">
      <img :src="product.imgUrl" alt="">
    </div>
    <button @click="addToCart()">加入购物车</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      product: {}
    }
  },
  mounted() {
    // 根据id从后端获取商品数据
    this.getProductDetail(this.$route.params.id)
  },
  methods: {
    getProductDetail(id) {
      // 调用后端API获取商品数据
      fetch('/api/product/' + id)
        .then(resp => resp.json())
        .then(data => {
          this.product = data
        })
    },
    addToCart() {
      // 调用后端API将商品加入购物车
      fetch('/api/cart', {
        method: 'post',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify({
          productId: this.product.id,
          quantity: 1
        })
      })
    }
  }
}
</script>