首页 > 编程语言 >Web 应用程序的历史——Web 应用程序已经存在很长时间了吗?

Web 应用程序的历史——Web 应用程序已经存在很长时间了吗?

时间:2022-10-01 10:12:58浏览次数:80  
标签:Web 浏览器 应用程序 AJAX HTML 长时间 刷新

网络应用的历史—— Web 应用程序已经存在很长时间了?

从上一篇文章中,我们已经了解并形象化了 Web Services 和 Web Application 的区别,无论是在使用上还是在展示上。

给还没读过的人 点击这里

在本文中,我们将带大家进一步了解Web Application。每个时代的历史是怎样的,如果你准备好了,就让我们时光倒流,一起走吧兄弟姐妹们!!

Cr : https://media.giphy.com/media/TUxwFja6tKHtQ3QVAt/giphy-downsized-large.gif

第一代 1990 Web 应用程序由两部分组成:HTML 和 CGI​​。

以前,Web 浏览器页面是开放式的。内容中只能显示用 HTML(超文本标记语言)编写的文本,不能直接读取或写入数据库,因此必须有一个程序来读取和写入数据,即 CGI(通用网关接口)正在等待中介检索数据库中的数据以与 HTML 一起显示在 Web 浏览器页面上。

1998 年,Java 引入了一种称为 Servlet 的新技术,它的工作原理与 CGI 类似。

Cr : https://www.techpaparazzi.com/wp-content/uploads/2010/12/web_browser.jpg

后来,在第二代,1995 年,它更方便,因为 HTML 和 CGI​​ 被捕获并一起写入一个文件。但是最流行的语言是 PHP,Java 也可以使用 JSP(Java Server Pages)以这种方式编写。

优点是方便快捷。即时代码更改它不间断工作,无需重新启动。

嗯,我不知道,但 Facebook 本身仍然使用 PHP。

第 3 代,2003 年,工作概念与前 2 代有很大不同,因为有 MVC(模型 - 视图 - 控制器)。

它不是文件系统,而是阻止所有请求的中间程序。大多数现代堆栈都基于这种类型,包括 Spring MVC、Ruby on Rails 和 Node.js。

缺点 如果程序出现故障,可能会出现瓶颈。

第四代,2004年诞生了一个重要的东西,叫做AJAX(Asynchronous JavaScript and XML)。它是运行在Web浏览器上的代码。当一个请求发出时,服务器立即响应。它最初是作为XML出来的,但是很复杂也很麻烦,所以用 JSON 来让它更简洁,更容易阅读。

假设我们创建了一个网站,该网站每秒更新一次实时足球比赛结果。当有人射门时,结果会立即更新,就像看足球直播一样。以前用AJAX,当我们需要最新数据时,每次都要手动按刷新,或者每5秒设置一次刷新时间,结果会刷新整个屏幕,但是用AJAX浏览器只能刷新一部分它被认为是 AJAX 的一个优势。

没有 AJAX,Tradingview 将无法工作。

5th era Web socket 与旧的类似,但比以前更好,因为 Web socket 不需要刷新,只需等待接收数据。会有信息发送给您(但不要关闭网络浏览器)。

AJAX 本身可能存在一些问题,因为它必须设置一个计时器或计时器以每 5 秒刷新一次。但是足球成绩很少变化,有些比赛,10分钟还没有进球,AJAX刷新问题太多,所以我改用Web socket,既节省时间又节省数据,这有什么好处!?

您如何看待 Web 应用程序的历史,您不会感到困惑。本文只是一个简短的总结,供朋友们轻松理解。这是个好故事吗?也不要忘记关注下一个故事,之后就结束了!!!

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/40250/54170109

标签:Web,浏览器,应用程序,AJAX,HTML,长时间,刷新
From: https://www.cnblogs.com/amboke/p/16746834.html

相关文章

  • gitlab的webhook与jenkins搭配方式
    常用的有两种,如下图  1,身份验证令牌: 令牌可以随意写,哪怕12345678都行,然后在gitlab进行配置。一种是在管理中心配置,一种是在项目对应的设置选项里面设置,都是可以实现......
  • 我如何在没有 CSS 变量的情况下为我的 Angular 应用程序设置主题
    我如何在没有CSS变量的情况下为我的Angular应用程序设置主题您可能认为为任何Web应用程序设置主题很容易。__你__只需要使用CSS变量,对吧?CSS变量很棒。使用......
  • 怎样用NFC卡绑定具体用户或者物,从而实现刷卡后,根据NFC卡内信息自动触发客户端应用程序
    标题是个大命题,场景其实有很多很多,而且千变万化,一个帖子很难畅聊,以后会慢慢谈。说一个最常见的场景。每个员工发张NFC卡,管理者给每人分配的卡里写入账号和密码,从而实现刷卡......
  • day06 --> (Web概述、HTML)
    一、Web概述JavaWeb:使用Java语言开发基于互联网的项目【B/S架构】软件建构:1.C/S架构:Client/Server -->客户端/服务端程序再用户本地有一个客户端程序,再......
  • 【前端必会】走进webpack生命周期,另类的学习方法
    背景webpack构建过程中的hooks都有什么呢?除了在网上看一些文章,还可以通过更直接的办法,结合官方文档快速让你进入webpack的hook世界写一个入口文件//index.jsconstwebp......
  • 有了 HTTP 协议,为什么还需要 Websocket?
    WebSocket是一种基于TCP连接上进行全双工通信的协议,相对于HTTP这种非持久的协议来说,WebSocket是一个持久化网络通信的协议。它不仅可以实现客户端请求服务器,同时可以......
  • Docker安装calibre-web搭建电子书阅读器
    一、下载docker镜像sudodockerpulljohngong/calibre-web二、创建calibre-web镜像的映射目录,存放配置文件&书籍mkdir/home/pi/Backup/projects/calibre-webmkdir/......
  • webpack 浅谈
    webpack是什么是一个模块化打包工具,分析我们的项目结构,将不同的资源和文件,进行打包,合并在一个文件里。webpack的作用读取文件,解析文件,处理文件,编译文件,打包文件并合并......
  • 获取JAVA[WEB]项目相关路径的几种方法 _
    在jsp和class文件中调用的相对路径不同。在jsp里,根目录是WebRoot;在class文件中,根目录是WebRoot/WEB-INF/classes;当然你也可以用System.getProperty("user.dir")获取你工程......
  • 从基础到实战 手把手带你掌握新版Webpack4.0
    本课程完整讲清最新版本下的Webpack4知识体系,通过基础+实例+原理代码编写+复杂案例分析完成Webpack4的分析与讲解。更重要的是让你对整个前端项目的构建有一个......