天天学习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年三、4月份吧，时间过久已经记不清了。只记得是一个阴雨天的早晨，我拖着行李箱出了北京站。

北京，我来了。

刚开始的时候，也是作网页设计，工资2200。成天就是设计、切图。html、css熟练到了能够一心二用的程度。但个人设计美感不好，这让我和客户都很痛苦。

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

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

其实主要是思路的扭转，

• table至关因而“套”页面，一层一层的表格；

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

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

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

{{ 4 }}

自那以后，页面的交互操做越发复杂，JavaScript的应用也愈来愈多。

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

那个年头，教js是确定没有的。那时大概是200七、8年吧

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

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

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

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

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

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

三、一个个的查它们的做用；

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

五、再把js命令填回去；

六、本身照着写一遍js；

七、本身再背着写一遍js；

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

就这样，我按这个思路，把当时基本上全部的页面特效都写了个遍，大概用了有二三个月吧，由于不少特效所用的方法都相似，只是思路不一样。到后来我只是去理解某个特效它的实现思路了。

当时的我并无真正的深刻学习过JavaScript，并无去找各类js教程，由于我根本看不懂。

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

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

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

{{ 5 }}

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

如今回顾一下，当时不管有多忙，天天至少抄写一段代码，查一些命令，至少2个小时。再日后，一路前端作下来，就是慢慢积累了。

{{ 6 }}

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