论前端面试：项目经验

开篇

各位看官，不知道如果看待面试过程中项目经验的问题？ 大家在的和面试官在基础知识上你来我往，面试官对你很感兴趣：小伙子我看你骨骼惊奇，一看就是前端开发的好苗子。那你能不能给露两手，你做过哪些项目？你项目中你认为的技术难点是什么？你是怎么解决的？咦？？？ 好一个项目三连，没做过、没啥难点、我也不知道咋解决，它自己就好了。面试官会很委婉的告诉你：你出去！ 好了你出去当然是开玩笑的，既然聊到项目那么对你的基础知识应该是认可的了。所以打算了解一下你在实际应用上把这些知识结合的怎么样，如果你简历上要是有面试官比较感兴趣的项目经历，也会着手一问。

这个目的我们分析出来了，之后想要做一个项目来给自己的校招或者实习招聘增加闪光点，就要有所应对来。

1 精致有内涵比假大空的仿项目要更加合适。

在这个漫天都是我2w块钱做了个淘宝、5000块钱接个百度的段子，你就偏偏搞个仿京东、仿淘宝的电商。你觉得面试官对这个项目感兴趣吗？面试官一看哟小伙子（小姑娘）叼极啦，一个人就仿了个淘宝，你咋不上天呢？？？ 所以这个时候你自己就是你的产品经理，做一个精致的小项目，比如一个记事本、学习笔记这些都可以做的很精致，有很巧妙的解决方法在里面。精致不是指简单，每个功能都经过打磨。这样的项目很符合学生的身份、包含你的思想在内、体现了对产品的也有一些理解以及技术上的实现。（开发人员对于产品要有一些理解，因为在开发过程中要对很难实现的功能，提前判断、早点说不）

2 技术栈不一定要业内最新颖的，但是有你选他的理由。

就好比你就想做一个大众使用的电商平台，那么你的技术选型选择jquery1.x一点问题都没有，未来更好的兼容性考虑选择了jquery1.x，因为seo选择了多页面的应用，然后搭配的一些内容可以很好结合jquery1.x的使用。漂亮，有、东西。并没有盲目使用新技术。你想做一个管理型后台，那你选angular+ts+rxjs或者vue+vuex+vue-router也可以是react全家桶，那么为什么选这个技术栈？项目需要需要强类型检查angular适合你，组件化的开发+jsx你很擅长而且你很喜欢react，那就选react，轻量灵活而且喜欢vue-loader下的文件的结构，你选择vue绝对没错，对项目的技术栈选取有自己的理解，对应的技术栈的特点你也有一定了解，这也变相展示了你对框架的使用场景有一定的认知，同时说明你的项目确实经过一定思考以及技术上的一个选择。如果选择的不对又能怎样？面试官讲给你为什么不对，你有了一次难得的提升，也美滋滋的。

3 不一定自己去负责一个完整项目，其中一个模块是由你负责的也可以

这个项目的列表展示与详情页是我负责的。我对于后端传递的数据进行了怎样的处理，在异步请求中选择了一定的异步分割处理数据，拆分一次性阻塞主线程的时间，可以减少用户的等待，页面滚动时选择节流，减少无效的ajax请求等等，对自己模块所负责的内容，进行梳理。在技术实现上有自己的亮点。最重要的是这可以体现自己在协同开发过程中的处理问题能力，如何与后端进行接口设计与合作，如何与前端伙伴进行合作与分工，面试官在选人的时候一定希望要一个合作能力强的，肯定会否决一个以自己为中心，无法与人合作的应聘者呀。

4 GitHub与上线项目有机会要搞一搞

面试官如何直观的看到你的项目？这是个问题。在你很兴奋的说了好久，然后面试官就是勾画不出项目的样子，我怎么办？？？我拿着电脑给他看？？？我也不知道咋办。好了这个就是很尴尬的问题。如果你有一个上线的项目那么你就可以很简单的在网上去演示你的项目，如果你的项目上传了GitHub那么面试官很容易看到你的代码风格。口说无凭，立字为据。老哥我这东西都给你看了，你总知道我说的都是真的了吧。

5 学生也要自己的架构，不求多么对，只求有自己的想法。

你的项目结构是什么样的？？？ 结构？没结构啊？官方模版啥样我啥样，我也不知道为啥这么写。面试官：那你能写出来那你好棒棒啊。你的项目对于基本的结构的设计要有。模块的划分、工具类的封装与抽离、ajax层的封装与抽离（这个具体业务具体分析）、公共css样式的抽取、公共组件的设计（SPA的会设计的比较明确）。这样你的src目录下肯定就有了utils文件夹、一堆模块的文件名、css公共样式文件。 好了这样的项目结构不确定是不是一定最合理，但是它体现了你一定的想法。 哪怕你有设计的不合理的地方，whatever，我可以学嘛，但是一点概念都没有？那你学什么啊？

具体的项目该怎么做，我觉得这不是我们要讨论的内容。毕竟咱们的个人学习的项目难度上与企业级的项目有明显差距，你很难达到企业级的项目规模与业务难度。但是怎么体现出你开发的思想呢？就要从以上几点去思考咯。

结语

不知不觉又产出一篇，心情美滋滋。同时页感谢留言提供建议的人，给了我这么一个方向，学习计划方法，目前个人学习计划是放在同步异步单线程有关的知识上，有相同兴趣的人可以在留言区用你们火热的留言轰炸我，咱们一块进步，加油。