返回信息流简洁版提问：RT，觉得自己接触的项目知识点浅，离公司招人的要求甚远，求问怎么办？
---------------------------------------------------------
自查户口版提问：
【一些啰嗦的交待】开学研二，我们是实验室最大的一届，没有师兄师姐；老师查岗严，不敢溜出去实习；自习时间多，胡思乱想的时间也多...
【实验室项目】实验室日常（唯一的）项目是传统的web前后台开发，10月份就要结项了。我负责前端开发，用了angularJs和mock、express、echart、bootstrap等其他大大小小的插件。项目是我从零搭的，也是我前端的入门项目，所以...现在看没什么代码规范，angularjs其实也只用到其中的数据绑定和路由。
【自己折腾】因为实验室项目瘸腿，所以自己照着前端岗位描述折腾了各种东西。
框架方面：帮人用vue、webpack写过增删改查的后台。
原生js方面：平时上网搜别人写的组件学着写
css/h5方面：偶尔做h5页面的兼职，实验室项目有尽量用学到的新知识
但是拨开云雾，总觉得都不踏实。
我都能想象，面试的时候如果考基础，确实还写不出很多原生js组件；问框架和项目，我自己都知道三两句就没话说了；要是再问现在的前沿，额(⊙﹏⊙)，微笑面对人生。
我个人觉得问题可能总结成3种方向的乱：
【一】缺少需求驱动
都说‘热爱技术的人会自己学，不需要项目驱动’。我承认我目前的唯一驱动可能就是找到工作。自己给自己找的需求，限于写个页面搞个小组件。
我想象总怎么得是个有技术深度的需求，然鹅，见识浅薄提不出来。各位有自己给自己找需求的经历吗？求分享
【二】框架学习没有深度
没有...就是没有..额...我看了半天的vue源码讲解就跑路了。对框架的掌握不超过官网的入门教程，api文档没点开过几次。听朋友学长说他工作一年了还在学习vue新出的内容，说实话我真羡慕，羡慕完自己又迷茫，学啥？二次开发啥？啥程度叫深度了？要不我去背背官网教程？
早上看另一个帖子说面试官因为没深度把人挂了，那不就是我么哦多开
【三】基础不够
有刻意补一些基础，能抗住一些常见的基础笔试题。但是实际应用中，别说融会贯通，看一些开源项目的代码都看不懂，自己写es6什么的也不知道写的对还是不对。基础这方面，我目前是相信学基础->应用->补基础这个路子的。然后就完美的卡在“应用”这个地方:)找不到应用场景，咋精进？
理论归理论，做归做。网上可学的太多了，我分辨不出来，又怕热热闹闹一场空。每天在实验室一圈，坐井观天，危机感非常的重，觉得自己的可替代性太强了，卡在这里分分钟被后来的选手ko。该怎么办呢？先做什么再做什么？选择什么放弃什么？主抓什么辅学什么？
ballball路过的师哥师姐帮帮忙指点，小妹实在是有些乱和迷茫....
--------------------------
如果有爱心人士有空愿意与我多聊，恳请私信我您的联系方式，暗室逢灯，不胜感激；
如果有刚前端入门的同学我能帮上什么忙，也可以给我私信，咱们抱团取暖。
这是一条镜像帖。来源：北邮人论坛 / java-script / #4262同步于 2018/9/4
该镜像源已超过 30 天没有更新，可能在源站已被删除。
JavaScript机器人发帖
【问题】实验室项目前端难度不高，求问该怎么办？
liangshenqi
2018/9/4镜像同步13 回复
订阅后，新回复会通过你的通知中心匿名送达。
9 条回复
学习前端是一个非常需要自我驱动的过程。从LZ的描述来说应该是对前端有兴趣的，从这个点来说就比一些不喜欢前端却不得不写前端的人来说好多了。很巧我开学也研二，不过我学习前端相对早一点点，说说我自己的体会。
没有需求就给自己创造需求。我举个例子，我自己用hexo写博客，觉得市面上主题都不合胃口，就自己写了一个主题（hexo-theme-melody）。写这个能学到的新东西其实不多，但是能巩固不少知识：1. 合理的布局和配色（现在的前端很多人都是直接上手框架，CSS和HTML的很多反倒忘记了）2. 合理的动效设计 3. 合理的扩展考虑 4. 阅读文档+踩坑
写markdown的时候需要贴图，url地址不方便获取怎么办？写了一个简单的传图工具(PicGo)，对接了8种图床，方便自己也方便了有类似需求的其他人。在这之中学习了electron的开发，以及后续的CLI程序的开发与插件系统的构建等等。
如果自己平时有什么想法，能够简化流程的、或在原有功能的基础上提升用户体验（换皮肤改UI）的东西，都值得去试试。很多时候写前端不一定只能写js，只能在浏览器里跑。可以适当考虑通过更好的方式去实现。比如做想做一个打卡程序，记录自己每天学习了什么东西，就可以考虑用微信小程序或者PWA等技术来写，这样不仅能学习相应的跨平台应用的技术，又能方便自己方便他人。比如想做一个PC端工具，只是一个网页可能没人记得住，可以考虑做成一个electron应用、或者做一个Chrome插件来提升使用的幸福感，以及能够做更多在浏览器本身上做不到的事。
想做一个功能，比如vue的富文本编辑器（当然这个比较难），在当下其他人写的不是很好的时候，可以考虑做一个vue的富文本编辑器，类似react的draftjs，而不是只是封装已有的富文本编辑器套一层vue的皮而已。能学到什么？学到vue的插件开发，学习vue的很多平时用不到的api，学习组件开发，学习项目结构组织，学习独立的插件项目如何开发、构建乃至测试。
至于做这些东西用什么技术栈？在当下，你的选择有非常多。jQuery？可以，它有极其丰富的三方插件。React、Vue、Angular？当然也可以，它们如日中天，生态也很好。记住很多时候他们只是一个view层而已，视图层想用什么框架其实都行，关键在于能不能学到新知识。
基础的知识确实是很多学习前端的人最容易忽略的地方。就说CSS，因为现在前端UI框架太多导致很多人写界面都不想写CSS了。其实你只要自己手写过CSS的布局、写界面配色，而不用框架，只用自己的能力构建一个页面，就能学到很多平时忽略的CSS。JS的话对于DOM的操作方面现在很多地方都简化了，做纯DOM操作其实现在已经很少有类似的需求了。相比之下学习ES6以及ES5的非DOM\BOM部分能学到更多东西。闭包、原型链这些老掉牙的东西面试还是在考，不过知道他们的是什么还不够，平时你会怎么用到他们呢？这个才是需要思考的。
前端的东西很多很杂，但是也不是什么都要学的。按照自己的能力和水平，一步一步来学习。
我自己的进阶是这样的：
1. 2014.12在慕课上学习HTML\CSS\JS基础知识
2. 2015.5开始改WordPress一个主题的CSS，期间学习了服务器的一些基本知识
3. 2015.7开始写北邮的IPTV前端页面，纯手写HTML\CSS，期间用上了gulp和stylus预处理，期间开始学习git
4. 2015.12开始学习vue1.0、express、mongodb
5. 2016.2 用node写了北邮人论坛十大的爬虫
6. 2016.5 开始学习koa
7. 2016.6用vue1.0写了北邮人手机客户端注册页
8. 2016.11 开始使用element-ui 1.0
9. 2017.1 写了vue-koa-demo
10. 2017.8 开始写hexo-theme-melody
11. 2017.11 学习jest做测试
12. 2017.11 开始学习electron写PicGo
13. 2018.2 学习GraphQL，用github api写了一个node-github-profile-summary
14. 2018.5 学TypeScript，给VSCode一个插件amVim贡献代码
15. 2018.7 开始用TypeScript写node端的PicGo-Core
在这过程中很重要的是我写了60多篇的博客在记录学习的过程。所以我觉得不仅学习很重要，记录也很重要。
前端学习很不容易，希望LZ加油！
非常非常非常感谢你的分享，说句俗气的，真的是好人一生平安。
我在学习前端的过程中，也认识到像你说的，【做东西是最好的驱动、学习方法和实践】。
我们之前的区别，可能就在于这个做东西是否心甘情愿。
认真的读过几遍你写的回复，和你的经历做对照，我反思是我对前端的心态导致了如今的结果。之前很长时间，我都在学啥啥不会做啥啥不行的阴影里，是学习前端让我有了信心。但是相对的，因为目的性很强，说实话，我是有选择的堆砌经历，学的东西要保证能有利于面试，不容出错不容走‘弯路’。这样真的又累又不踏实，所以除了逼迫自己学习的时间，我对某个页面的实现再感兴趣也不想碰它，这样下来折腾一圈留给我自己的东西没有多少。如今研二将开学，这份惶恐积攒到了一个临界点。
我想我应该好好思考一下做前端，甚至做技术对我来说意味着什么。期望我想好之后，能用更轻松、好奇的心情学习新的知识。
再次感谢你的回复。
【 在 PiEgg 的大作中提到: 】
: 学习前端是一个非常需要自我驱动的过程。从LZ的描述来说应该是对前端有兴趣的，从这个点来说就比一些人不喜欢前端却不得不写前端的人来说好多了。很巧我开学也研二，不过我学习前端相对早一点点，说说我自己的体会。
: 没有需求就给自己创造需求。我举个例子，我自己用hexo写博客，觉得市面上主题都不合胃口，就自己写了一个主题（hexo-theme-melody）。写这个能学到的新东西其实不多，但是能巩固不少知识：1. 合理的布局和配色（现在的前端很多人都是直接上手框架，CSS和HTML的很多反倒忘记了）2. 合理的动效设计 3. 合理的扩展考虑 4. 阅读文档+踩坑
: 写markdown的时候需要贴图，url地址不方便获取怎么办？写了一个简单的传图工具(PicGo)，对接了8种图床，方便自己也方便了有类似需求的其他人。在这之中学习了electron的开发，以及后续的CLI程序的开发与插件系统的构建等等。
: ...................
嗯，摆正心态很重要。其实很多时候经验比起可以记住的知识点更为难得。你可以不知道某某某概念，但是你能知道具体场景下的问题应该用什么思路去解决。我觉得这个才是企业需要的人。对应于前端来说就是得多写，写多了自然就记住了~加油吧
【 在 liangshenqi 的大作中提到: 】
: 非常非常非常感谢你的分享，说句俗气的，真的是好人一生平安。
: 我在学习前端的过程中，也认识到像你说的，【做东西是最好的驱动、学习方法和实践】。
: 我们之前的区别，可能就在于这个做东西是否心甘情愿。
: ...................
PiEgg 写得真好啊，态度端正，技术扎实，看得我都想加个好友撩一下。可惜我是男的。
【 在 PiEgg 的大作中提到: 】
: 学习前端是一个非常需要自我驱动的过程。从LZ的描述来说应该是对前端有兴趣的，从这个点来说就比一些不喜欢前端却不得不写前端的人来说好多了。很巧我开学也研二，不过我学习前端相对早一点点，说说我自己的体会。
: 没有需求就给自己创造需求。我举个例子，我自己用hexo写博客，觉得市面上主题都不合胃口，就自己写了一个主题（hexo-theme-melody）。写这个能学到的新东西其实不多，但是能巩固不少知识：1. 合理的布局和配色（现在的前端很多人都是直接上手框架，CSS和HTML的很多反倒忘记了）2. 合理的动效设计 3. 合理的扩展考虑 4. 阅读文档+踩坑
: 写markdown的时候需要贴图，url地址不方便获取怎么办？写了一个简单的传图工具(PicGo)，对接了8种图床，方便自己也方便了有类似需求的其他人。在这之中学习了electron的开发，以及后续的CLI程序的开发与插件系统的构建等等。
: ...................
[ema21]LZ好像是个妹子，去撩她吧
【 在 MrWanted 的大作中提到: 】
: PiEgg 写得真好啊，态度端正，技术扎实，看得我都想加个好友撩一下。可惜我是男的。