个人2017年前端之路总结

原文首发于个人博客

年底了，赶着刚考完两门考试，在最后4门考试来临以前抽空写一下今年的小结。

今年格外忙。忙完本科毕设，又立刻投入了研究生实验室的搬砖生涯。跟去年同样，列个今年的学习成果清单：

过去的一年

技术成果

2017.03~2017.05.07 开坑学习Three.js，完成了一个简单的机械装置展现平台（个人本科毕设）【Three.js+dat.gui】

2017.05.23~2017.07.15 基于vue2+koa2重构了福建北邮人服务系统，这是我本身的项目。开始引入eslint（之前嫌麻烦233），之后的项目也一并引入。期间在手写一些经常使用Vue组件的时候学习了很多东西，写了一篇Vue组件的三种调用方式【Vue2+Koa2】

2017.05.26 为了上面那个项目简单作了一个基于stylus的栅格系统css——Melody.css，用来快速作响应式开发。【stylus】

2017.06.07 协助解决实验室Vue项目里webpack的Hot Reload速度太慢的问题，作了个webpack的开发模式的插件webpack-dev-compile-optimize提高热重载速度（只在本身内部项目测试过），同期总结了一篇基于vue-cli项目的webpack构建优化文章。【webpack】

2017.07.07 博客开启持久化构建，依赖于github-page，不过加上了https以及进入了HSTS列表。第一次接触了Travis-CI，发表了一篇经验文。【Travis-CI】

2017.08.09 开坑hexo-theme-melody，写一个送给我妹子的hexo主题，效果见我博客便是。【hexo hexo-theme】

2017.10.09 写每周电影推荐的时候由于嫌弃获取电影信息步骤繁杂，因而改造了一下早期写的node小爬虫dbmovie-spider支持读取命令行信息了。【node】

2017.10.28 开始练习算法，并借机学习TypeScript和前端测试（采用了Jest）。 不事后来一直有其余事压着，没有持续，等考完试要继续。【TypeScript Jest】

2017.11.02 开坑vue-koa-demo项目的前端测试。同期写了一篇Jest 全栈测试的经验博客。【Jest】

2017.11.18 开坑PicGo，学习electron的基本开发流程，边写边学。最终完成了一个我如今写博客贴图片时很方便的工具。并于12月中发布正式版，还上了少数派首页推荐。【electron】

PS，在掘金也发了一遍推荐不过没有被推荐到首页T T

以后应该会发几篇electron开发的文章。

2017.11.30 抽空把vue-koa-demo的ssr版本作了一下。踩了一些ssr的坑。

对比去年给本身立的目标：

**算法**

**数据结构**

**Three.js -> 浏览器3D建模**

**回归JS语言基础**

**学会玩Webpack2**

**持续的项目开源**

**Python简单入门**
复制代码

感受除了Python没怎么学以外(尴尬)，其余的目标大体都有所建树，算是完成地还不错吧！

指望、目标

依然要写下2018年须要学习的东西：

• 算法、数据结构
• Parcel
• TypeScript
• Puppeteer自动化测试
• PWA
• 给开源库提PR
• github robot
• 若是能够，学习一下react

随笔

这一年来的前端的学习之路，收获仍是很多的。比起去年来讲，我本身以为收获最大的就是在开源社区跟开发者、使用者的交流更多了。由于本身也有开源项目，因此不少时候一些状况也是第一次见：好比第一次遇到PR（开心不已），第一次给开源库提issue，第一次跟开发者讨论项目细节等等。今年尚未给开源库提过PR，因此明年的目标是来一个吧~

今年也是前端框架、库井喷的一年。各类新的技术涌现、较新的技术逐渐走向成熟、成熟的项目走向稳定。这种感受彷佛从我两年半前学习前端的时候就有了，不过今年真的特别强烈。也所以才有那篇流传甚广的《2017年学JavaScript是怎样的一种体验》。前端要学的东西太多了啊。不过我以为虽然看似多，做为前端工程师，仍是要有本身的大致学习路线。

我认为现在前端工程师应当分红两类，

1. 结合Node的偏向全栈的前端，他们更注重网站的访问优化、性能提高、毫秒级别的用户体验。
2. 结合CSS\JS的偏向用户端特效的“纯”前端工程师。这部分的前端工程师一般来讲必需要有本身的设计认知。

不少优秀的前端工程师都是设计师出身。好比TJ，好比尤雨溪。可是却不是很常据说优秀的设计师是前端工程师出身。这就是由于如今不少学前端的人仍是在认为本身可以写个页面、套个模板，厉害点的还原个页面就好了。却不知，你要学习的不只仅是前端配套的HTML\CSS\JS，你还须要知道结合了Nodejs后带来的一系列现代开发工具和工程化的流程。再也不是只会用个bootstrap+jquery作个页面就完事的年代了。刀耕火种的年代已通过去，但是仍是有人在抓着旧石器不放。

不过仍是须要强调一下，基础真的很重要。我身边遇到太多半路“出家”，自愿也好，被迫也罢来学前端的同窗，他们不少都是草草几天看完HTML\CSS\JS基础，而后就直接用上Vue、React来写项目了。连npm都不知道是什么东西的他们，不少时候写起前端来很是痛苦。前端再也不是之前那样认为的是一门能够速成的技术了啊，如今而言，至少入门门槛高了很多。

前端圈仍是太浮躁了点。仍是沉下心来，好好钻研本身喜欢的技术吧。

另外，因为最近出现的诸如PWA、Electron、RN、微信小程序等由前端主导的新技术，不少人就说了“啊iOS开发要完啦”、“啊安卓开发要完啦”、“要转行前端啦”等，我以为其实尚未必要恐慌到那个程度。诚然现在前端能作的事很多，可是局限性仍是很强。PWA因为依赖高版本Chrome在通常安卓机器上体验依然不怎么样，想作出像原生同样的效果仍是受限于机能，iOS就更别说了，虽然safari开始支持service worker，但支持PWA还有待时日；Electron虽然能开发跨端应用，不过还有不少的局限，好比应用体积实在大，好比没法获取外部当前鼠标选中的文件等等。因此对于新技术应该理性看待，本身亲手实践一下，而不该盲目从众。

总结一下

今年的技术栈成长：

• 更加深刻Vue的开发
• 开始学习Three.js
• 开始用上ESLint
• 开始学习TypeScript
• 开始使用前端测试（Jest）
• 开始学习Electron
• 开始练习算法
• 对前端工程化+自动化有更多的实践和体会
• 持续维护三个开源项目：vue-koa-demo、hexo-theme-melody、PicGo
• 学习持续集成

但愿个人2018年可以继续有所收获！