web前端研发工程师编程能力成长之路

《web前端研发工程师编程能力成长之路》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、WEB前端研发工程师编程能力成长之路【背景】　　如果你是刚进入WEB前端研发领域，想试试这潭水有多深，看这篇文章吧；　　如果你是做了两三年WEB产品前端研发，迷茫找不着提高之路，看这篇文章吧；　　如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；　　WEB前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所有从事这个职业的人都是靠自己自学成才。自学成才，一条艰辛的坎坷路，我也是这样一路走来。从2002年开

2、始接触WEB前端研发至今已然有了9个年头，如今再回首，期间的走了很多弯路。推已及人，如果能让那些后来者少走些弯路，辛甚辛甚！　　【前言】　　所谓的天才，只不过是比平常人更快的掌握技能、完成工作罢了；只要你找到了正确的方向，并辅以足够的时间，你一样能够踏上成功彼岸。　　本文将WEB前端研发编程能力划分了八个等级，每个等级都列举出了对应的特征及破级提升之方法，希望每位在看本文的同学先准确定位自己的等级（不要以你目前能力的最高点，而是以你当前能力的中档与之等级作对比，以免多走弯路），参考突破之法破之。　　所谓的级别，只是你面对需求时的

3、一种态度：能够完成、能够完美地完成、能够超出预期地完成。以追求完美的态度加以扎实的编程功力，那就是你的编程水平。　　切记心浮气燥，级别够了，那级别里的东西自然就懂了。悟了就是悟了，没悟也没关系，静下心来，投入时间而已。　　一.【入门】　　能够解决一些问题的水平。有一定的基础（比如最常见的HTML标签及其属性、事件、方法；最常见的CSS属性；基础的JavaScript编程能力），能够完成一些简单的WEB前端研发需求。　　举个例子：删除一字符串中指定的字符。varstr="www.baidu.com/?page";str=str.r

4、eplace('?page',"");alert(str);str=str.substring(0,str.indexOf("/"));alert(str);　　首先不要苛责代码的对错严谨，毕竟每个程序员都有这样的一个过程；其次，这两段代码在这个实例里没有什么大过错，可能会有瑕疵，但能够解决问题（删除指定的字符），这就是这个级别的特征。　　再举个例子：//计算系统当前是星期几varstr="";varweek=newDate().getDay();if(week==0){str="今天是星期日";}elseif(week==1)

5、{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+="一";

6、break;case2:str1+="二";break;case3:str1+="三";break;case4:str1+="四";break;case5:str1+="五";break;case6:str1+="六";break;}alert(str);alert(str1);入门”阶段是每个程序员的必经之路，只要“入门”，你就上路了。所谓“师傅领进门，修行靠个人”，有了这个“入门”的基础，自己就可以摸索着前进了。　　【进阶之路】将JavaScript、HTML、CSS之类的编码帮助手册里的每个方法/属性都通读几遍！只有将基础

7、打好，以后的路才能走的顺畅。参考这些帮助文档，力争写出无瑕疵的代码。　　这些编码文档建议不仅是在入门提高期看，在你以后每个阶段破阶的时候都应该看看，最基础的东西往往也是最给力的东西，有时能够给你带来意想不到的收获。　　二.【登堂】能够正确地解决问题。不管你是通过搜索网络，或者通过改造某些成品代码（jQuery/Dojo/Ext/YUI）案例，只要能够无错地完成需求。　　同样以上面的那段“字符串剪裁”代码为例：varstr="www.baidu.com/?page";str=str.replace(/?page/,"");aler

8、t(str);仅仅解决问题对于“登堂”阶段来说已经不是问题，这个级别所给出方案不能是漏洞百出。以上面这段代码为例：replace方法的第一个参数虽然可以支持字符串，但最佳的类型是正则表达式；vara=newArray("日","一","二","三","四","五