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

【背景】

　　如果你是刚进入

WEB 前端研发领域，想试试这潭水有多深，看这篇文章吧；

　　如果你是做了两三年

WEB 产品前端研发，迷茫找不着提高之路，看这篇文章吧；

　　如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；

　　

WEB 前端研发工程师，在国内是一个朝阳职业，自 07-08 年正式有这个职业以来，也不过三四年的时间。这

个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所有从事这个职业的人都是靠自己自学成才。自学
成才，一条艰辛的坎坷路，我也是这样一路走来。从

2002 年开始接触 WEB 前端研发至今已然有了 9 个年头，如今

再回首，期间的走了很多弯路。推已及人，如果能让那些后来者少走些弯路，辛甚辛甚！

　　【前言】

　　所谓的天才，只不过是比平常人更快的掌握技能、完成工作罢了；只要你找到了正确的方向，并辅以足够的时
间，你一样能够踏上成功彼岸。

　　本文将

WEB 前端研发编程能力划分了八个等级，每个等级都列举出了对应的特征及破级提升之方法，希望每

位在看本文的同学先准确定位自己的等级（不要以你目前能力的最高点，而是以你当前能力的中档与之等级作对比，
以免多走弯路），参考突破之法破之。

　　所谓的级别，只是你面对需求时的一种态度：能够完成、能够完美地完成、能够超出预期地完成。以追求完美的
态度加以扎实的编程功力，那就是你的编程水平。

　　切记心浮气燥，级别够了，那级别里的东西自然就懂了。悟了就是悟了，没悟也没关系，静下心来，投入时间
而已。

　　一

.【入门】

　　能够解决一些问题的水平。有一定的基础（比如最常见的

HTML 标签及其属性、事件、方法；最常见的 CSS 属性；

基础的

JavaScript 编程能力），能够完成一些简单的 WEB 前端研发需求。

　　举个例子：删除一字符串中指定的字符。

var

 str="www.baidu.com/?page";

str=str.replace('?page',"");
alert(str);
str=str.substring(0,str.indexOf("/"));
alert(str);

　　首先不要苛责代码的对错严谨，毕竟每个程序员都有这样的一个过程；其次，这两段代码在这个实例里没有什
么大过错，可能会有瑕疵，但能够解决问题（删除指定的字符），这就是这个级别的特征。

 

　　再举个例子：

// 计算系统当前是星期几

var

 str = "";

var

 week = 

new

 Date().getDay();

if

 (week == 0) {

        str = "今天是星期日";
} 

else

 

if

 (week == 1) {

        str = "今天是星期一";
} 

else

 

if

 (week == 2) {

        str = "今天是星期二";
 } 

else

 

if

 (week == 3) {