前言 在过去的1000次面试中总结出,通过短短1个小时的问答很难全面准确地考核面试者。这其中有各种因素 ,比如: 有时候面试官 工作比较忙 ,来个面试者 ,草草了事. 面试者 因为赶车或者紧张,发挥失常等等。 算法题时间不够。 面试题造火箭 ,有的面试官问些一些很偏的问题。 在实际开发中,我们会给开发者足够的实际解决问题,只要能按照实际解决问题,我们认为就是合格的。所以为了避免以上各种认为的因素,公平,客观地考核面试者的编程能力,我们以一下方式进行面试.我们认为只要满足以下要求即可。 考核的知识点 git git 研发流程 比如 提交合并请求,如何提issue ,如何code review javascript 基础 css 能实现高保真页面 react/vuejs 能编写稳定可靠的组件. webpack 基本配置打包 nodejs 基础知识 面试题指南 [vuejs /reactjs 二选一] 点击仓库上方的 watch-> all activity ,star 或者fork当前仓库,一边面试官能及时看到你状态. 或者从当前git项目的dev分支 创建自己的分支,当然点个star那就更完美了 - 2. 从下面的题目中任选一题 实现要求即可 - 3. 完成之后 提交pull request 到dev分支 - 4. 我们期望你的代码 干净整洁,让我们有阅读的欲望.更希望你们的代码让我耳目一新.总之 想办法来亮瞎我们吧。 - 5. 在做题中有任何疑问可以直接在仓库提issue.我们会第一时间查看哦. - 6. 你的组件放到 react->src/components, vue-> vue/components - 7. 作业时间 3-5日 - 8. 其他问题 可以提issue 或者进微信群提问 ### 交流群 2. 点击仓库上方的 watch-> all activity ,star 或者fork当前仓库,一边面试官能及时看到你状态. 或者从当前git项目的dev分支 创建自己的分支,当然点个star那就更完美了 #### 1.从下面的题目中任选一题 实现要求即可 #### 3. 完成之后 提交pull request 到dev分支 #### 4. 我们期望你的代码 干净整洁,让我们有阅读的欲望.更希望你们的代码让我耳目一新.总之 想办法来亮瞎我们吧。 #### 5. 在做题中有任何疑问可以直接在仓库提issue.我们会第一时间查看哦. #### 6. 你的组件放到 react->src/components, vue-> vue/components #### 7. 作业时间 3-5日 #### 8. 其他问题 可以提issue 或者进微信群提问 交流群 项目启动指南 // react npm run dev // vue npm run vue 面试题 [由easy 到hard 排序] VUE 和 REACT 都可以 第一题 [easy] 题目要求 实现一个Table组件,传入 data 和col后可以渲染出一个表格。表格中的数据可以排序,筛选 vue demo <Table data={[]} col ={[]}> react demo interface TabProps{ data:Array<unknow> cols:Array<unknow> //可以添加其他参数 } function Table(props:TabProps){ ... your code } 第二题 [easy] 实现弹框组件 题目要求 实现一个弹框组件,弹框可以自定义页眉 页脚 vue demo <Modal visible={true}> .... </Modal> - react demo interface ModalProps{ visible:boolean //参数可以自定义 } function Modal(props:ModalProps){ } 第三题 [hard]滚动加载 题目要求 实现一个滚动加载图片的组件 参考 https://huaban.com/ 首页. 要求实现揭露 页面渲染流畅 vue demo <LoadImage ... /> react demo interface LaodProps{ //自定义参数 } function LoadImage(props:LoadProps){ } 第四题 [hard] 实现气泡框 题目要求 点击页面某个地方,出项浮框. 参考https://ant.design/components/popover-cn vue demo <Popover ...> react demo interface PopoverProps{ //自定义参数 } function Popover(props:PopoverProps){ } 第五题 [hard] 表格带分页 题目要求 实现一个表格表格同第一题 ,要求增加 分页功能 ///代码结构同第一题