每天学习2小时，17年前端经验分享，让你前端之路不再迷茫

我是老尚，是做web前端开发的，从最开始的2002年到北京的那个春天算起来，已经17年了。这17年里，基本上吧，算下来我每天平均学习2个小时，今天想跟大家分享一下我的经历。

** {{ 01 }} **

我是辽宁人，生在一个小城市里，后来这个城市靠着本山大叔的强力引流，变成了【大城市】，哈哈哈，同学们应该都知道是哪个城市了。

毕业之后，我第一份工作其实是在一个宾馆里负责消防器材，很闲的一个工作，不起火我就没事可做，起火了我更没事可做。干嘛去呢？成天在网吧玩游戏。仙剑、红警、雷神、毁灭公爵、星际1，玩了个遍，去三好街配电脑，一台挣200，各种拆装机箱，重装系统，还因为超频而烧过一个赛场400CPU，这些都是近20年前的老古董了，同学们应该都没听说过

但生活不能永远这样，后来网吧黄了

{{ 2 }}

宾馆消防的工作很清闲，我自学了Ps、3dMax、网页三剑客（dw、fw、flash），真心的说，我自学能力还是很可以的。学会这些东西我花了多久时间？

ps，时间久一些，3个月，

3dMax，二个月，

网页三剑客，大概一个月。因为fw和ps很类似，而flash和3dMax很多思路也相通。所以相当于只学习了html、css。

那时还有很多免费空间可以用，例如，主页大巴，(哎，想起这个名字的时候，真是很久远感觉了)，那时还有蓝色理想、闪客帝国、七色鸟…等等。

我做了一个很简单，但可以用的网站，找到了第二份工作。在沈阳，是一个做网页设计的工作，那时应该是1999年，月工资350块。第一次知道了网页上的广告条叫banner，网站上的标志图片叫logo。我负责网页设计、切html页面，做flash动画。

html页面加上图片、flash动画之后，扔给后端程序员，他们去套程序，然后我再去调整页面上乱掉的部分。就这样，过了一年多，感谢这家公司，它让我拥有了基本的网页设计能力。

但生活不能永远这样，我听说北京互联网很发达

{{ 3 }}

2002年3、4月份吧，时间太久已经记不清了。只记得是一个阴雨天的早晨，我拖着行李箱出了北京站。

北京，我来了。

刚开始的时候，也是做网页设计，工资2200。整天就是设计、切图。html、css熟练到了可以一心二用的程度。但我的设计美感很差，这让我和客户都很痛苦。

大概是2005、6年的时候吧(时间太久记不清了)，开始兴起了div+css网页制作。刚开始的时候我也很不习惯，毕竟table做页面很久了。但技术的发展是不可阻拦的，必须顺应。学！

用了二天！真的只是二天，看了下div+css网页制作的技术资料，发现只是把table换成了一些html标签，主要是div，然后就是各种标签的语义化使用。

其实主要是思路的扭转，

• table相当于是“套”页面，一层一层的表格；

• div+css，是“组装”页面，做的是页面的结构。

这个总结，【是我最初的关于前端模块化的理解】。

生活还在继承，我看到了js

{{ 4 }}

自那之后，页面的交互操作愈加复杂，JavaScript的应用也越来越多。

我惊讶的发现，【似乎出现了一个可以只写JavaScirpt的岗位？貌似工资还比较高？！】一定要搞定它！

那个年头，教js是肯定没有的。那时大概是2007、8年吧

这个JavaScirpt怎么学呢？网上那些教程都看不懂啊。

alert(‘学习js’)，这是我学会的第一个js命令，我用它在页面上弹出了一个提示。这很Ok，我很欣慰。

现在的同学们应该没有见过那个年头的互联网，简直就是小发廊洗剪吹的感觉。“文字变色环绕跟随鼠标、漂浮广告块边框变色闪动、网页title滚动、页面footer底滚动文字变色广告、文字波浪变色动画广告，点击页面放礼花特效，各种大红大绿闪烁…”

这些网页特效都是用js写的。我是这么做的，

1、找一些相对短的特效代码；

2、把它里面的js命令都挑出来；

3、一个个的查它们的作用；

4、搞清楚之后，把整个代码用中文描述一下，理解它的思路；

5、再把js命令填回去；

6、自己照着写一遍js；

7、自己再背着写一遍js；

8、重复上述第1~第7步；

就这样，我按这个思路，把当时基本上所有的页面特效都写了个遍，大概用了有二三个月吧，因为很多特效所用的方法都类似，只是思路不同。到后来我只是去理解某个特效它的实现思路了。

当时的我并没有真正的深入学习过JavaScript，并没有去找各种js教程，因为我根本看不懂。

**我的js学习方法总结起来，**其实就是一个字，【抄写】。就是不断的抄写代码，然后F5刷新页面看效果，如果没有效果，那么查找我的代码和参考的代码有哪些不同。

至于排bug什么的，那根本都不知道是什么意思。什么prototype、constructor、new一个对象、this什么的，当时根本是完全不懂。但是我通过不断的抄写代码实现效果，理解了代码的运行过程，就这样，我掌握了基本的【程序代码的逻辑思维方式】。

生活还在继续啊，慢慢的各种前端框架出现了，

{{ 5 }}

这时已经是2010年前后，原生JavaScript大火特火，jQuery一统天下，我的工资也涨到了8000。那时我已经是全职的前端开发了，只负责写JavaScript、jQuery，带4、5个实习生，html页面什么的都是他们在搞了。

现在回顾一下，当时无论有多忙，每天至少抄写一段代码，查一些命令，至少2个小时。再往后，一路前端做下来，就是慢慢积累了。

{{ 6 }}

我发现，现在很多前端新人，就是不知道怎么去学习前端开发，学习JavaScirpt，我希望我的学习经历、方法、思路，能够给你们一些启发。也为了帮助更多的前端新人，推出一套【免费的web前端公开课】，通过实例讲解JavaScirpt的核心、重点内容，帮助大家更好、更快的掌握前端开发技术。希望大家都能坚持学习下去，你付出足够的时间精力，必然会获得超值的丰厚回报。