资讯专栏INFORMATION COLUMN

</2016><2017>

wangshijun / 2838人阅读

摘要:不觉间,已悄然离去恍然后,正慢慢袭来。已完成一期内容,只包含买家点餐功能,二期准备做卖家及支付功能。经过考虑和评估,我决定对这两个选择进行一个折中。项目部署,及代理转发等配置。发现最近,已经对非技术类书籍少了很多兴趣。

不觉间,2016已悄然离去;
恍然后,2017正慢慢袭来。

又到了总结过去,展望未来的时候了,那就先总结16年的收获和经验教训,再展望17年对自己及行业的一些期望吧。

16年的那些事

先说一下16年的github贡献图吧。这一年中,除了年中的四个月很少push代码,其他时间都还算没有偷懒。

今年主要做了下面这些项目 mobile BI

至于github上缺失的这四个月在干嘛,我要给个解释。公司的一个Hybird项目,要全新的改版,在这之前,前端架构是用jQuery来写的多个页面组装的一个移动端BI系统。我来主导,将整个前端架构换成ionic,目标是产出一个Hybird的SPA应用。所以,这四个月,我在做这几件事:

重写项目,搭建ionic架构开发,重构highcharts组件;

组织团队(4人)技术培训,尽快熟悉架构及ionic组件开发;

功能开发。

订餐系统

这是一个业余项目,用于解决多人团队实时点餐,不容易统计的痛点。
项目的灵感:项目内多个人,点外卖时,每个人都点餐,最后一个人来统计点餐结果,再发给店家。这个过程很费时费力,本着程序员思维,能自动化的东西,绝不浪费自己时间,所以就有了这个项目。

//TODO 已完成一期内容,只包含买家点餐功能,二期准备做卖家及支付功能。

项目使用的技术栈:Express + MongoDB + Angular + Bootstrap

Github: https://github.com/zollero/me...
项目部署地址:http://bearzzz.xyz

第一个上线的react项目

项目是公司的一个dashboard项目,也是我的第一个上线的React SPA项目。

技术栈:es6 + react + react-router + redux + react-redux + webpack + express + echarts + nginx

项目地址:http://addmp.ffan.com

维护一些老项目

工作中,还维护了一些老的项目,这些项目是一些java web项目,使用的技术栈是:java + spring + jquery + bootstrap

这些系统的页面都是业余的前端人员来开发的,所以存在很多代码的问题:

代码风格不统一,有一些语法错误和全局污染的问题;

没有任何的代码复用,很多都是复制粘贴的,维护起来太麻烦;

代码没有模块化的架构,没有使用任何的模块化工具(gulp, webpack等)或框架(requirejs, seajs等);

没有任何的自动化工具,如:eslint, sass, less, concat, uglify等。

面对这个局面,有两个选择:

重构整个项目,但是时间不允许,再加上重构的风险太大,这个不可取;

就按照之前的代码风格进行新功能开发,这个有点太无作为,也不可取。

经过考虑和评估,我决定对这两个选择进行一个折中。

对新功能使用一些自动化工具;

更多的使用代码复用,开发公共组件;

统一代码风格,当遇到对旧模块进行修改和维护时,尽量进行简单的重构。

总结

上半年以ES5开发为主,下半年以ES6 + React语法为主;

15年以Java web和H5 Hybird开发为主;

16年上半年主要是ionic架构的Hybird项目开发,下半年主要react为主的web项目和Hybird项目;

深入学习python语言,写一些python爬虫小工具;

熟练掌握了angular、ionic、react等框架,并在前端架构方面积累了一些经验。

Nodejs项目部署,及nginx代理转发等配置。

17 展望

新的一年,从改变开始。

自从入了这个坑,就不停的在学,在写,在练。过程中,有辛苦,有快乐,还好对我来说,乐趣的感觉大于辛苦的烦恼。

新的一年,肯定要给自己制定一些计划的。虽然往年的计划只完成了一部分,但是计划还是要有的,万一都实现了呢?

语言

作为一个前端,ES5 + ES6 + ES7肯定是首选;

Python作为第二语言,来开发服务器脚本,爬虫系统;

Ruby、Go脚本语言开发;

Java作为辅助,开发些辅助系统。

框架

React、Vue技术栈,总结两者差异;

Webpack、NodeJS、Koa等;

WebGL、D3数据可视化框架;

React Native技术栈开发;

深入了解并使用tensorflow等机器学习框架。

周边

搭建自己的网站,包含:博客、工具集、技能树、GitLab库;

把更多精力放在开源库上,专注于好的事情上;

多积累博客。

书单

16年忙于工作,没有读几本书,只是看了三四本技术方面的书籍,并且京东上买了三次书籍,买的大都是技术书籍。发现最近,已经对非技术类书籍少了很多兴趣。17年必须让自己多充充电,除了技术类书籍,还要多涉猎其他学科,让自己保持一种多学科知识的冲撞,摩擦出新的创意。

先给自己列个简单的书单:

百年孤独

硅谷钢铁侠:埃隆·马斯克的冒险人生

乌合之众

强权与铁腕:普京传

霍乱时期的爱情

疯狂的简洁

了不起的盖茨比

(完)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/38310.html

相关文章

  • &lt;/2016&gt;&lt;2017&gt;

    摘要:不觉间,已悄然离去恍然后,正慢慢袭来。已完成一期内容,只包含买家点餐功能,二期准备做卖家及支付功能。经过考虑和评估,我决定对这两个选择进行一个折中。项目部署,及代理转发等配置。发现最近,已经对非技术类书籍少了很多兴趣。 不觉间,2016已悄然离去;恍然后,2017正慢慢袭来。 又到了总结过去,展望未来的时候了,那就先总结16年的收获和经验教训,再展望17年对自己及行业的一些期望吧。 1...

    fxp 评论0 收藏0
  • 怎么使用Python可视化神器pyecharts绘制折线图

      小编写这篇文章的主要目的,主要是给大家介绍一下关于Python中的一些案例情况,包括使用到一些可视化的工具pyecharts,那么,怎么使用这种工具去进行绘制折线图呢?下面就给大家详细解答下。  折线图介绍  折线图和柱状图一样是我们日常可视化最多的一个图例,当然它的优势和适用场景相信大家肯定不陌生,要想快速的得出趋势,抓住趋势二字,就会很快的想到要用折线图来表示了。折线图是通过直线将这些点按...

    89542767 评论0 收藏0
  • Python datatime库语法怎么使用呢?下面给大家解答

      小编写这篇文章的一个主要目的,主要是教给大家一些Python技巧性的内容,比如关于数据库语法的一些问题,那么,如何去正确的使用这个数据呢?有什么具体的使用方法呢?下面会给大家做一个详细解答。  Python中datetime库的用法  datetime模块用于是date和time模块的合集,datetime有两个常量,MAXYEAR和MINYEAR,分别是9999和1.  datetime模块...

    89542767 评论0 收藏0
  • Docker安装及错误解决方案

    1 关闭selinux[dddd@v069208183.sqa.zmf/home/admin/] $sudosetenforce0 setenforce:SELinuxisdisabled [dddd@v069208183.sqa.zmf/home/admin/] $sudosed-i'/^SELINUX=/c\SELINUX=disabled'/etc/selinux/confi...

    3119555200 评论0 收藏0

发表评论

0条评论

wangshijun

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<