Single Page Application概览
第一点 :传统web应用遇到的2个问题
1.User Experience 用户体验
2.Performance 性能问题
SPA如何解决这些问题的:
不重新加载页面,交互尽可能使用一个web document对象。
用户体验变得更加的连续和流畅,同时网络延时带来的影响也很容易忽略。
第二点: 有一下技术方法可以用来,发送请求给服务器。
客户端技术
1.AJAX技术,采用jQuery ajax请求可以做跨浏览器兼容问题,未来的一个趋势。
2.Browser Plugins 向服务器异步发送请求 Silverlight,Flash和Java Applets技术
中间数据传输格式:
XML(XSLT)JSON(using the JavaScript to update the partial area of DOM)
服务器端技术:
提供给客户端数据API或者web service。当然API或者web service可以接收参数的传递
ASP.NET Web API技术和Web Service技术,升级版的WCF技术。
第三点: 在本地运行
借助HTML5的Web storage技术
第四点: SPA应用的挑战
1.SEO
2.Browser history 浏览器历史记录
HTML5 specification中介绍了pushState和replaceState来处理实际的URL地址和浏览器历史记录问题。
第五点:页面的生命周期
库介绍
客户端类库介绍:
Backbone.js: A client side Model-View-Controller(MVC) library.
Knockout.js : A JavaScript library that helps provide two way data binding fro web apps, inlcuding SPAs.
服务器端类库介绍
ItsNat
ZK:Java RIA AJAX framework, simulates a XUL desktop page in the server. This is rendered as HTML to the browser with event handlers running over AJAX on the server.
GWT技术:
客户端和服务器类库介绍
Derby和Exo
开发工具:
Omnis Studio.
Single Page Application概览相关推荐
- 单页面 Web 应用(Single Page Application,SPA)的工作原理介绍
原文地址 SPA 无处不在,但在网络开发人员中仍然是一个颇有争议的话题. 自 2003 年左右首次出现以来,单页 Web 应用程序已经取得了长足的进步.它们已成为现代 javascript 领域不可或 ...
- Single page application(单页面应用)
文章目录 vue-cli2 vue-cli3 介绍: Spa: Single page appliaction,只有一个 html 页面,对项目更好的分模块. vue-cli2 npm install ...
- Developing a Large Scale Application with a Single Page Application (S
https://www.codeproject.com/Articles/808213/Developing-a-Large-Scale-Application-with-a-Single 使用 An ...
- Single Page Applications in ASP.NET MVC 4
[This is from InfoQ - http://www.infoq.com/news/2012/02/SPA] The ASP.NET MVC 4 beta includes an expe ...
- monotouch Single View Application
创建Single View Application,在AppDelegate中启动完成以后会自动跳转到主页面上. 在不使用Storyboard的情况下,直接创建单个的xib,跳转方式如下: stati ...
- Nuxt - Universal(SSR / SSG)/ Single Page App(渲染模式)
前言 目前前端渲染模式,大致分为 3 种: 客户端渲染 CSR (Croswer Side Render) 服务端渲染 SSR (Server Side Render) 静态网站生成 SSG (Sta ...
- Angular 2与TypeScript概览
迄今为止,在创建Web应用方面,AngularJS是当前最为流行的JavaScript框架.如今,Angular 2和TypeScript通过一种非常类似于Java 8的语法,使真正面向对象的Web开 ...
- 一种SPA(单页面应用)架构
(如果对SPA概念不清楚的同学可以先自行了解相关概念) 平时喜欢做点小页面来玩玩,并且一直采用单页面应用(Single Page Application)的方式来进行开发.这种开发方式是在之前一年做的 ...
- 计算机专业术语对照表_艾孜尔江编
A abstraction layer,抽象层 access,获取,存取 acoustic coupler,声音耦合器 Active Directory,活动目录 Acyclic Dependenci ...
最新文章
- 祝天下所有父亲节日快乐
- P4383-[八省联考2018]林克卡特树【wqs二分,树形dp】
- Samba服务全攻略
- python爬取论坛帖子_python爬虫爬取虎扑论坛的帖子名称和链接,为什么只能爬10页就报...
- BZOJ 3531[Sdoi2014]旅行
- Powershell 自定义对象小技巧
- jetpack-livedata2-SafeIterableMap
- 不要安全要性能,禁用补丁提高CPU性能
- eova(JFinal)项目一键式部署方法
- centos 7 屏蔽国外ip访问
- 利用手机距离感应器来切换扬声器和听筒播放
- 【jzoj5289】【NOIP2017提高组A组模拟8.17】【偷笑】【数据结构】
- [Jetson TX2] NVIDIA Jetson TX2 参数介绍
- 上海华谊(集团)公司-统一业务协同平台
- day07-python字典
- 怎么去掉视频上的水印?快速去除水印或字幕的大神技巧
- js moment.js 给定时间 获取自然月、周的时间轴
- IPv4 地址与 int 值转换【Python】
- 2020-10-22OpenCV 获取摄像头并显示摄像头视频
- 第十四届中国大学生创新创业大赛