美文网首页
Web应用 与 传统网站

Web应用 与 传统网站

作者: Leq | 来源:发表于2017-05-16 19:35 被阅读25次

Web应用(single page web application,SPA)无疑是目前网站开发技术的趋势,很多传统网站都在或者已经转型为单页Web应用,新的单页Web应用网站(包括移动平台上的)也如雨后春笋般涌现在人们的面前,如Gmail、Evernote、Trello、processon等。如果你是一名Web开发人员,却还没开发过或者甚至是没有听说过单页应用,那你已经Out很久了。

单页Web应用和前端工程师们息息相关,因为主要的变革发生在浏览器端,用到的技术其实还是HTML+CSS+JavaScript,所有的浏览器都原生支持,当然有的浏览器因为具备一些高级特性,从而使得单页Web应用的用户体验更上一层楼。关于单页应用的优点和缺点,网上讲解的文章有很多,这里就不展开论述了。 单页Web应用,顾名思义,就是只有一张Web页面的应用。浏览器一开始会加载必需的HTML、CSS和JavaScript,之后所有的操作都在这张页面上完成,这一切都由JavaScript来控制。因此,单页Web应用会包含大量的JavaScript代码,复杂度可想而知,模块化开发和设计的重要性不言而喻。

APP很快将消失,Web应用取而代之。

-----以下部分可以不看-----

相对于传统网站,web应用的主要好处是提供了更加吸引人的用户体验,其具备桌面应用的即时性和网站的可移植性和可访问性。
单页应用可以和桌面应用一样渲染—单页应用只需要重绘界面上需要变化的部分。相比之下的传统网站,许多用户操作都会重绘整张页面,结果是当浏览器从服务器获取数据时,页面会假死并有“闪烁”现象,然后再重绘页面上的所有东西。如果页面很大,服务器又繁忙,或者网络连接很慢,这种“闪烁”现象会持续好几秒钟甚至是更长时间,用户只得猜测页面什么时候才可以再次使用。与单页应用的快速渲染和即时反馈相比,这是一种很恐怖的体验。
单页应用可以拥有和桌面应用一样的响应速度—尽可能地把(临时的)工作数据和处理过程从服务端转移到浏览器端,单页应用由此把响应时间减至最小。单页应用在本地拥有大多数需要决策判断的数据和业务逻辑,因此是很快的。只有数据验证、授权和持久存储必须要放在服务端,原因我们会在第6章到第8章中进行讨论。传统网站的大多数应用逻辑在服务端,对大部分的用户输入的响应,他们必须等待一个“请求/响应/重绘”的循环周期。与接近即时响应的单页应用相比,这需要花费几秒钟的时间。
单页应用可以和桌面应用一样,把它的状态通知给用户—当单页应用确实必须等待服务器的响应时,可以动态地显示进度条或者繁忙指示器,因此用户不会因延时而困惑。相比传统的网站,用户实际上只能猜测页面何时加载完并可用。
单页应用像网络一样,几乎随处可以访问—不像大多数的桌面应用,用户可以通过任务网络连接和适当的浏览器访问单页应用。如今,这一名单包括智能手机、平板电脑、电视、笔记本电脑和台式计算机。
单页应用可以像网站一样即时地更新和发布—用户不需要做任何事就能明白它的好处:他们只要重新加载浏览器就行了。维护软件的多个并存版本的麻烦在很大程度上消除了。开发单页应用的作者,在一天之内就能构建和更新很多次。桌面应用经常需要下载并且安装新版本需要管理访问权限,版本之间的间隔可能是很多个月或者很多年。
单页应用和网站一样,是跨平台的—和大多数的桌面应用不一样,精心编写的单页应用可以在提供现代HTML5浏览器的任意操作系统上运行。尽管这通常被认为是对开发人员的好处,但对很多同时使用多种设备的用户来说是非常有用的,比如工作时用Windows,在家用Mac,Linux服务器,Android手机和Amazon平板电脑。

相关文章

  • Web应用 与 传统网站

    Web应用(single page web application,SPA)无疑是目前网站开发技术的趋势,很多传统...

  • JavaWeb授课记录

    一、什么是Web应用? (1):所谓web应用就是与浏览器有关的应用,比如说:百度搜索内容,访问淘宝、京东网站等 ...

  • 002-SpringWeb自动装配

    背景说明 SpringBoot 自动装配应用场景,web应用和非web应用 传统Spring web配置方式 Sp...

  • PHP全栈工程师,挑战高薪就业

    为什么学习PHP 2015年,随着互联网+传统产业高速发展,基于web开发的网站、应用程序需求量激增,网站数量不断...

  • Angular初探PWA

    所谓PWA是 Progressive Web App 的缩写,中文意思是 “渐进式 Web 应用”,PWA有与传统...

  • 全新单页JavaScript框架Amaple

    单页Web应用与传统Web对比 # 体验 普通的Web应用跳转受限于浏览器,它将会丢弃整个页面并重新加载一个新的页...

  • Web前端十种常用的技术

    Web前端应用十种常用技术,随着JS与XHTML的应用普及,越来越多的web界面应用技术出现在网站上,比如我们常见...

  • H5新增 离线缓存

    一、概述: 1.HTML5的离线web应用允许我们在脱机时与网站进行交互。这在提高网站的访问速度和制作一款web离...

  • 002.运营专业词汇介绍:媒体内容类

    27. 门户网站,Portal Web 是指通向某类综合性互联网信息资源并提供有关信息服务的应用系统。传统门户网站...

  • JS学习21(离线应用与客户端储存)

    Web应用与传统客户端最大的区别就是需要连接网络,没有网络整个应用就无法运行,这个一直是Web应用最大的痛点之一。...

网友评论

      本文标题:Web应用 与 传统网站

      本文链接:https://www.haomeiwen.com/subject/hgylxxtx.html