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