那些年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等工具编译发包。

Tags：前端找工作

微信扫一扫：分享

微信里点“发现”，扫一下

二维码便可将本文分享至朋友圈。