一只野生前端的2016年总结

走火爱上鱼
走火爱上鱼 发布于 2016-12-31 12:57:04 浏览:2896 类型:原创 - 随笔 分类:面试经验 - 地基 二维码: 作者原创 版权保护
    2016年要过去了,对于我来说这一年经历了太多的第一次了,第一次大学毕业,第一次租房,第一次实习离职,第一次跳槽,第一次完成一个完整的项目。。。仅以此文,纪念我的2016。
    2016年上半年我还在实习,实习期间每天做一些活动页,就是纯粹的切图仔,一个页面也就1小时最多了,一些数据统计都是现成的,感觉自己只要按照规定好的来做就可以了,也就是根本不需要懂脑子,做很久也是轻车熟路,感觉这活我能应付了,后来发现我错了,错在只会沿着前辈的路走下去,没有自己思考的动力,这样的话我永远进步不了。还有就是实习的时候不要认为自己拿的是实习工资就只干实习的事,最闲的时候我曾经2个星期没有任何事干,也就是那时候我开始在网络寻找学习的地方,前端网就是那时候发现了。找个网,在里面写自己学习的历程,会对自己有很大的帮助,面试的时候你也有东西好说了。实习的时候空闲时间多的话,我就在网上找各种效果,然后自己模仿着写,用的是js,不依赖内裤,比如时钟,轮播图(写了不下10遍),抽奖转盘,字幕,拖拽,雪花效果等等,写好以后就记录在我的博客里面,那时候看到自己的笔记被100多人看感觉还有自豪感,有一种被认可的感觉,于是乎就会更加有动力去学习。那时候貌似还没有总阅读量,也没有粉丝这些功能哈。上半年主要是实习以及完成学校的毕业设计。
    2016年下半年,我毕业了。没有去当初实习也签了三方的那家大公司,去了一家薪水高一点的中小型公司(300人左右),如果现在让我选择我一定会选择大公司,至少会在里面呆个2年,可以让自己学到大公司的开发流程(虽然那家大公司加班很严重。。。这里就不说了哪家了)。在现在这家公司,半年来主要负责2个项目(商城项目,vip供应商项目),这两个项目我去的时候情况是商城根本就没有,也就是说商城是一个全新的项目,一开始做了PC端的商城(领导一开始想做响应式的商城,不知道有没有类似的,可以告诉一下楼主),后来也就是现在在做移动端的商城。VIP我去的时候有一个pc端在运行的系统了,后来的移动端的vip供应商也是一个全新的系统。下面就来分别介绍一下这些项目的实际情况吧。
    1.商城PC版:从0到1的项目,我主要负责整个项目的前端,我一个前端,2个后台,历时将近3个月(经验不足),开发模式是jsp+接口。我主要负责整个商城的模板以及效果还有一些接口处理(这家公司的技术老大竟然认为前端只要写页面也就是模板+效果,想想真好笑,因为给我的薪水不低只让我写模板是不是我赚死了,幸亏我当时没有这么想。。否则吃亏的一定是我自己)。前端技术我选择了最熟悉的jq以及后面引用的requirejs,面向页面写代码,没有用任何构建工具(2017年也要用上了),商城性质的效果无非就就是一些轮播,楼层,放大镜等等,都是从我之前写的笔记里面直接copy过来的,为了实现一个效果而去引用各种插件是不明智的选择,不要有插件依赖症。遇到的问题有页面写到后面发现公共的css越来越多,css冲突越来越多,有一种写不下去的感觉。后面采用了页面css模块化的形式(给每个页面块加一个公共css),一遍写一遍提取公共css,最后项目完成的时候有1000多行的公共样式,也方便了后期的修改还有一点就是这个项目的css连接符用了下划线还不是中划线,主要是公司的3年经验的前端说为了统一规范(后面的项目我又回归到了中划线,原因很简单,你每次用下划线都要比中划线多按一次shift,而且下划线的美观度没有中划线好,所以说任何时候都要有自己的思考,对于已经用了_划线的项目可以继续_,对于新项目完全没有必要继续错下去)。
    2.vip供应链PC版:这个项目我来的时候就有的,平时也就是给后台写写页面,之前这个项目没有专业的前端,所有的样式都是在style里面,连模板都没有,代码是惨不忍睹的,页面上面到处都是css,js代码。后来领导觉得这个网站不够大气,让我全新做一个,总算可以一次性重写了,这个项目我只是负责写模板而已,也就不往下说了。
   3.vip供应链移动端:这个项目是我接受的第一次全接口模式的项目,所有的js都是我写的,后台只提供接口,还有IOS,安卓版。。技术选型方面我用了zepto.js+vuejs。有了vuejs第一个感觉就是不用拼接字符串了,有同感的同学有没有哈哈。渲染数据很方便。主要遇到的问题有上传图片,页面传值,最主要的当然还是vuejs的坑了,毕竟第一次用,填的坑也是有的,比如不知道异步更新队列模式导致我写的懒加载插件不起作用,多次刷新会有模板出现等等。
   4.商城移动版:这是最近还在做的项目,年前上线。技术选型还是zeptojs+vuejs,也是全接口模式。遇到最大的问题就是页面跳转,也就是路由,比如说一个地址管理页面可以从确认订单页面进入也可以从添加地址页面进入或者从修改地址页进入等等。这次没有后端来帮助控制页面跳转,要靠js来控制。目前的方案是通过跳页带参数的方式,来判断是哪个页面进入的。如果有好的办法请告诉楼主哈,先谢谢了。还有就是这个项目我负责的业务逻辑比之前的页面也多很多了。总的来说每一次的不知所措就是一次提升。

    上面总结了这半年的项目历程,感慨万分,时间过得真快有没有。下面对2017年做一个目标。
   1.ES6的学习,应用到项目中,目前主要是自己练习。
   2.前端构建的学习,目前项目没有用任何构建。
   3.持续关注前端发展,每周把这一周收藏的文章仔细深入学习。
   4.保质量的写学习笔记。
   5.专注基础知识。
   6.保持一周至少2次的身体锻炼



标签:
z
给个赞 44 人点赞
收藏 5 人收藏
评论 已有 18 条评论;以下用户言论只代表其个人观点,不代表 前端网(QDFuns) 的观点或立场。
登录 以后才能发表评论
最热评论
funkmission
funkmission2016-12-31 16:07:241F
厉害了,刚毕业就学会了这么多emoticon像我还在爬培训的坑emoticon
举报 支持 (2) 回复 (1)
最新评论
安德鲁的小围巾
安德鲁的小围巾2017-01-24 16:33:5218F
哈哈,你是大神,不能跟你比呀? //@wuxuegangh:楼主不行啊,我入行一年的时候 app都在双端上架了,明显不够努力
举报 支持 (0) 回复 (0)
chongba8
chongba82017-01-10 15:19:1917F
楼主确实厉害,才一年会这么多了!我是一个自学者,请问提到的接口是什么?我现在会写静态页面和一些动画效果。
举报 支持 (0) 回复 (0)
间山阿峰
间山阿峰2017-01-09 23:06:5716F
一个地址管理页面可以从确认订单页面进入也可以从添加地址页面进入或者从修改地址页进入等等 , 楼主这个可以写成一个组件,目前我这边地址管理页面就是这样解决的,也是有几个页面要用到。
举报 支持 (0) 回复 (0)
小水晶
小水晶2017-01-09 09:01:5115F
没有  太菜  失败了 //@走火爱上鱼:你是不是进去了   那就加油吧  人各有志。。。 //@小水晶:刚毕业就怕加班不太好哦emoticon那家大公司还是不错的
举报 支持 (0) 回复 (0)
santokim
santokim2017-01-05 13:41:0214F
实习也不好找啊啊啊
举报 支持 (0) 回复 (0)
阿波罗D波
阿波罗D波2017-01-05 10:17:2613F
厉害的少年
举报 支持 (0) 回复 (0)
w3cshool
w3cshool2017-01-05 09:39:1012F
每一行就有错别字,哈哈哈哈emoticon
举报 支持 (0) 回复 (0)
ddvbbk
ddvbbk2017-01-04 12:48:5111F
同 //@funkmission:厉害了,刚毕业就学会了这么多emoticon像我还在爬培训的坑emoticon
举报 支持 (0) 回复 (0)
Queen_5200
Queen_52002017-01-04 10:57:1110F
同样是16年毕业,感觉差距好大啊,像你学习。
举报 支持 (0) 回复 (0)
wuxuegangh
wuxuegangh2017-01-04 09:36:399F
楼主不行啊,我入行一年的时候 app都在双端上架了,明显不够努力
举报 支持 (0) 回复 (1)
走火爱上鱼
走火爱上鱼2017-01-03 18:32:188F
海淘的 //@AlexanderYeah:楼主做的什么商场项目?
举报 支持 (0) 回复 (0)
AlexanderYeah
AlexanderYeah2017-01-03 17:52:227F
楼主做的什么商场项目?
举报 支持 (0) 回复 (1)
走火爱上鱼
走火爱上鱼2017-01-03 17:49:406F
你是不是进去了   那就加油吧  人各有志。。。 //@小水晶:刚毕业就怕加班不太好哦emoticon那家大公司还是不错的
举报 支持 (0) 回复 (1)
小水晶
小水晶2017-01-03 17:38:375F
刚毕业就怕加班不太好哦emoticon那家大公司还是不错的
举报 支持 (0) 回复 (1)
zhldxgl
zhldxgl2017-01-02 14:43:294F
半年能做这么多事
举报 支持 (0) 回复 (0)
走火爱上鱼 走火爱上鱼 作者

前端小白

作者最新