乐趣区

每天学习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 的核心、重点内容,帮助大家更好、更快的掌握前端开发技术。希望大家都能坚持学习下去,你付出足够的时间精力,必然会获得超值的丰厚回报。

退出移动版