前端工程师前端研发编程能力提高经验模板.doc

前端工程师前端研发编程能力提高经验【背景】背景】如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;WEB前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的时间。这个领域没有学校的正规教育,没有行内成体系的理论指引,几乎所有从事这个职业的人都是靠自己自学成才。自学成才,一条艰辛的坎坷路,我也是这样一路走来。从2002年开始接触WEB前端研发至今已然有了9个年头,如今再回首,期间的走了很多弯路。推已及人,如果能让那些后来者少走些弯路,辛甚辛甚!【前言】前言】所谓的天才,只不过是比平常人更快的掌握技能、完成工作罢了;只要你找到了正确的方向,并辅以足够的时间,你一样能够踏上成功彼岸。本文将WEB前端研发编程能力划分了八个等级,每个等级都列举出了对应的特征及破级提升之方法,希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点,而是以你当前能力的中档与之等级作对比,以免多走弯路),参考突破之法破之。所谓的级别,只是你面对需求时的一种态度:能够完成、能够完美地完成、能够超出预期地完成。以追求完美的态度加以扎实的编程功力,那就是你的编程水平。切记心浮气燥,级别够了,那级别里的东西自然就懂了。悟了就是悟了,没悟也没关系,静下心来,投入时间而已。一.【入门】【入门】能够解决一些问题的水平。有一定的基础(比如最常见的HTML标签及其属性、事件、方法;最常见的CSS属性;基础的JavaScript编程能力),能够完成一些简单的WEB前端研发需求。举个例子:删除一字符串中指定的字符。varstr="";str=('?page',"");alert(str);str=(0,("/"));alert(str);首先不要苛责代码的对错严谨,毕竟每个程序员都有这样的一个过程;其次,这两段代码在这个实例里没有什么大过错,可能会有瑕疵,但能够解决问题(删除指定的字符),这就是这个级别的特征。再举个例子://计算系统当前是星期几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)案例,只要能够无错地完成需求。同样以上面的那段“字符串剪裁”代码为例:varstr="";str=(/?page/,"");alert(str);仅仅解决问题对于“登堂”阶段来说已经不是问题,这个级别所给出方案不能是漏洞百出。以上面这段代码为例:replace方法的第一个参数虽然可以支持字符串,但最佳的类型是正则表达式;vara=newArray("日","一","二","三","四","五","六");varweek=newDate().getDay();varstr="今天是星期"+a[week];alert(str);对比“入门级”的代码,不管是从代码量、代码效率、代码优美性、代码思路