web前端年度工作总结

Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。下面是整理的web前端年度工作总结范文，欢迎参考。

>web前端年度工作总结(1)

从入职到现在，我在XXX导师的指导下走上了前端之路。在这段时间的学习和项目中使我对前端业务需求和项目开发流程有一定的了解和认识，对前端也有自己的理解。前端是建立在以产品为核心，用户体验为基础的一门技术(其实我个人更喜欢用艺术来形容前端)，每一个细微的视觉效果、交互体验都能给用户带去不同的感受，舒适、简单、不失高雅的前端产品更能获得用户的好评。

项目中我参与讨论产品实现的技术方案，例如：移动端中webview空页面加载方式和有内容页面加载方式是采用进度条还是蒙层加载，对比分析那种加载方式对用户更加友好;PC端中置顶小动画按钮应该在什么情况下出现，是在出现滚动条的情况下马上出现，还是滚动到一定距离的时候再出现会对用户更加友好。前端开发中“细心”极为重要，任何一个页面的行为，它都可能关系着产品的成败，更是对用户的责任。作为一名前端，在项目上需要熟悉整个业务才能更好的开发，例如：花币领取项目中，由于对需求了解的不够透彻，在完成开发后发现有很多场景未考虑完全而大大的延迟了迭代周期，如果一开始就熟悉业务，了解需求，考虑到所有的场景，那么可以大大的减少开发的时间。

学习中在我导师的指导下了解到前端基础的重要性，了解结构和表现在前端技能中的分量。前端基础就好比大楼的地基，只有拥有坚固的地基，才能搭建起一座摩天大厦。结构和表现是区分后端的重要凭证，前端注重视觉效果，后端着重功能实现，作为一名合格的前端，在结构和表现的技能上必须具备自己的专业优势。

前端是整个项目的桥梁，沟通产品、后台、和设计。整个项目中不仅需要对自己技术肯定，更需要了解业务，才能更有效率的开发和维护产品。

十年磨一剑，我怀揣着梦想站在巨人的肩膀上，紧跟着的脚步希望能越走越快，有朝一日，晚霞落幕，回望过往，那片片云彩皆在欢笑。

>web前端年度工作总结(2)

大三下学期开始自学的前端，断断续续半年多，开始找前端相关的工作;到现在，走过了毕业期的十字路口，已经工作一年了;好吧，严重掉底子了，我是个比较懒的人。。。既然起步较晚，那么就只有马不停蹄的追赶了，奔跑吧，小前端!

写这个201X的年终总结，没什么经验之谈，只是继往开来，反省反省;继续追逐大神们的脚步，偶尔站在巨人的肩膀上眺望下未来!

>一、原谅我，Jquery：

工作之前，那时什么基础都没有，只是逼于即将毕业后的压力，百度到了前端开发，就直接从原生JS开始学了;学不动了，问了下认识的计算机系的学长，知道了Jquery，OK，学吧。。。然而我并没有太大兴趣。。。因为我买了本‘高三’，jquery只是对‘高三’进行了整体的封装，他把我要做的事都做了，那好吧，继续原生JS喽;不得不说那时做的最多的就是原生JS仿写各种特效;;还想了个主题，弄了一堆静态页面，拼了个网站的样子作为找工作的‘作品’，后来

后来，我知道我错了，写那些只是属于前端基础的一小部分，工作毕竟是工作，Demo终难上台面，团队的配合以及开发的效率才是最重要的;现在工作以jquery为主，至于曾经写的各种效果，现在也都有对应的现成组件，拿来用就是;之前无知时忽视了的jquery，工作后开始马不停蹄的搜索各种资源补缺了，还好原生JS没有丢，作为前端的根基，在jquery以外帮了我不少;现在，基础组件一般都是以jquery插件的形式做的，但是业余有时间我都会用原生JS实现一些，因为我不想因为jquery而逐渐忽视原生JS;

>二、必须追求的模块化：

前端的模块化是非常必要的，之前对模块化一直是停留在概念阶段，没有太多实践，只是感觉特别好，毕竟在追逐大神们的脚步嘛!忍不住选择了玉伯老师的Seajs，试着把原来写的jquery和几个组件，划分成模块，用Seajs组织到一起;由于工作中的前端结构已趋于稳定，一下子不可能整体改，所以我只是在本地新建了个目录，一有时间就考虑下，怎么以模块化的搞法从新组织下;私下里，为了证实我在工作的本地前端结构可用，还专门弄了个简单的博客，按照自己对模块化的想法，首先以自己的博客作为实验场，来验证可行性;不管结果怎么样，不管这样做好不好，就当是一种锻炼吧;愚论拙见，只当逗大神们一笑吧;

>三、弱小者的强大力量——CSS：

HTML、CSS作为前端开发最基础的一部分，可能在后端眼中不值一提吧(忽视这个小小的吐槽吧。。。)，确实我也这么认为;但是，我更认为，前提是你能够把这些基础乱熟于心，并且对各种浏览器的兼容性了然于胸，闭着眼睛也能写出简洁明了的HTML、CSS;好吧，其实这只是我对自己的一个长期的要求;因为模块化，不只是JS，对应的少不了HTML、CSS;为了与JS的模块化遥相呼应，那么CSS的模块化是不可忽略的，只是就CSS来说，要想做到极致精简、模块化、可复用，不是想想就可以的;

是的，你必须还是得要把一些逻辑性的东西引入CSS才行;

恩，SASS是首选的CSS预编译器之一;风行于前后端的Bootstrap之前是基于Less的，后来全部开始转向Sass了;所以，无论现在对于Bootstrap熟练度有多少，我想其对于前端样式的构建思想是非常值得学习的;以Sass作为前端样式的构建工具，来实现精简、模块化、可复用的样式，我想那不是梦，当然，一切都是需要历练和积累的;

>四、革命性的转折点：Nodejs

不管Nodejs属于前端还是后端，我想其对于前端工作的变革性影响都是不言而喻的;在我心里，Nodejs将前端的模块化思想做到了极致，包的数量多达十几万的NPM社区足以证明其伟大之处;Nodejs内部实现了Commonjs规范，以require模块的方式调用内部模块和外部模块;所以NPM社区如此强大是必然的;由此各大类库和框架都实现了基于Nodejs的模块化实现;并且远不止这些，基于Nodejs还带来了前端的工程化;各种前端自动化工具推陈出新，不断向前端工作注入新的活力;比如：Grunt、Gulp、Browserify、Webpack等等;

不好意思，Nodejs学的还不多，若有夸大其词的地方，大神还是忽视我吧;花满楼的博客只是对Nodejs小小的探索，诸多不足，有待改进，望大神路过指导;

>五、话说，我想多了：

每次信誓旦旦做的规划，都会随着时间的脚步渐渐风化;每次回顾过去，只留一声叹：时间都去哪了?呵呵，还是走好脚下的路吧，毕竟做该做的事总归是好的;愿和我一样的小前端们，梦想都不是白日梦!

>六、遇见最好的你：Angularjs

目前工作的情况并没有太大的变动，有些事还是得以团队工作为重;只是业余会多些躁动，201X年，想学好Angularjs;一方面作为工作内的技术储备，另一方面，我的实验场还是需要多些内含的，打算首先用Angularjs改造博客的后端程序;权当锻炼吧!风靡前端的框架还有很多，大神们也是有各种论调，我想选Angularjs因为我胃口小，一口吃不下一个包子，还是细嚼慢咽的好;主要是：Angularjs的思想很吸引我，MVC、路由、双向数据绑定、依赖注入、指令系统等;对我来说既陌生又无限的吊胃口;无论学的怎么样，我想理解这些思想对现在的我来说恐怕才是最重要的。