那些年Web前端开发的事儿 《web前端开发最佳实践》

转眼间,从事Web前端开发也十多年了,回忆下Web开发技术的发展,以及一些趣事,想到那,写到那,没有强逻辑。

Web从开始为了方便传播共享文档而产生,基本上就是文字+图片,是纯静态HTML,没有复杂的逻辑,更不用说用户交互。这也是页面也叫文档的原因,js的document.getElementById()、document.getElementByName()和getElementByClassName()很熟悉吧,为什么开头都是document?就是源于此。同理,还有文档对象模型(Document Object Model,简称DOM)。

以前学web开发时,是怎么开始的?先学习HTML元素,死记硬背各种元素, 什么是行内元素,块元素等等,以前上网也不方便,学习基本上是通过纸质书,书价还不低,不舍得买,怎么办? 去书店看,边看边理解,同时记在脑里背下来,回来后,再默写出来,呵呵,以前也流行手写代码,回想起来,太有趣了。


以前,很流行网页三剑客,有很多三剑客的书籍。由Dreamweaver,Fireworks,Flash三个软件组成,俗称网页三剑客,最初是由Macromedia公司开发出来的。Dreamweaver 是一个“所见即所得”的可视化网站开发工具,主要用于动态网页和静态网页的开发;Fireworks主要是用于对网页上常用的jpg、gif的制作和处理,也可用于制作网页布局;Flash主要用来制作动画。Dreamweaver现在偶尔还在用,可能由于习惯了。


现在Fireworks消失了,Macromedia也被adobe收购了,photoshop一直火,栅格图片处理软件首选,矢量处理软件就是freehand。以前还学了Flash,从Flash MX,Flash 2004,Flash 8过来的,用Flash开发Banner广告条,还学了Flash脚本语言 ActionScript,先学AS2.0,AS3也学了。再后来,出来Flex,现在这些都淘汰,过时了,都是H5+CSS3的天下了。

那些年,还有一个纠结,到底学什么庇,不是真的学庇,是3个P学哪种P,ASP,JSP,PHP,现在还是PHP较稳定,WEB2.0时期最火达到顶峰,现在也不差。ASP是微软路线,已经进化到ASP.NET用的是C#语言。说到编程语言,还是Java吃香,一直火,从来就冷落过。另一外是JavaScript,一直很吃香,缺不了。



说说WEB前端发展,以前就是HTML,CGI,语义(元素DOM)、形式(CCS样式表)、动作(JavaScript)三要素;后来AJAX革命,Google推出用AJAX开发的Gmail很火,找工作AJAX是必备的;再后来JQuery面世,大爆炸不得了,出来不计其数的JQ插件;再后来就是移动互联网,Boostrap框架等

前一阶段是MVC开发模式,WEB2.0还是讲DOM,前端JS用的是JQ框架;现在是MVVM模式,DOM变成虚拟DOM,JQ直接操作DOM变成双向数据绑定。实现前后端完全分离,把后端编程思想搬到前端,用的是vue、react、angular三大框架,不能直接替换文件更新了,每次都要用webpack等工具编译发包。

原文链接:,转发请注明来源!