Web培训

热门话题:

Web前端培训 > Web前端问答 > 正文

web前端学习方法之把代码当工具

发布：qinuoyun
来源：前端网
时间：2017-03-23 15:47

踏上工作后我发现好多人都是学了A专业，工作却从事着B专业，在介入B专业的过程中就是一个自学的过程。有些人觉得自学很痛苦，找不到思路，走很多弯路。当然也是个有个的看法。我也是专业学网络工程，从事的却是网站开发，对于不懂的人来说都是学计算机，可是对于懂的人来说那完全就是两个极端。

好了言归正传，来说说我在自学过程中自己总结的一些小思路，当然仅供参考哈！！我喜欢把代码工具化，怎么说呢，就是把代码按照功能块分门别类。我不喜欢一推代码挤在一块，当然从他们专业人事的角度就是所谓的易读性和易维护性。

现在的网页在写一个前端页面中除了HTML和CSS意外更多就是JS，当然本人没有详细的去学习过JavaScript，jquery还是学了。不学JavaScript第一是因为自己英语太差了，读书时经常是被英语老师留下来的那种人，第二JavaScript语句太长了记不住，第三JavaScript还需要考虑到兼容性。所以初学者想接触JS这块，个人推荐直接跳过JavaScript，直接学习jquery。为何呢？因为你只管把代码当工具使用，无需去纠结它的来源。因为jquery就是基于JavaScript一款的一个类库或者说是前端框架吧（虽然表达不是很恰当，只要能理解就好嘛），你把jquery当成一个工具，去知道这个工具的性能，作用就可以了，我学习这些都会把手册简单快速的过一遍，只要了解这个工具能做什么事情就OK了。打个比方一把剪刀，一把锄头，你只要知道剪刀可以剪纸、剪布……锄头可以锄地……就够来不需要去了解这把剪刀是使用什么材质的，铁的还是钢是哪家工厂生产的，都不需要。自己就是一个使用者，只要它能做什么，在需要的时候使用它就可以了。在我职业生涯中我经常碰到那些对代码刨根问底的，这么说不是说他们错了，他们没错。其实我自己也是属于那种人。只是得看情况，作为一个初学者最好就是不去过问“它”的家底，到手直接使用，因为当你根本还没有了解“它”的时候你就想去知道它的一切由来只会让自己的学习过程越发复杂。这是从大到角度讲把jquery整个类库当成一个工具使用。下面来说说小方面。

学习前端的一点小总结：把代码变（当）成工具使用

不知道大家在写前端的时候有没有碰到这样一种状况，要开始写一个新的网站了，唉又要重写自己写一次导航栏，写到轮播图，就开始抱怨又要写轮播图了，到列表，到登陆，到底部版权，这些大众化的布局板块我们一次又一次的再重写这些代码。或许我们可以这样，把之前写过网页中的各个板块代码独立出来，放到一个文件夹，都按照一定的格式和命名规范存放到对应文件夹。

个人喜欢如下命名

｜－qn_login.html

｜－images

｜－－－qn_login_bg.jpg

｜－－－qn_login_ogo.png

｜－js

｜－－－qn_login.js

｜－css

｜－－－qn_login.css

然后放在以ABC工具命名文件夹当中去，我下次还需要这个，就直接把代码拷贝过来直接使用，在这个工程需要注意的是就是给自己定义一个统一但命名规范，给自己定义一个前缀。

哪怕你这个功能大代码是去网上下载下来的然后要变成工具包，我也建议你把代码重写命名一遍，好处一：能使得所有多独立工具有一个规范的命名，好处二：在你重命名的工程中你也肯定是比较详细大阅读了一次代码，好处三：易于自己的维护，好处死，当你把你的一块块工具试的代码放到一起时显得代码整洁有条理，易于阅读代码。如下展示图，把网页的一些常用的组成部分都提取出，然后需要用的时候拷贝过来，如果样式不一微调一下CSS就好了，就不需要再自己敲一边代码。这就是我分享一点小小的心得。。。