学习和实践前端一年时间，几乎天天在工作室和一群屌丝男程序员一起学习、开发。这种潜移默化的环境下，编码提高了，节操也细碎了。 一年前，娇滴滴的还是工作室里面小师妹一枚，软软的软件工程妹子，做不到人见人爱，但在这个据说男女比例8比1的学校中，仍是比较受欢迎群体——女生中的一员。 然而， 回想过去这一年，跟一帮大老爷们坐在一起讲蛋疼的笑话； 工作室聚餐中满怀“邪”意地企图把师兄们灌 为了赶项目，可以经常和某位苦逼男一起debug到两三点，不亦乐乎； 男生唤我作欣姐，各种玩笑各种开，因为都不拿我当女生看； 天天十多小时对着电脑，很少化妆，因为卸妆好麻烦，还不如留着时间撸码； 没课的时候。蓬头垢脸，踢着拖鞋就崩工作室去了； 在工作室中睡觉，口水哗哗流，完全不理会身边有十多个男生盘算着通宵达旦撸码。 一路心酸。辛酸。我本来一好好的妹子，怎么就成了女汉子。好吧，其实我还是挺喜欢现在这种生活~~~ 发了一段牢骚，如今调回工作模式。 定期总结、回顾优劣，重新规划。 这并不是为了让人驻足围观（也就不存在什么显摆之类的目的），主要的目的至少是可以审度过去那一段时间——做过的事，看过的书、感悟，才能更好地规划日后。 ——————♦ 做过的事 ♦—————— 学过半年的前端，知道大二下学期才等来开发的机会。大二上半年有点清闲，下半年累得蛋疼。过去半年都是在项目折磨下进步地，简单回顾一下它们，我的孩子嘛，应该都有我十分之一的“韵魅”。 ### 一、项目 ◊ 伴你同行婚纱摄影网站（2014年2、3月） 单独完成前后端工作。我的长子。 这里要赞美一下我可爱又丑陋的姐夫，让我早早投入到项目开发中，唯一一个独揽前后台开发的项目。它让我尽早发现自己学习和实际开发的差距。也是因为大二寒假的努力，让我更加有底气争取更多项目开发机会。 收获 ： 1，着重用户体验 　　　  2，基于Ajax/JSON数据交互 　　  　3，独立完成java后台开发 　  　　4，MySQL ◊ BMS南海博物馆系统（2014年4、5、8月） 单独完成前端工作。第一个和工作室同学交（liu）配（he）的孩子。 和善良幽默的佳铭合作，在廖老师和他的严格要求，熬了若干夜。也是这个项目让我拉下“页面做得不好看”，“代码可读性差”的“臭名”。 收获 ：1，原生可拖拽、最大化、最小化窗口控件 　　　 2，javascript面向对象设计 ◊ 梅州地区中学校园网站及其后台管理系统（2014年4、5月） 单独完成前端工作。 收获： 1，设计与用户交互提升一个档次 　　　 2，多文件上传，上传管理 　　 　3，实现后台管理系统对前端页面的样式修改 ◊ 广东省气象局信访风险防控登记系统（2014年6、7月，至今） 合作完成前端工作。 收获： 1，javascript跨域问题的解决 　　　 2，自定义JQuery复选框插件 　　　 。。。。。。 ◊ 数字化校园管理系统（2014年7月） 合作完成前端工作。 接了某师弟的烂摊子，把整个管理系统前端页面重构了一次，然后和某同学合作重写了前后台交接部分，一个星期完成别人三个月都完成不了的。在我看来这个比较高级的项目，涉及一卡通设备管理、考勤管理、人员管理、短信管理等功能。 收获 　　我萌生自定义控件的想法： 　　例如，网格插件——调用者仅需提供表头信息，ajax加载表体内容，附带分页筛选控件。extjs　　在这方面做得比较细致方便，数据存储机制很独到。如果能够模仿这方面的类库实现自定义的网格插件，将大大减少代码的冗余量和开发工作量。 ◊ 2014年中山一院远程教育网（2014年8月，至今） 领导完成前端工作。 算是最用心做得一个项目，也是至今为止，唯一一个有小师弟协助的项目。想过踏踏实实地做，认认真真指导师弟。认真分析五十多M的资料，整理了角色与功能，画出UML，从面向对象分析，企图整理出可复用的控件，并且根据角色权限拓展控件功能。后来，计划跟不上变化。对于这个规模的项目，我的计划是三四个月，可是老师的要求却是一个月。。。页面太多了，即便整理了，少说也有五十多个页面；师弟才刚接触前端一两个月，我要完成我手上的工作，分身法术，没有多余时间指导。 收获： 1，初步接触UMl 　　　 2，补习Extjs基础，自定义若干个类。 　　 　3，奠基面向对象思想 　 　　4，接触了伟大的响应式设计Shamcey 　　　　。。。。。。 **小结：** 1，技术要更加扎实，不能再继续坑队友，尤其是暑假不少时候熬到深夜2点debug。项目越做到后面，越是要坚持下来，对技术的考验越高。 2，如果可以日后有机会，我想参与到一个比较大型项目。一个能够让我掌控的项目（客户和老师对界面要求不严格，需求宽松），能够让我更加得心应手而不是前顾后盼，更能专注于开发而不是老师的非技术要求，更有信心继续做下去。 3，注意规范和代码可读性。不仅仅为了日后的二次开发，更多的是，贯穿里外、自始至终整洁规范的代码是后期开发的动力！ 4，做得多，收获更多。一度又一度已经不想再做重重复复，修修改改的前端页面。让程序员设计是一头痛的事情。很不幸这些项目很多都是我“独揽”前端，没有UI设计者给我设计页面，没有人给你分析需求。只有一个前端，只有一个后台。从设计，到HTML、CSS、javascript，再到交互的Ajax，不累挂前端不完结。没错，做得多，收获更多！ 5，时间安排。使用的技术太狭隘、单一了。其实也局限于时间，做的项目太多，没有多与事件总结和学习新技术。其实我可以在做项目的块海绵挤出更多的时间做这些事情：在设计页面方面，我想多参考外国优秀的网站模版；在技术方面，多看牛人的博客；定时总结，从技术难点角度、从语言角度、从项目角度。不总结，学得再多，做得再多也显徒劳。 ### 二、招新 为咱们伟大的topview工作室招揽新一代贤才真是一个激动人心，让人振奋的任务。咱们打着大三大部分师兄找到BAT实习机会的名号，从海报设计到招新网站，没有一个我有参与。出了几个招新方式小想法，杜撰了几道前端招新的计时题目，问到一些小师弟小师妹口哑哑，也左右了最后招新的赛果。从浩浩荡荡的四百人马中筛选中17位学习能力强，态度性格良好的人才。 收获： 1，看到过来招新的小师弟小师妹，就想起当年自己。考核时期的最充实，也就是那段时间养成自学编程的素养。他们不懈拼搏，追赶着我们这群不愿被超越的老骨头。 2，意向要坚定。很多同学意向不坚定，左右摇摆，在若干个工作室报名考核，却不清楚自己到底想留在哪个工作室。这是个大忌，，其实我们有和别的工作室leader师兄交流，即便面试者不坦白，我们对他们的情况还是一清二楚。日后我们去公司招聘也要注意这一点。同时通过多个工作室的面试不代表你厉害，能够通过最终考核的同学才是胜利者。因为他们摇摆不定，最后从自己手上掌握多个机会，到一个机会都抓不住。 3，我需要更加耐心和细心。能够理清思路，从多个角度教会别人，一直都是我的追求。多角度分析问题，需要扎实的功底。 ——————♦ 看过的书 ♦—————— 与其说是是看过的书，不如说成是学过的事物。深谙：看过某门知识的书，不代表掌握某门知识。掌握知识的途径不仅仅是书本，还有网络和同伴交流。下面列举过去这一年来，阅读过的，值得推荐的几本书： ### 一、交互/界面 **《大巧不工》** 内容看似简单和基础，但是估计有一定开发经验的同学才能真正体会文章深刻。对初学者尤为重要，他可以让你们少走弯路。无论是web前端技术方向还是用户体验研究方向，这则本书应该是一本不错的指导书。内容都很精彩，收获匪浅，虽然出书有一定年代了，但内容不会太过时。 “可用性”的首要原则是“别让我思考”。这是我映象最深刻的一章。在她的引导下，我发表了我的第一篇博文http://www.cnblogs.com/0603ljx/p/3580191.html **《网页设计秘笈Don’t Make Me Think》** 和《大巧不工》这本书相比，它的文笔更加犀利简洁。书本精彩之处，在于作者站在使用者而不是开发者的角度，从若干生活用例出发。然而，要吃透这一类书，可能需要一个漫长而潜移默化的过程，边开发边阅读，也许会有更深刻的认识。 **《CSS3实战》** 大量实用的实例，没有网上关于css3和html5纷繁精彩，也没有提供例子源码，但是因为这两点，更加令我静下心来好好研究这门算是比较新鲜的技术。无论如何，学习都是要踏踏实实一步一步来，网上的实例多么复杂漂亮，如果不动手做，而总想着复制改，恐怕永远都达不到你想要的高度。如果想更详细地认识css3和html5，可以参考《HTML5与CSS3权威指南》 ### 二、技术 **《jQuery基础教程4》** 不要说我崇洋媚外，外国程序员出的书很多都很精彩。基础教程嘛，从一个小小例子出发、逐步加深、边讲解边拓展，这种教程模式很美妙。很欣赏作者的编程思路和独特的算法模式，表格操作跟滑移和翻转都是很实用章节。《锋利的jQuery》这本书太简单了，比较适合那些只想在前端蜻蜓点水的后端开发同学看。想认真学好jQuery这门框架，这是一本很耐看和实用的书。《jQuery网页开发实例精解》这推荐的这堆书里面，这本书的作者有点弱。里面的例子很小型，还算比较实用和经典。对于那些要马上做项目但是jQuery又没学通的同学，里面有超多例子可以直接用。 **《JavaScript权威指南(第六版)》** 前端基础工具书之一，初学者很难静下心来把书遍历一遍。对象、数组、函数、类和模块这几章据说很重要，师兄说面试必备。学了一年前端，我终究不能写出很面向对象的原生javascript可能也是因为这写基础掌握不太牢固吧。很想找个比较有时间的星期，再看一遍这几章。 **《Javascript_语言精粹》** 薄薄一本小宝典，浓缩出精华。没法泛泛而读，可以说字字珠玑，细致认真地读，收获将匪浅。同等类型的书还有基本，不过质量次之。《征服Ajax》难度位于基础教程和高级程序设计之间，有深度，但是又容易看懂，进阶的好书。《JavaScript DOM编程艺术 第2版》是一本适合初学者或者已经学但是没学精的前端设计人员看的书。《高性能JavaScript编程》是我课上偷偷看的电子版，那段事件忙着做项目确实没有太多课余时间，无法想象居然看了将近两个月。里面的内容无法一时半刻领悟，需要开发着用。 **《ExJS实战》** 《深入浅出ExtJS》这本书说得太细致，学extjs要纠结到类的属性就自个儿看api吧，要学得深入这是更好的选择。现今除了ext5，但书讲的是ext3，泛读一遍，补补基础。 **《javascript高级程序设计》** 虽说是高级教程，但知识点都是循序渐进的，条理也比较畅顺，挺能符合常人的思维习惯。讲了很多代码实现的进化过程，并且对js中很难理解的闭包，继承，原型，原型链都讲的很清楚。事件和dom部分讲到很多浏览器兼容问题，哪些函数是哪个标准的版本，哪些浏览器支持等。js如果不是使用框架，那么浏览器兼容简直就是噩梦。但具体的兼容性还没有权威的书籍进行介绍。 **《Effective JavaScript》** 还没看完，也知道现在我这种水平要看完并且看懂，需要比较长的事件。每看一章就受一次挫败，但想深入学习javascript，唯有再接再厉，继续努力。 ——————♦ 感悟 ♦—————— ### 一、机会总是留给有准备的人。 以前看过不少名人的故事，但感悟并不深刻。直到这个学期遇到一些事情才深有感悟。很多人只知道：珍惜来之不易的机会，创造更多的价值。但是在机会来临之前所能做的少之又少，甚至只是等待，机会走过了还不知不觉。 大一的时候如果没有好好学好基础课，你将错过加入学院工作室的众多机会，和接触编程厉害、逻辑思维缜密同学机会失之交臂。 大二的时候分心，不提高效率、专心于专业技术，你将因为能力不足错过参与实际项目的机会，和磨练实战失之交臂。 大三马上就有陆陆续续的实习生招聘，没有准备好，或许，等到身边同伴都有所归属的时候，你只能在一旁悄然落泪。 ### 二、坚持很重要。 定时制定计划，这个星期、这个月、这个学期，坚持下来！ 项目后期坚持下去。项目到后期要改细节太多，以前遗留下来的问题也不少，然而自己热情不再，这个时候很考验意志。 ### 三、总结也是下一次针对性地复习。 平时遇到零零碎碎的问题，平时点点滴滴的发现。总结起来，我相信日后会是个巨大的宝库 ——————♦ 规划 ♦—————— 不能计划好自己的人，只能成为别人计划中的一部分。 ### 一、学好英语。 要学会看懂外语文档，博文。要学会接触外国新技术，不能指望等人家消化完，又出书，网上博客都上百篇的时候才开始接触这些新技术。 ### 二、开发自己的类库 开发出符合自己开发习惯，方便团队日后开发的前端库。注意规范，可读性，详尽的文档需要更加扎实的基础，和独特的代码触觉。以往的开发经验才能让我更清楚哪些部件更需要封装重用 ### 三、拓宽知识面 补补java，继续进修php，继续熟悉linux系统操作等等，要做的事情太多，没有太多时间偷懒。 ### 四、写出风格 在代码风格和算法效率方面仍需下下苦工。这个一个漫长的循序渐进的成长过程。 用了两个半晚上，凑了一下零零碎碎的想法。写给大一升大二的小师弟小师妹，也写给我即将逝去去的青春。 青春和时光都会凋零，只有住在心里的那一朵花能够永远地灿烂下去。 计算机专业充满挑战和机会，我们需要一份坚持下去，静下心来学习。 原文地址：[http://www.cnblogs.com/0603ljx/p/3918625.html](http://www.cnblogs.com/0603ljx/p/3918625.html) 作者：floralam