web前端学习方法之前端到后端再到前端

我是一名PHP程序员，获取刚开始接触的时候我也是从HTML开始，记得最早的时候还是用frontpage 2003 来做网页，那个时候做网页只会用表格布局，也不懂什么是DIV＋CSS布局，那都是07年左右的事情来。在后来学习了DIV＋CSS布局，用的软件是dreamweaver。也开始来接触了HTML代码，学会了点HTML突然就觉得自己好厉害，能打代码。之前一直觉得代码这玩意是很神奇的。（直到专科学的网络专业，每天面对的都是路由器，交换器的代码才习以为然）HTML学习了很长一段时间，中间也学来PS，可是设计出来的和做出来的东西都丑爆了。那时就放弃来继续往前端发展。

后来接触了PHP，或许PHP属于服务端，慢慢对PHP有了兴趣，这三五年来一直从事着PHP“编程”，12年开始研究框架，写自己的PHP框架，大大小小公司也待过几家，在开发的过程中难免还是会碰到前端的一些问题，哪怕是MVC模式也好，总得去触碰前端但东西。设计师设计好－>前端转换成HTML＋JS －>程序员对接前端程序，在对接工程中总会遇到这样那样的不顺心。只怪美工不懂前端的世界，前端不懂程序的世界，程序不懂美工和前端的世界。美工设计出来的事卖家秀，到了前端就变成买家秀，程序又说这无法对接，那个无法对接，最终已然不成样了。经常应为一些功能上的数据对接把一个个功能舍弃，最终不成样，这让我很头痛。

直到15年9月吧，开始回头找前端的东西，时隔才没对就，前端的世界已经是变化万千，不像我刚刚接触的时候会一个DIV＋CSS布局已经是很牛逼了。现在各式各样的前端框架层出不穷啊。看来看去最多的还是bootstrap。可怜我生活的地方想找一个会bootstrap的前端人员都难都。之前还碰到过依然在用表格布局首页的前端，简直泪崩。在网上看到那么多人在使用bootstrap于是开始研究bootstrap，由于有PHP，jquery和HTML的基础再读bootstrap时候没有那么的吃力。把bootstrap但手册研究了一遍，大致的知道了bootstrap，开始使用bootstrap写网站。发现果然好用，铺一个首页很快就把构架搭建完成，只是有些地方个人用着不是很习惯。感觉臃肿点，当然只是个人觉得。说实在bootstrap这个团队确实强大。作为bootstrap初学者我也不敢去过多的评论，纯当它是学习的对象。

个人有一个奇怪的癖好，别人写过的东西总想自己能不能写出来或者去仿照出来，就像最早接触PHP框架的时候也是接触thinkphp框架，就想着自己写一款框架就好了，哪怕就只有我一个人用。抱着这个心态就开始写PHP框架。现在接触了前端也就想着自己有一套前端该多好，不想它有多强大，只想自己用着舒服用着习惯就好。开始每天研究CSS栅格系统，研究Jquery的插件制作。参考了很多框架，当然首选是bootstrap，还有960栅格，uikit等，一开始真的东拼西凑组合起来了一款蹩脚的插件，我写代码一直抱着这样一个心态：

第一步，不折手段的去实现，管它性能问题还是臃肿问题呢，只要实现就是王道，

第二步，从新整理，在这个过程中会发现可以学到好多知识，

第三步，精简与优化，其实到这一步点时候就是在掌握知识的过程，

第四步：修复BUG和扩展需求。或许也是受到写程序的影响吧。

慢慢但经历几个月之久终于把第一个小前端库写出来了。虽然功能不是很强大，但是在平常的开发上觉得够用了。接下来我会把自己写前端框架的一些心得和代码贴出来，大家一起来讨论一下，前端这东西，是学习这东西就是得大家分享出来，在你们赞许，批斗中完善。