2016年5月10号加入现在的团队,到今天2016年12月31号,已经过去了接近8个月。这整个期间,我们团队都只有我一个前端工程师,我从刚开始的忐忑不安、压力极大,到现在基本上手,我们团队做的项目虽然不大,但是 restful+前后端完全分离+SPA 也是web app 的一种趋势吧。写出来,总结下,对自己以后道路做指引,对其他人能有点帮助也说不定呢。

这一年我做了哪些

刚开始的时候直接接手了一个做了个开头的项目。然后没办法,我就用 react 重新开始开发。由于以前并没有独立作为前端开发过项目,压力可想而知,非常大。

没办法,那一个月我上下班的1个小时左右的时间都用来查东西,看东西,然后基本每天下班都很晚。

当时真是没办法,因为对开发完整的项目真的是没什么经验。当时准备用 webpack 来组织项目来着,命令行用 cd 来打开一个文件夹这么基本的语句我都不会。。。这么一个命令我整整查了2天才最后在一个很不起眼的地方看到。

现在想想那个时候还真是挺拼的,虽然解决问题的效率并不能算很高。但是现在远没有那个时候那么拼了。
然后一个月后,就是6月初,公司发生了一点变动。

然后我们团队又重新开发一个新的项目,也是比较小的web app 项目。

这个变动的期间我了解到了 vue 这么个框架。看了下其它开发者的评价,又看了看它的文档,感觉很不错,由于我们公司只有我一个前端工程师,而且在我们公司我是最懂前端的了,所以我就毅然决然的决定使用 vue 来开发新的项目。

作为一个没有独立开发过项目的人,作为一个没有使用mvvm框架开发过完整项目的人,我当时也是蛮有压力的。

在新项目里,我才发现我们团队是在用 git 来做版本管理的?,然后又学了下 git 。

这样子我们产品的MVP总算堆出来了。

后来公司的团队成员有了一点变动,项目进度基本停滞了,产品经理和UX、UI会讨论产品原型,然后出原型图、设计图。我呢,就没有太多的任务了,只是断断续续完善一点东西。

这样的时间大概持续了一个月。

这个期间我学了 d3.js ,这个前端的数据可视化库,因为我们产品到后期可能要用到数据可视化库,而且掌握一个数据可视化库对前端开发来说并不多。

不得不说 d3.js,还是比较强大的,它的强大就在于可以灵活的做出想要的效果,而不像 HighCharts ,这些库拘束性比较大。

还有就是,之前听我们的后端说用的是 Python,然后就学了一点点。现在对这门语言印象比较深的就是它是靠空格来分割代码的,看起来很优雅。

了解一点Python之后,有个好处就是我对计算机语言的认识加深了一点,比如同样是循环或者条件语句,各种计算机语言会有不同的表现方法。

这一个月过去了之后,项目重新规划了一下,又继续开发了,但是前期是UI在出图,然后这个期间我就看了一点node的文档,万一以后使用node做东西呢,也算有个基础。学的不深,但是搭个本地的服务器,修改下文件名,新增文件、修改文件、删除文件还是可以做到的。

这之后就到了9月份,我印象还是挺深刻的,一下子增加了好多开发任务,整整忙了一个月,这一个月真的是实践的一个月。对开发的理解加深好多。

这个时候用上了 vue-cli 来搭框架,我用的vue-cli 的webpack 模块,自带babel 转换,所以就直接上手 es6 了。

然后就到了10月份,十一放假而且有朋友结婚就回家了,到了中旬家里有点事又回家了。这一个月基本啥都没干。

到了11月又忙了一个月。由于项目的一个重要分支之前没有加路由,没有加状态管理,所以不得不重构了一遍,而且项目又增加了一个很关键的需求。

这时候尤雨溪大神刚好发布vue2.0的正式版,所以就一并换到了vue2.0。

到了这时候我对vue2.0版的全家桶的基本部分都掌握了。

这时候到了12月了,这个月断断续续对项目做了一些优化。值得一说的一个点是我在服务器的请求用上了异步+Promise,以前由于经验不足+时间匆忙一直用的同步,网速理想的情况下同步也尚可,但是一旦网速较慢整个页面都会卡住,这是十分不理想的。这个估计是项目中最大的败笔了吧,好在可以调回来。从开始用的 zepto 的 promise ,后来全部转到了 es6 的 promise,然后是 Promise().all() Promise().race() 这些都掌握了。

12月我利用闲暇看了 《JavaScript高级程序设计》这本书,看了其中的4-5章。对于原型、继承认识清晰了,还有了解了JS数据的属性,还有学了 Object 对象的一些常用方法。可以说收获还是蛮大的。

自我定位

感觉自己的性格、IQ、EQ和特性还是比较适合前端开发这份工作的,然后了解新东西、理解新东西、学习新东西自我感觉还是比较快的,这是我的优点。

然后我这个人还是有点懒,在没有业务压力的情况下,偶尔会找不到北。希望新的一年能够有所进步。

然后是英文水平比较差,英文文档借助翻译还能勉强看,但是速度很慢。希望新的一年能有所提高。

感悟前端

对前端开发人员总是有各种各种的称号,程序猿、码农、前端、前台、前端开发、H5开发等等。对我自己而言,我更倾向于把自己看作一名前端工程师,是的,是前端工程师,而不仅仅是前端开发。

这个之间的差别就是前端工程师是基于项目工程的,就是说我做的东西要对整个项目负责,而不仅仅是完成指定的需求。换句话说就是我做开发是基于业务需要开发的并非仅仅是基于产品经理提的需求或者UI做好的页面。我对技术的理解是解决问题的能力,提高用户体验的能力,这个还是很重要的。这样才可以说前端开发还是蛮有趣的,因为再有趣的事情做上一千遍的时候也会厌烦。

当然从某种层面讲这种观点有点理想化,毕竟在大公司,每个人都只是一颗不太起眼的螺丝钉。这里只是说下自己的观点罢了,不见得很合理。

拥抱2017

2017年,工作上还是继续优化项目,增添一些新的功能。这些还是很期待的。

然后个人对前端的学习上,希望从学习一些库的源码切入进去,首先是 zepto/jquery 源码,这些大概要花几个月时间了,之后尝试看下 vue 的源码吧,估计都比较有困难,但是真的能够做到的话,相信在前端的道路上是一个很大的进步。

最后,看看大家的2016.
最后的最后,祝大家2017新年快乐!

致敬2016,拥抱2017相关推荐

  1. 2016和2017的区别就是昨晚和今早

    2016和2017的区别就是昨晚和今早 也是历史和未来 只是在跨年份是时候更有感觉,更让人思考和感叹.一年这个周期寒来暑往秋收冬藏,对我们的目标再审视,我们的收莸再总结,对我们的不足再反思,对我们的心 ...

  2. 以下是ECMAScript 2016、2017和2018中所有新增功能的示例

    by rajaraodv 通过rajaraodv 以下是ECMAScript 2016.2017和2018中所有新增功能的示例 (Here are examples of everything new ...

  3. 告别2016迎接2017,分享一些第三方插件

    告别2016迎接2017,分享一些第三方插件 2016-12-30 00:50 编辑: 踏浪帅 分类:iOS开发 来源:踏浪帅投稿 35 2166 插件第三方插件 招聘信息: UI设计 app推广与运 ...

  4. 2016颠倒梦想,2017静心前行

    2019独角兽企业重金招聘Python工程师标准>>> 世人都晓神仙好,惟有功名忘不了! 古今将相在何方?荒冢一堆草没了. -- 出处 <好了歌--跛足道人> 今天是20 ...

  5. ECMAScript 2016,2017,和2018中新增功能

    ECMAScript 2016 1.Array.property.includes() indexOf()不支持查找NaN,includes支持. 2.7**2 指数运算符,结果为49 ECMAScr ...

  6. 上海纳税百强2016,邢台2017纳税百强,深圳百强企业

    上海纳税百强企业名单公布.市税务部门组织的税收收入达到11847.0亿元,同比增长5.5%,增收616.6亿元:剔除证券交易印花税后,税收收入完成11380.6亿元,同比增长15.1%,其中,第三产业 ...

  7. 2016,再见 2017,还请多多指教

    #先来一个象征意义上的序 今天是2017.01.01,新年的第一天,昨天适合总结,今天适合制作新年计划.昨天没做总结,于是今天总结和新年计划一起来吧_. #充满回忆的2016 昨天在驾校练车练了一天, ...

  8. 201671010103 2016-2017-2 《Java程序设计》第十二周学习心得

    Java的抽象窗口工具箱(Abtract Window Toolkit,AWT )包含在java.awt中它提供了许多用来设计GUI的组件类和容器类:而Swing类库被包含在javax.swing包里 ...

  9. 2005路网 2008路网 2009路网 2010路网 2011路网 2012路网 2013路网 2014路网 2015路网2016路网 2017路网 2018路网 2019路网下载与分析

    2005-2022路网数据采集与分析 1.路网是什么 道路网(road network)指的是在一定区域内,由各种道路组成的相互联络.交织成网状分布的道路系统.全部由各级公路组成的称公路网.在城市范围 ...

最新文章

  1. 图像处理opencv(一)
  2. Prefuse 4未完
  3. LeetCode 235. 二叉搜索树的最近公共祖先(递归)
  4. (转)如何学习盈透api的开发?
  5. 来自阿里十余年的老架构师自述:成为架构师你只差了一步
  6. 2006最优秀的20款防火墙推荐
  7. HowTo——cotex-m3处理器HardFault事后分析方法
  8. Consul + fabio 实现自动服务发现、负载均衡 - DockOne.io
  9. STM32学习心得十九:电容触摸按键实验及相关代码解读
  10. 在本机搭建FTP服务器
  11. Take Me To Your Heart by MLTR
  12. C语言程序设计-现代方法 第二版 第6.1小节 显示平方表
  13. 2019年最新中文TTS算法实现个合成样本
  14. C++ RALL机制浅谈
  15. R下运行UMAP方案
  16. 从生活习惯到肠道微生物,揭秘胃肠道癌症的成因
  17. Oracle 视图(2)修改视图
  18. 数学 {邻域,区间,极值,最值,上界,有界,上确界,柯西序列,完备空间,单调有界定理,拓展实数集}
  19. HSSFWorkBook读取excel表格获取数据。
  20. 粉色卡通小学班干部竞选自我介绍PPT模板

热门文章

  1. C++ 模板全特化中的函数特化
  2. 在win10上使用Vmware安装Mac OS
  3. Mycat和Mysql搭建高可用企业数据库集群
  4. HTML如何添加锚点,总结到位
  5. 我想谈谈关于Android面试那些事,一篇文章帮你解答
  6. 对于‘敲什么都队’自主开发的《校园服务》软件的使用体验
  7. aspnetcore源码学习(一)
  8. 【模板】可持久化线段树
  9. 【转】WPF自定义控件与样式(3)-TextBox RichTextBox PasswordBox样式、水印、Label标签、功能扩展...
  10. PHP 备份还原 MySql 数据库