那些年Web前端开发的事儿（web前端开发工程师百科）
moboyou 2025-07-10 18:54 8 浏览
转眼间，从事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等工具编译发包。
相关推荐
- 软件下载超级合集（软件大集合）
-
注：AutoCAD软件解压密码均为：www.cadzxw.com(网址就是解压密码)AutoCAD2004：链接：http://pan.baidu.com/s/1i5yL4UT密码：wpxcAutoC...
- Discuz! Database Error（discuzdatabaseerror怎么解决）
-
(1017)Can'tfindfile:'./xyw/common_syscache.frm'(errno:13)SELECT*FROMcommon_syscacheWHERE`...
- 想在天上赏月?最全攻略来了（形容在天上赏月）
-
“但愿人长久，千里共婵娟。”赏月，是中秋夜的传统习俗之一。在地上赏月，或许人们已经习以为常，但在天上赏月又是怎样一番景象？记者梳理发现，为了满足广大旅客“上九天摘星揽月”的需求，春秋航空、南方航空等多...
- APP检测:安卓系统四大组件介绍（安卓的四大组件是什么?分别有什么作用?）
-
1、Activity组件漏洞Activity是Android组件中*基本也是*为常见用的四大组件之一，是一个负责与用户交互的组件。Activity组件中存在以下常见的漏洞。(1)activity绑定b...
- Markdown + 文档管理 + 静态网页生成，集大成的 Markdown 应用:MWeb
-
上周给大家推荐了Typora，作为一款纯粹的Markdown应用来说，它的各种功能和细节可以说已经相当极致，然而，Ulysses用户表示：我们想要的不仅仅是Markdown。是的，Markdo...
- Istio多集群实践（多集群架构）
-
为了实现应用高并发和高可用，企业通常会选择将应用部署在多个地域的多个集群，甚至多云、混合云环境中。在这种情况下，如何在多个集群中部署和管理应用，成为了一个挑战，当然多集群方案也逐步成为了企业应用部署的...
- 源码建站的流程是什么（有源码怎么建站）
-
1.选择适合自己需求的源码：在进行源码建站前，需要根据自己的需求选定一款适合自己的源码，一般建议选择流行度较高、稳定性较好的开源程序，如WordPress、Discuz等。2.下载源码：根据选择的...
- 论坛站长福利!积分墙Discuz插件火爆上线!
-
一款新型的Discuz插件正在火爆袭来，克服种种插件的弊端，全新打造，让你成为最成功最轻松的赚钱能手，这就是积分墙Discuz插件。积分墙Discuz插件（http://www.jifenqiang....
- 2020年了，公司还有必要做企业网站吗?网站开发是否过时呢
-
作为一个以网站开发起步的程序员，回想起来，曾经为不少客户做了网站。而我自己的网站已经六七年没有更新了，本想重新设计升级，但一直忙于做客户的系统开发，自己的网站就一直不管了，反正也没什么用，做得好还经常...
- 放大招，这才是低代码真正的形态PHP工作流引擎
-
放大招，这才是低代码真正的形态。来点干货，今天上点重头戏。表单设计中其实相对还是比较复杂的，比如常见的脚本，比如要控制一个默认的数值，大家可以看平台能够做到页面可以想输，输出什么？添加的时候进行操作。...
- OA源码解析:深入研究企业办公自动化系统的核心代码
-
随着信息技术的迅速发展，企业办公自动化（OfficeAutomation，简称OA）系统已成为现代企业管理中不可或缺的一部分。这些系统通过集成各种办公功能，如文档管理、流程管理、协作与通信等，极大地...
- 用PHP写了个数据分析框架示例代码
-
下面是一个简单的PHP数据分析框架的示例：```php<?php//1.数据收集functioncollectData(){//从数据库或API获取数据//...}//2.数据清...
- 「2022/02/02」thinkphp源码详细阅读(一)
-
thinkphp源码详细阅读（一）请求流程1.从入口index.php开始2.实例化App，我们看一下实例化所做的工作3.设置thinkPath、rootPath、appPath、...
- 【源码】效果最好的网格Shader(迄今为止)
-
我一直都在写Shader，其中有一个特定的Shader我一直想写好，但我总是因为一些我无法完全理解的原因而失败。然后过了几年，我用新学到的知识再次尝试，越来越接近，然后又失败。是什么Shader？模拟...
- 干货来了，一夜加粉百万的柏拉图源码仍给你
-
相信大家这几天都看到过一些关于“柏拉图app”公众号被封号的文章，主要内容是由于“柏拉图APP”推送的一条图文，叫做《生成你的性格标签，为自己带盐》，然后再短短的数日，柏拉图APP公众号便涨粉百万，阅...
- 一周热门
- 最近发表
- 标签列表
-
- 外键约束 oracle (36)
- oracle的row number (32)
- 唯一索引 oracle (34)
- oracle in 表变量 (28)
- oracle导出dmp导出 (28)
- oracle两个表 (20)
- oracle 数据库 字符集 (20)
- oracle安装补丁 (19)
- matlab化简多项式 (20)
- 多线程的创建方式 (29)
- 多线程 python (30)
- java多线程并发处理 (32)
- 宏程序代码一览表 (35)
- c++需要学多久 (25)
- css class选择器用法 (25)
- css样式引入 (30)
- html5和css3新特性 (19)
- css教程文字移动 (33)
- php简单源码 (36)
- php个人中心源码 (25)
- 网站管理平台php源码 (19)
- php小说爬取源码 (23)
- github好玩的php项目 (18)
- 云电脑app源码 (22)
- js创建txt文件 (18)