在过去的1000次面试中总结出,通过短短1个小时的问答很难全面准确地考核面试者。这其中有各种因素 ,比如:
-
- 有时候面试官 工作比较忙 ,来个面试者 ,草草了事.
-
- 面试者 因为赶车或者紧张,发挥失常等等。
-
- 算法题时间不够。
-
- 面试题造火箭 ,有的面试官问些一些很偏的问题。
在实际开发中,我们会给开发者足够的实际解决问题,只要能按照实际解决问题,我们认为就是合格的。所以为了避免以上各种认为的因素,公平,客观地考核面试者的编程能力,我们以一下方式进行面试.我们认为只要满足以下要求即可。
- git git 研发流程 比如 提交合并请求,如何提issue ,如何code review
- javascript 基础
- css 能实现高保真页面
- react/vuejs 能编写稳定可靠的组件.
- webpack 基本配置打包
- nodejs 基础知识
- 1.fork当前仓库 或者从当前git项目的dev分支 创建自己的分支,当然点个star那就更完美了
-
- 从下面的题目中任选一题 实现要求即可
-
- 完成之后 提交pull request 到dev分支
-
- 我们期望你的代码 干净整洁,让我们有阅读的欲望.更希望你们的代码让我耳目一新.总之 想办法来亮瞎我们吧。
-
- 在做题中有任何疑问可以直接在仓库提issue.我们会第一时间查看哦.
-
- 你的组件放到 react->src/components, vue-> vue/components
-
- 作业时间 3-5日
-
- 其他问题 可以提issue 或者进微信群提问
// 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){
}
- 题目要求
实现一个表格表格同第一题 ,要求增加 分页功能
///代码结构同第一题