在过去的 1000 次面试中总结出，通过短短 1 个小时的问答很难全面准确地考核面试者。这其中有各种因素 ,比如:

• 1. 有时候面试官 工作比较忙 ，来个面试者 ，草草了事.
• 2. 面试者 因为赶车或者紧张，发挥失常等等。
• 3. 算法题时间不够。
• 4. 面试题造火箭 ，有的面试官问些一些很偏的问题。

在实际开发中，我们会给开发者足够的实际解决问题，只要能按照实际解决问题，我们认为就是合格的。所以为了避免以上各种认为的因素，公平，客观地考核面试者的编程能力,我们以一下方式进行面试.我们认为只要满足以下要求即可。

• git git 研发流程 比如 提交合并请求，如何提 issue ,如何 code review
• javascript 基础
• css 能实现高保真页面
• react/vuejs 能编写稳定可靠的组件.
• webpack 基本配置打包
• nodejs 基础知识

  // react
  npm run dev

  // vue
  npm run vue

• 题目要求

  实现一个 Table 组件,传入 data 和 col 后可以渲染出一个表格。表格中的数据可以排序,筛选

• vue demo

  <Table data={[]} col ={[]}>

• react demo

  interface TabProps{
    data:Array<unknow>
    cols:Array<unknow>
    //可以添加其他参数
  }


  function Table(props:TabProps){
    ... your code
  }

• 题目要求 实现一个弹框组件,弹框可以自定义页眉 页脚

• vue demo

<Modal visible="{true}">
    ....
   </Modal>

- react demo
interface ModalProps{
  visible:boolean
  //参数可以自定义
}

  function Modal(props:ModalProps){

  }

• 题目要求 实现一个滚动加载图片的组件 参考 https://huaban.com/ 首页. 要求实现揭露 页面渲染流畅

  • vue demo

  <LoadImage ... />

  • react demo

  interface LaodProps {
    //自定义参数
  }
  
  function LoadImage(props: LoadProps) {}

• 题目要求 点击页面某个地方，出项浮框. 参考https://ant.design/components/popover-cn
• vue demo

  <Popover ...>

• react demo

interface PopoverProps {
  //自定义参数
}

function Popover(props: PopoverProps) {}

• 题目要求 实现一个表格表格同第一题 ,要求增加 分页功能

  ///代码结构同第一题