百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术资源 > 正文

那些年Web前端开发的事儿(web前端开发工程师百科)

moboyou 2025-07-10 18:54 14 浏览

转眼间,从事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等工具编译发包。

相关推荐

Excel技巧:SHEETSNA函数一键提取所有工作表名称批量生产目录

首先介绍一下此函数:SHEETSNAME函数用于获取工作表的名称,有三个可选参数。语法:=SHEETSNAME([参照区域],[结果方向],[工作表范围])(参照区域,可选。给出参照,只返回参照单元格...

Excel HOUR函数:“小时”提取器_excel+hour函数提取器怎么用

一、函数概述HOUR函数是Excel中用于提取时间值小时部分的日期时间函数,返回0(12:00AM)到23(11:00PM)之间的整数。该函数在时间数据分析、考勤统计、日程安排等场景中应用广泛。语...

Filter+Search信息管理不再难|多条件|模糊查找|Excel函数应用

原创版权所有介绍一个信息管理系统,要求可以实现:多条件、模糊查找,手动输入的内容能去空格。先看效果,如下图动画演示这样的一个效果要怎样实现呢?本文所用函数有Filter和Search。先用filter...

FILTER函数介绍及经典用法12:FILTER+切片器的应用

EXCEL函数技巧:FILTER经典用法12。FILTER+切片器制作筛选按钮。FILTER的函数的经典用法12是用FILTER的函数和切片器制作一个筛选按钮。像左边的原始数据,右边想要制作一...

office办公应用网站推荐_office办公软件大全

以下是针对Office办公应用(Word/Excel/PPT等)的免费学习网站推荐,涵盖官方教程、综合平台及垂直领域资源,适合不同学习需求:一、官方权威资源1.微软Office官方培训...

WPS/Excel职场办公最常用的60个函数大全(含卡片),效率翻倍!

办公最常用的60个函数大全:从入门到精通,效率翻倍!在职场中,WPS/Excel几乎是每个人都离不开的工具,而函数则是其灵魂。掌握常用的函数,不仅能大幅提升工作效率,还能让你在数据处理、报表分析、自动...

收藏|查找神器Xlookup全集|一篇就够|Excel函数|图解教程

原创版权所有全程图解,方便阅读,内容比较多,请先收藏!Xlookup是Vlookup的升级函数,解决了Vlookup的所有缺点,可以完全取代Vlookup,学完本文后你将可以应对所有的查找难题,内容...

批量查询快递总耗时?用Excel这个公式,自动计算揽收到签收天数

批量查询快递总耗时?用Excel这个公式,自动计算揽收到签收天数在电商运营、物流对账等工作中,经常需要统计快递“揽收到签收”的耗时——比如判断某快递公司是否符合“3天内送达”的服务承...

Excel函数公式教程(490个实例详解)

Excel函数公式教程(490个实例详解)管理层的财务人员为什么那么厉害?就是因为他们精通excel技能!财务人员在日常工作中,经常会用到Excel财务函数公式,比如财务报表分析、工资核算、库存管理等...

Excel(WPS表格)Tocol函数应用技巧案例解读,建议收藏备用!

工作中,经常需要从多个单元格区域中提取唯一值,如体育赛事报名信息中提取唯一的参赛者信息等,此时如果复制粘贴然后去重,效率就会很低。如果能合理利用Tocol函数,将会极大地提高工作效率。一、功能及语法结...

Excel中的SCAN函数公式,把计算过程理清,你就会了

Excel新版本里面,除了出现非常好用的xlookup,Filter公式之外,还更新一批自定义函数,可以像写代码一样写公式其中SCAN函数公式,也非常强大,它是一个循环函数,今天来了解这个函数公式的计...

Excel(WPS表格)中多列去重就用Tocol+Unique组合函数,简单高效

在数据的分析和处理中,“去重”一直是绕不开的话题,如果单列去重,可以使用Unique函数完成,如果多列去重,如下图:从数据信息中可以看到,每位参赛者参加了多项运动,如果想知道去重后的参赛者有多少人,该...

Excel(WPS表格)函数Groupby,聚合统计,快速提高效率!

在前期的内容中,我们讲了很多的统计函数,如Sum系列、Average系列、Count系列、Rank系列等等……但如果用一个函数实现类似数据透视表的功能,就必须用Groupby函数,按指定字段进行聚合汇...

Excel新版本,IFS函数公式,太强大了!

我们举一个工作实例,现在需要计算业务员的奖励数据,右边是公司的奖励标准:在新版本的函数公式出来之前,我们需要使用IF函数公式来解决1、IF函数公式IF函数公式由三个参数组成,IF(判断条件,对的时候返...

Excel不用函数公式数据透视表,1秒完成多列项目汇总统计

如何将这里的多组数据进行汇总统计?每组数据当中一列是不同菜品,另一列就是该菜品的销售数量。如何进行汇总统计得到所有的菜品销售数量的求和、技术、平均、最大、最小值等数据?不用函数公式和数据透视表,一秒就...