前端工程师前端研发编程能力提高经验

【背景】背景】如果你是刚进入WEB前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年WEB产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；WEB前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所有从事这个职业的人都是靠自己自学成才。自学成才，一条艰辛的坎坷路，我也是这样一路走来。从2002年开始接触WEB前端研发至今已然有了9个年头，如今再回首，期间的走了很多弯路。推已及人，如果能让那些后来者少走些弯路，辛甚辛甚！【前言】前言】所谓的天才，只不过是比平常人更快的掌握技能、完成工作罢了；只要你找到了正确的方向，并辅以足够的时间，你一样能够踏上成功彼岸。本文将WEB前端研发编程能力划分了八个等级，每个等级都列举出了对应的特征及破级提升之 方法 快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载 ，希望每位在看本文的同学先准确定位自己的等级（不要以你目前能力的最高点，而是以你当前能力的中档与之等级作对比，以免多走弯路），参考突破之法破之。所谓的级别，只是你面对需求时的一种态度：能够完成、能够完美地完成、能够超出预期地完成。以追求完美的态度加以扎实的编程功力，那就是你的编程水平。切记心浮气燥，级别够了，那级别里的东西自然就懂了。悟了就是悟了，没悟也没关系，静下心来，投入时间而已。一.【入门】【入门】能够解决一些问题的水平。有一定的基础（比如最常见的HTML标签及其属性、事件、方法；最常见的CSS属性；基础的JavaScript编程能力），能够完成一些简单的WEB前端研发需求。举个例子：删除一字符串中指定的字符。首先不要苛责代码的对错严谨，毕竟每个程序员都有这样的一个过程；其次，这两段代码在这个实例里没有什么大过错，可能会有瑕疵，但能够解决问题（删除指定的字符），这就是这个级别的特征。再举个例子：//计算系统当前是星期几varstr="";varweek=newDate().getDay();if(week==0){str="今天是星期日";}elseif(week==1){str="今天是星期一";}elseif(week==2){str="今天是星期二";}elseif(week==3){str="今天是星期三";}elseif(week==4){str="今天是星期四";}elseif(week==5){str="今天是星期五";}elseif(week==6){str="今天是星期六";}//或者更好一些varstr1="今天是星期";varweek=newDate().getDay();switch(week){case0:str1+="日";break;case1:str1+="一";break;case2:str1+="二";break;case3:str1+="三";break;case4:str1+="四";break;case5:str1+="五";break;case6:str1+="六";break;}alert(str);alert(str1);入门”阶段是每个程序员的必经之路，只要“入门”，你就上路了。所谓“师傅领进门，修行靠个人”，有了这个“入门”的基础，自己就可以摸索着前进了。【进阶之路】进阶之路】将JavaScript、HTML、CSS之类的编码帮助手册里的每个方法/属性都通读几遍！只有将基础打好，以后的路才能走的顺畅。参考这些帮助文档，力争写出无瑕疵的代码。这些编码文档建议不仅是在入门提高期看，在你以后每个阶段破阶的时候都应该看看，最基础的东西往往也是最给力的东西，有时能够给你带来意想不到的收获。二.【登堂】【登堂】能够正确地解决问题。不管你是通过搜索网络，或者通过改造某些成品代码（jQuery/Dojo/Ext/YUI）案例，只要能够无错地完成需求。去比较每段代码之间的差异。这两条路可以让你快速完成原始积累，当你再面对大多数需求时能够说这些问题我以前做过，那你就水到渠成地晋阶了。三.【入室】【入室】最强代码，知道所有能够解决需求的各种 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 ，能够选择使用最优秀的方案满足需求。这个级从WEB前端编程来说，通过2年左右的努力，很多人能够达到这个水平，但是，很大一部分人的编程能力也就止步于此。或限于产品的需这个阶段已经不再追求一招一式，对你来说不是使用什么创新绝招解决需求，而是给出成熟稳重的方案，从根上解决问题。针对某个当前需求你的代码可能不是最优，但是针对此类的需求你的代码却是最优秀的代码。【进阶之路】进阶之路】很多WEB前端研发工程师在做了3-4年之后就会进入一个瓶颈期：产品开发需求是小菜一碟，没有新鲜的可以挑战的东西；代码开发中的稀奇的解题方法都已经尝试过。没有了可挑战的难题，失去了探索的激情，也就没有了再上升的动力，好不容易走过“入室”级别的人又会有八九成止步于此。或转做技术领导人，或转到其它的领域，或换公司。这些人的上升之路在哪里呢？这个阶段单单依靠技巧和数量的累积已经没有什么效果了，突破之路在第5层《化蝶》里会详细说明，我建议你在这个阶段末尾着重关注编程理论：面向对象/过程、代码组织形式、编译、代码规范、其它的框架设计等等。我建议这个级别的工程师做一做WebEditor控件，不要求完整功能，但是该控件里的模块划分、代码组织、编程思想做到位，给出一个系统的解决方案。五.【化蝶】【化蝶】破茧重生，这个层次关注的是编程语言本身，而不再关心产品需求。什么是茧？产品需求就是茧。当你一招胜万招，打遍天下需求之时，你如果还拘泥于需求开发，那就是你限于茧中而不自知。要么就在这个茧里默默地老去要么就破开茧获得新生。还是以那个“字符串剪裁”的老例子：/***在拼接正则 表 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 达式字符串时，消除原字符串中特殊字符对正则表达式的干扰*@author:meizz*@version:2010/12/16*@param{String}str被正则表达式字符串保护编码的字符串*@return{String}被保护处理过后的字符串*/functionescapeReg(str){returnstr.replace(newRegExp("([.*+?^=!:\x24{}()|[\\]\/\\\\])","g"),"\\\x241");}/***删除URL字符串中指定的Query*@author:meizz*@version:2010/12/16*@param{String}urlURL字符串*@param{String}key被删除的Query名*@return{String}被删除指定query后的URL字符串*/functiondelUrlQuery(url,key){key=escapeReg(key);varreg=newRegExp("((\\?)("+key+"=[^&]*&)+(?!"+key+"=))|(((\\?|&)"+key+"=[^&]*)+$)|(&"+key+"=[^&]*)","g");returnurl.replace(reg,"\x241")}g.js/***在拼接正则表达式字符串时，消除原字符串中特殊字符对正则表达式的干扰*@author:meizz*@version:2010/12/16总会有人乘着飞机、宇宙飞船从你的头领掠过，高处不胜寒！要突破这片领域，那就必须跳出这片领域。要想突破WEB前端研发的宗师级，那就跳出WEB前端吧，上面还有WEB开发。即使你是WEB前端的宗师，但没有快速的数据响应，没有高速的网络架构，没有优美的系统支持，你又能如何？所以突破之路就是把目光投到整条WEB开发的链条中去。八.【飞升】【飞升】其实严格来说，飞升已经不是原领域的范围了。在WEB研发领域，对于这个层次的有一个很好听的称谓：架构师。当然那些“伪架构师”另当别论。一法通，万法通。在其它的技术领域，也可以按照《入门》《登堂》《入室》《入微》《化蝶》《大侠》《宗师》来划分等级；一样也可以按照我这里所写的每个级别的【进阶之路】来快速提升。祝贺你再获辉煌