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

1,039 阅读7分钟

是做web前端开发的,从最开始的2002年到北京的那个春天算起来,已经17年了。这17年里,基本上吧,算下来我每天平均学习2个小时,今天想跟大家分享一下我的经历。 {{ 01 }} 我是辽宁人,生在一个小城市里,后来这个城市靠着本山大叔的强力引流,变成了【大城市】,哈哈哈,同学们应该都知道是哪个城市了。 毕业之后,我第一份工作其实是在一个宾馆里负责消防器材,很闲的一个工作,不起火我就没事可做,起火了我更没事可做。干嘛去呢?成天在网吧玩游戏。仙剑、红警、雷神、毁灭公爵、星际1,玩了个遍,去三好街配电脑,一台挣200,各种拆装机箱,重装系统,还因为超频而烧过一个赛场400CPU,这些都是近20年前的老古董了,同学们应该都没听说过 但生活不能永远这样,后来网吧黄了 每天学习2小时,17年前端经验分享,让你前端之路不再迷茫 每天学习2小时,17年前端经验分享,让你前端之路不再迷茫 {{ 2 }} 宾馆消防的工作很清闲,我自学了Ps、3dMax、网页三剑客(dw、fw、flash),真心的说,我自学能力还是很可以的。学会这些东西我花了多久时间? ps,时间久一些,3个月, 3dMax,二个月, 网页三剑客,大概一个月。因为fw和ps很类似,而flash和3dMax很多思路也相通。所以相当于只学习了html、css。 那时还有很多免费空间可以用,例如,主页大巴,(哎,想起这个名字的时候,真是很久远感觉了),那时还有蓝色理想、闪客帝国、七色鸟...等等。 我做了一个很简单,但可以用的网站,找到了第二份工作。在沈阳,是一个做网页设计的工作,那时应该是1999年,月工资350块。第一次知道了网页上的广告条叫banner,网站上的标志图片叫logo。我负责网页设计、切html页面,做flash动画。 html页面加上图片、flash动画之后,扔给后端程序员,他们去套程序,然后我再去调整页面上乱掉的部分。就这样,过了一年多,感谢这家公司,它让我拥有了基本的网页设计能力。 但生活不能永远这样,我听说北京互联网很发达 每天学习2小时,17年前端经验分享,让你前端之路不再迷茫 每天学习2小时,17年前端经验分享,让你前端之路不再迷茫 {{ 3 }} 2002年3、4月份吧,时间太久已经记不清了。只记得是一个阴雨天的早晨,我拖着行李箱出了北京站。 北京,我来了。 刚开始的时候,也是做网页设计,工资2200。整天就是设计、切图。html、css熟练到了可以一心二用的程度。但我的设计美感很差,这让我和客户都很痛苦。 大概是2005、6年的时候吧(时间太久记不清了),开始兴起了div+css网页制作。刚开始的时候我也很不习惯,毕竟table做页面很久了。但技术的发展是不可阻拦的,必须顺应。学! 用了二天!真的只是二天,看了下div+css网页制作的技术资料,发现只是把table换成了一些html标签,主要是div,然后就是各种标签的语义化使用。 其实主要是思路的扭转,

  • table相当于是“套”页面,一层一层的表格;
  • div+css,是“组装”页面,做的是页面的结构。 这个总结,【是我最初的关于前端模块化的理解】。 生活还在继承,我看到了js 每天学习2小时,17年前端经验分享,让你前端之路不再迷茫 每天学习2小时,17年前端经验分享,让你前端之路不再迷茫 {{ 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什么的,当时根本是完全不懂。但是我通过不断的抄写代码实现效果,理解了代码的运行过程,就这样,我掌握了基本的【程序代码的逻辑思维方式】。 生活还在继续啊,慢慢的各种前端框架出现了, 每天学习2小时,17年前端经验分享,让你前端之路不再迷茫 每天学习2小时,17年前端经验分享,让你前端之路不再迷茫 {{ 5 }} 这时已经是2010年前后,原生JavaScript大火特火,jQuery一统天下,我的工资也涨到了8000。那时我已经是全职的前端开发了,只负责写JavaScript、jQuery,带4、5个实习生,html页面什么的都是他们在搞了。 现在回顾一下,当时无论有多忙,每天至少抄写一段代码,查一些命令,至少2个小时。再往后,一路前端做下来,就是慢慢积累了。 每天学习2小时,17年前端经验分享,让你前端之路不再迷茫 每天学习2小时,17年前端经验分享,让你前端之路不再迷茫 {{ 6 }} 我发现,现在很多前端新人,就是不知道怎么去学习前端开发,学习JavaScirpt,我希望我的学习经历、方法、思路,能够给你们一些启发。也为了帮助更多的前端新人,推出一套【免费的web前端公开课】,通过实例讲解JavaScirpt的核心、重点内容,帮助大家更好、更快的掌握前端开发技术。希望大家都能坚持学习下去,你付出足够的时间精力,必然会获得超值的丰厚回报。![