首页 > 其他分享 >前端的发展和未来趋势

前端的发展和未来趋势

时间:2023-06-12 12:04:17浏览次数:40  
标签:Web HTML 交互 前端 JavaScript 开发 未来 趋势

前端技术的发展日新月异,过一段时间就会出现新的框架、工具、插件,伴随着十几年的发展,前端领域已经告别了野蛮生长的时期,越发表现出成熟和现代化,引领了整个技术行业的潮流,那么让我们在文中过一遍前端发展中一些重要的节点。

前端是什么?

针对浏览器开发,代码在客户端浏览器运行。 

前端“三剑客”

这里提到的“三剑客”指的不是某公司出品的三个产品,而指的是在前端开发过程中用到的三种技术:HTML、CSS、JavaScript。 

HTML:

是HyperText Markup Language的缩写, HTML是前端开发的基础,用户看到网页中的结构和基础样式都是由HTML来提供的,目前HTML的标准已经于2014年被推进到了HTML5。 

CSS:

是Cascadeing Style Sheets的缩写,它能对网页中的元素位置、排版、外观进行精准的像素级控制,能够为用户提供更丰富的网页样式呈现。 

JavaScript:

JavaScript 一个客户端脚本语言,作为一个弱类型语言,它能为网页用户增加一些有限的动态交互效果。 

小前端时代

随着JavaScript被发明,前端开发进入了小前端时代,那么JavaScript为什么会被发明出呢?

1995年,网上冲浪开始兴起,但当时用户还是通过一条28.8 kbit/s的调制解调器连接互联网,例如用户如果要简单的做注册表单验证,和服务器交互一轮就需要近30秒。让我们试想一下,在经过了半分钟的等待后,服务器告诉你你的一个字段忘填了,是怎样的一种心情。

 

前端的发展和未来趋势_HTML

(图片来自网络)

 

所以基于客户端运行的脚本语言需求逐渐增大,由Netscape于1995年开发的JavaScript前身LiveScript应运而生,后来为了傍Java这个时髦词汇,LiveScript更名为了JavaScript。有了JavaScript 客户端也可以做逻辑判断,动态交互等行为。

所以由HTML为骨架、CSS为外貌、JavaScript为交互的搭配正式被固定下来了。后来随着Ajax技术的兴起,Web由1.0时代,迈入了2.0时代,web页除了基础的内容展示功能外,还具备了数据处理、动态效果、优秀的用户体验等功能。 

大前端时代

随着对前端动效、数据交互的需求量越来越强,jQuery跨浏览器的工具库应运而生,它为Web带来了新的活力,使开发者能更方便的开发操作DOM,数据交互,动态交互等行为,开发者的思路被进一步打开。

后来,谷歌V8引擎发布,Node诞生,为前端开发提供了使用同一语言实现全栈开发的机会(JavaScript不再是一个只能写页面交互的前端语言)。随后React、Angular、Vue 等 MVVM 前端框架的出现,使前端实现了项目真正的应用化。前端迎来了大前端时代,前端开发的从业者也终于告别了 “切图仔”的称谓,因为他们有了全新的职称“前端开发工程师”。

2009年开始,大屏智能手机开始陆续出现,到后来进入了4G时代, 人们对Web产品的要求和期望越来越高,Web开发从业者不仅需要面对的是PC端单方面的需求,甚至在面对移动端、PWA(小程序)、app hybird平台的需求也成了家常便饭。

因为业务需求的不断变化,这导致了Web应用需要不断的提升迭代开发的速度,缩短发布周期。这一点企业中的开发者也在同样面对着。同时,一位名叫Issam Elbaytam的美国工程师也同样注意到了,他曾多年在.NET领域持续积累,曾设计、开发了多款知名.NET控件,面对这样的技术风口,他在想现在既有的.NET控件是不是可以全面转到前端平台上?

带着这样的问题,他投入了新产品的设计、开发工作中,开发过程中他也注意到了,大部分用户在处理数据、统计数据时,还是更习惯于使用Excel来做,Excel凭借着出色的计算性能、直观的数据分析和图表成为数据统计领域不可或缺的软件之一。但同样Excel也具有它的短板,例如:和企业已有应用接驳困难、无法完全脱离Office套件、高昂的授权价格、无法分布式修改数据等。

在了解了这些短板后,他开始想是不是可以用纯JavaScript开发一套和Excel类似的开发工具供开发者使用,这样全面满足了用户进一步把应用迁移B/S的需求,也可以完全脱离Office套件使用,同时也降低了因为快速迭代的发布周期。终于,在2015年,经过了几年的开发,SpreadJS终于应运而生。借助SpreadJS,用户可以以不到100行代码即可在前端实现Excel全部功能,并可以实现一次开发,多端使用的目的。

迄今已为国内外知名企业和机构的服务赋能,例如:天弘基金、华为、中国平安、招商银行、腾讯、苏宁易购等,为他们实现了Web Excel组件开发、数据填报、在线文档、图表公式联动、数据可视化等核心业务场景。

前端的发展和未来趋势_开发者_02

 

总结

随着JavaScript和浏览器的不断发展,基于Web应用程序的系统开发提供了良好的性能支持和运行环境基础。相信随着未来前端技术的发展,以及不断更新迭代的Web程序集,这些技术将为用户提供更加前所未有且越来越强大的解决方案。他对未来前端领域的发展也充满了期待。




前端是什么?

针对浏览器开发,代码在客户端浏览器运行。 

前端“三剑客”

这里提到的“三剑客”指的不是某公司出品的三个产品,而指的是在前端开发过程中用到的三种技术:HTML、CSS、JavaScript。 

HTML:

是HyperText Markup Language的缩写, HTML是前端开发的基础,用户看到网页中的结构和基础样式都是由HTML来提供的,目前HTML的标准已经于2014年被推进到了HTML5。 

CSS:

是Cascadeing Style Sheets的缩写,它能对网页中的元素位置、排版、外观进行精准的像素级控制,能够为用户提供更丰富的网页样式呈现。 

JavaScript:

JavaScript 一个客户端脚本语言,作为一个弱类型语言,它能为网页用户增加一些有限的动态交互效果。 

小前端时代

随着JavaScript被发明,前端开发进入了小前端时代,那么JavaScript为什么会被发明出呢?

1995年,网上冲浪开始兴起,但当时用户还是通过一条28.8 kbit/s的调制解调器连接互联网,例如用户如果要简单的做注册表单验证,和服务器交互一轮就需要近30秒。让我们试想一下,在经过了半分钟的等待后,服务器告诉你你的一个字段忘填了,是怎样的一种心情。

 

前端的发展和未来趋势_HTML

(图片来自网络)

 

所以基于客户端运行的脚本语言需求逐渐增大,由Netscape于1995年开发的JavaScript前身LiveScript应运而生,后来为了傍Java这个时髦词汇,LiveScript更名为了JavaScript。有了JavaScript 客户端也可以做逻辑判断,动态交互等行为。

所以由HTML为骨架、CSS为外貌、JavaScript为交互的搭配正式被固定下来了。后来随着Ajax技术的兴起,Web由1.0时代,迈入了2.0时代,web页除了基础的内容展示功能外,还具备了数据处理、动态效果、优秀的用户体验等功能。 

大前端时代

随着对前端动效、数据交互的需求量越来越强,jQuery跨浏览器的工具库应运而生,它为Web带来了新的活力,使开发者能更方便的开发操作DOM,数据交互,动态交互等行为,开发者的思路被进一步打开。

后来,谷歌V8引擎发布,Node诞生,为前端开发提供了使用同一语言实现全栈开发的机会(JavaScript不再是一个只能写页面交互的前端语言)。随后React、Angular、Vue 等 MVVM 前端框架的出现,使前端实现了项目真正的应用化。前端迎来了大前端时代,前端开发的从业者也终于告别了 “切图仔”的称谓,因为他们有了全新的职称“前端开发工程师”。

2009年开始,大屏智能手机开始陆续出现,到后来进入了4G时代, 人们对Web产品的要求和期望越来越高,Web开发从业者不仅需要面对的是PC端单方面的需求,甚至在面对移动端、PWA(小程序)、app hybird平台的需求也成了家常便饭。

因为业务需求的不断变化,这导致了Web应用需要不断的提升迭代开发的速度,缩短发布周期。这一点企业中的开发者也在同样面对着。同时,一位名叫Issam Elbaytam的美国工程师也同样注意到了,他曾多年在.NET领域持续积累,曾设计、开发了多款知名.NET控件,面对这样的技术风口,他在想现在既有的.NET控件是不是可以全面转到前端平台上?

带着这样的问题,他投入了新产品的设计、开发工作中,开发过程中他也注意到了,大部分用户在处理数据、统计数据时,还是更习惯于使用Excel来做,Excel凭借着出色的计算性能、直观的数据分析和图表成为数据统计领域不可或缺的软件之一。但同样Excel也具有它的短板,例如:和企业已有应用接驳困难、无法完全脱离Office套件、高昂的授权价格、无法分布式修改数据等。

在了解了这些短板后,他开始想是不是可以用纯JavaScript开发一套和Excel类似的开发工具供开发者使用,这样全面满足了用户进一步把应用迁移B/S的需求,也可以完全脱离Office套件使用,同时也降低了因为快速迭代的发布周期。终于,在2015年,经过了几年的开发,SpreadJS终于应运而生。借助SpreadJS,用户可以以不到100行代码即可在前端实现Excel全部功能,并可以实现一次开发,多端使用的目的。

迄今已为国内外知名企业和机构的服务赋能,例如:天弘基金、华为、中国平安、招商银行、腾讯、苏宁易购等,为他们实现了Web Excel组件开发、数据填报、在线文档、图表公式联动、数据可视化等核心业务场景。

前端的发展和未来趋势_开发者_02

 

总结

随着JavaScript和浏览器的不断发展,基于Web应用程序的系统开发提供了良好的性能支持和运行环境基础。相信随着未来前端技术的发展,以及不断更新迭代的Web程序集,这些技术将为用户提供更加前所未有且越来越强大的解决方案。他对未来前端领域的发展也充满了期待。

标签:Web,HTML,交互,前端,JavaScript,开发,未来,趋势
From: https://blog.51cto.com/u_14347868/6461265

相关文章

  • TCP 协议快被淘汰了,UDP 协议才是新世代的未来?
    TCP协议可以说是今天互联网的基石,作为可靠的传输协议,在今天几乎所有的数据都会通过TCP协议传输,然而TCP在设计之初没有考虑到现今复杂的网络环境,当你在地铁上或者火车上被断断续续的网络折磨时,你可能都不知道这一切可能都是TCP协议造成的。本文会分析TCP协议为什么在弱网环......
  • 【React工作记录一百】前端小知识点扫盲笔记记录5
    前言我是歌谣放弃很容易但是坚持一定很酷微信公众号关注前端小歌谣带你进入前端巅峰交流群今天继续对前端知识的小结事件委托<!DOCTYPEhtml><htmllang="en"> <head> <metacharset="UTF-8"/> <metahttp-equiv="X-UA-Compatible"content="IE=edge"/&g......
  • 前端点击一个excel图标, 自动调用office打开其对应的excel文件
    有对应的excel协议,具体:前端掉excel协议+文件地址即可,你只需要把文件地址返回即可. 背景:http协议:http"//www.baidu.comhttps协议ftp协议所以,对应的有Excel协议......
  • 前端弹性布局神器display:flex【转】
    本文内容摘自博文:https://www.cnblogs.com/qingchunshiguang/p/8011103.html、https://blog.csdn.net/ababab12345/article/details/119612918在进行网页前端设计时,需要垂直居中显示文本,但CSS似乎没有明确的垂直居中的代码方法,由于目前的页面不再考虑以前的浏览器了,因此采用CSS3......
  • 前端 vue 自定义导航栏组件高度及返回箭头 自定义 tabbar 图标
    前端vue自定义导航栏组件高度及返回箭头自定义tabbar图标,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12986效果图如下:使用方法//page.json采用矢量图标设置返回箭头,{"path":"pages/Home/Home",......
  • 004_前端操作标题和内容
     /*一:标题1创建表单2url3views4模板5入口按钮二:内容1*/ 一:标题1创建表单 2url 3views 4模板 5入口按钮 二:内容   ......
  • 掌握Vue生命周期,让你的前端开发效率翻倍!
    1Vue实例<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Vue实例</title><scriptsrc='../vue.js'></script></head><body><......
  • 前端——模块化演变过程
    第一阶段——基于文件划分的方式实现模块化文件为独立的模块,在对应位置调用全局成员。缺点:污染全局作用域,命名冲突问题,完全依靠约定。第二阶段——命名空间方式使用全局对象方式实现模块化,解决了命名冲突的问题。缺点:污染全局作用域第三阶段——立即执行函数方式使用立即执行......
  • VS下TS前端与C#的WebApi后端配合实例
    如题。1、新建WebApi默认解决方案WebApi使用.netcore下框架默认的例子(WeatherForecast)以下代码为自动生成publicclassWeatherForecast{publicDateOnlyDate{get;set;}publicintTemperatureC{get;set;}publicintTemperatur......
  • 架构师如何判断和利用技术趋势
    看技术趋势,甚至看任何发展趋势,都要先找前置量(Leadingindicator)。对于软件发展而言,硬件的革新往往是前置量。首先,硬件技术进化的驱动力是需求规模。计算机硬件技术从巨型机、大型机、小型机,到PC、Mobile的进化过程,就是市场需求规模的增长过程。随着市场需求规模越来越大,就会有越......