面试题指南
- 1.fork当前仓库 或者从当前git项目的dev分支 创建自己的分支，当然点个star那就更完美了
-
- 从下面的题目中任选一题 实现要求即可
-
- 完成之后 提交pull request 到dev分支
-
- 我们期望你的代码 干净整洁，让我们有阅读的欲望.更希望你们的代码让我耳目一新.总之 想办法来亮瞎我们吧。
-
- 在做题中有任何疑问可以直接在仓库提issue.我们会第一时间查看哦.
-
- 你的组件放到 src/components下面
-
- 作业时间 3-5日
-
- 其他问题 可以提issue 或者进微信群提问
项目启动指南
// react npm run dev // vue npm run vue
交流群
面试题 [由easy 到hard 排序]
面试题 [由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){ }