前端工作总结

前端工作总结 篇1

大三下学期开始自学的前端，断断续续半年多，开始找前端相关的工作；到现在，走过了毕业期的十字路口，已经工作一年了；好吧，严重掉底子了，我是个比较懒的人。既然起步较晚，那么就只有马不停蹄的追赶了，奔跑吧，小前端！写这个20xx的年终总结，没什么经验之谈，只是继往开来，反省反省；继续追逐大神们的脚步，偶尔站在巨人的肩膀上眺望下未来！

一、原谅我，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

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

前端工作总结 篇2

作为公司的网站前端开发和美工，20xx年本人主要负责的是经文保总队的各个系统的界面设计及动态页面制作，包括以下内容：

一、吉林省单位内部安全保卫平台内网及外网设计及制作，同时包括平台下边九个子系统首页制作（包括经文保综合管理系统、散装汽油销售管理系统、安保人员考试系统、高校少数名民族学生管理系统、考试服务系统、金融服务系统等）；

二、公安内网网站吉林公安经文保信息网整站设计及动态效果制作和后期维护；

三、吉林省单位内部安防信息网协同其他行政部门联合办公系统整站设计及动态网页制作；

四、系统内警踪平台整体界面制作；

五、经文保警用手机、平板app客户端界面设计及切图；

六、移动端网站建设；

七、经文保管辖单位重点部位和检查项3D全景建模技术学习及制作，720云场景应用线上展示重点单位主要监控部位动态效果。

经文保之外的临时项目与任务，包括以下内容：

一、省移动公司处系统项目界面设计及制作，家庭宽带项目管理系统界面制作及相关临时项目需要制作；

二、省公安厅汇报项目美化设计；

三、甘南农业项目app客户端制作及后台信息管理系统界面制作；

四、吉林省网优大数据平台demo制作；

五、公司电力部和工程部各类材料、检验报告合同修改以及发票制作；

六、社保材料制作；

七、临时投标演示项目demo效果制作。

以上列出了本人20xx年的工作内容，首先感谢公司提供这样优秀平台和机会，让我在工作中和公司一起度过忙碌而充实的一年，工作中努力协同后台开发人员一起完成界面系统的精美展现，同时选择当下主流框架界面，仔细研究客户的需求和业务流程，不断优化用户操作界面，提供给用户良好的用户体验和用户舒适度。

除了系统开发这一块，在经文保项目还中应用了新领域的720度3D全景动态展示技术，720全景动画展现也是近几年比较火爆市场需求，结合百度地图，实景展现任何地方的办公及生活场景。

这一年做项目过程中在本岗位上提升了自己，同时也学习了新领域的知识，不断充实自己赶在技术的前沿，随时接受新的任务和挑战。

希望公司在新的一年里拓展新领域业务，课余多开展一些培训活动，提高员工学习新技术的积极性，同时培养团队能更好的配合完成任务。

在工作之外，希望公司多组织一些体育活动和知识竟赛活动，这样在日常工作中既可以活动身心和头脑，有能找到更多的工作乐趣，劳逸结合，才能更好的钻研项目，在技术领域有更多的突破，和公司共同创新与成长，同时希望公司项目顺利开展，我会尽全力发挥自己的能力，实现个人的目标和公司的目标，在飞快发展的大环境下和公司共同进步，最后希望公司未来发展越来越好!

前端工作总结 篇3

Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

需要掌握的知识

掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。因此，它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web开发人员的基本条件。

学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。

学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高开发人员的个人技能。

了解Unix和Linux的基本知识虽然这两点很基础，但是开发人员了解Unix和Linux的基本知识是有益无害的。

了解Web服务器当你对Apache的基本配置，htaccess配置技巧有一些掌握的话，将来必定受益，而且这方面的知识学起来也相对容易。

需要熟练掌握的技能

熟悉版本控制系统的用法熟悉使用一种优秀的版本控制系统，你在实际工作中就会发现精通一种版本控制系统是很幸福的事情。

学好Web框架当你掌握了HTML，服务器端脚本语言，CSS和JavaScript后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间，如果你使用PHP，可选的框架有CakePHP，CodeIgniter，Zend等，Python程序员喜欢使用Django和 webpy，Ruby程序员喜欢使用RoR。

对于初学开发人员来说，以上知识是不是看起来很复杂，其实，当你一步步学习并为企业开发成功案例时，你会发现一切都是有意义的付出。

较强的视觉设计

前端技术包括4个部分：前端美工、浏览器兼容、CSS、HTML“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计,艺术性较强的视觉设计等等。

根据该词可以做这样的理解,用互联网来做比喻,凡是通过浏览器到用户端计算机的统称为前端技术.相反存贮于服务器端的统称为后端技术.

Web前端优化

尽量减少HTTP请求 (Make Fewer HTTP Requests)

减少 DNS 查找 (Reduce DNS Lookups)

避免重定向 (Avoid Redirects)

使得 Ajax 可缓存 (Make Ajax Cacheable)

延迟载入组件 (Post-load Components)

预载入组件 (Preload Components)

减少 DOM 元素数量 (Reduce the Number of DOM Elements)

切分组件到多个域 (Split Components Across Domains)

最小化 iframe 的数量 (Minimize the Number of iframes)

杜绝 http 404 错误 (No 404s)

以上10条涵盖了Web前端开发中遇到的各种页面处理技术，让前端开发人员能够准确和快速地把握整个网页的架构，从而达到减少开发成本和页面美化目的.

Web前端开发的职责是什么

1、使用Div+css并结合Javascript负责产品的前端开发和页面制作；

2、熟悉W3C标准和各主流浏览器在前端开发中的差异，能熟练运用DIV+CSS，提供针对不同浏览器的前端页面解决方案；

3、负责相关产品的需求以及前端程序的实现，提供合理的前端架构；

4、与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作；

5、了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解。