在过去的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){

 }

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

  ///代码结构同第一题