路由控制和视图转换框架 SPA

MIT
JavaScript
跨平台
2013-12-04
赵达

概述

SPA是为构建WebApp设计的路由控制和视图转换框架

SPA专注于解决构建WebApp时遇到的共性问题,尤其适用于构建MobileApp, 我们和jQuery MobileSencha Touch等框架不同, 并不是一个构建移动端应用的前端整体解决方案,所以我们不包含UI组件,如果你不想自己设计界面, 可以用BootstrapTopcoat等UI Components框架配合SPA, 来快速构建你的WebApp;

SPA依赖jQueryZepto, 并且每个视图可以通过RequireJSSea.js等CommonJS解决方案或者自定义的方式进行模块化组织、异步加载;

SPA支持移动端和桌面端的现代浏览器;

为什么使用SPA

提供快速的开发实现

你可以像开发传统网站一样,先设计并制作每个视图,比如页面、导航、对话框等等,然后通过SPA提供的接口把每个视图拼装组织,完成一个拥有NativeApp体验的WebApp;

保留更大的设计自由度

SPA相对于jQuery Mobile和Sencha Touch等框架,SPA是非常轻量级的,我们只关心并解决WebApp的路由控制和视图转换等共性问题,每个场景被模拟成一个节点,场景内的具体界面和交互设计完全交给开发者;

减少后端依赖

视图的渲染和路由是在前端完成的,后端只需要提供一个简单的入口页面(Single-page application)和应用所需的异步数据接口;如果再配合使用javascript模版,还可以最大化的利用前端缓存,减少网络流量请求;

事件驱动

SPA不提供类、对象或函数库,利用jQuery的自定义事件和事件代理,SPA的接口都绑定到DOM上,所有的操作都是触发相关DOM上的自定义事件,将各个视图的代码解耦隔离,降低开发复杂度,这个特性和Flight框架一致。 

加载中

评论(0)

暂无评论

暂无资讯

暂无问答

《SPA设计与架构》之认识SPA

原文   简书原文:https://www.jianshu.com/p/84323f530223 大纲   前言   1、什么是单页面应用程序(SPA)   2、SPA与传统Web应用的区别   3、关于SPA的使用   4、SPA的相关知识...

2018/07/09 23:51
9
0
RESTful SPA 杂谈

说说为什么会有 RESTful api ,single page app 这些技术

2016/01/16 13:45
340
1
Asp .Net Core Spa (一) - 入门

第一次写文章, 很久之前就想写来着了, 文章哪里不清楚的, 也请多多提出意见。 最近发现用 .net core + spa (single page application) 这个组合的人也变多了, 所以写一套 各种 关于 这个组合...

2019/02/25 16:14
26
0
Authentication for SPA

https://developers.google.com/identity/protocols/OAuth2UserAgent#overview https://stormpath.com/blog/secure-single-page-app-problem https://stormpath.com/blog/token-auth-spa htt...

2016/05/25 12:44
17
1
SPA架构的优点和缺点以及一些思考

SPA是什么?   全称是单页面应用。   一个SPA就是一个WEB应用,它所需的资源(HTML CSS JS等),在一次请求中就加载完成,也就是不需刷新地动态加载。 用术语“单页”就是因为页面在初始化...

2019/01/09 08:35
15
0
SPA SEO SSR三者有什么区别

#SPA通俗的说就是单页面应用(single page application) ##优点 页面之间的切换非常快 一定程度减少了后端服务器的压力 后端程序只需要提供api,不需要客户端到底是web端还是手机等 ##缺点 ...

2018/09/04 19:07
3
0
关于ThinkSNS+程序的 SPA(H5)安装教程

ThinkSNS Plus最新体验demo:请于官网下载/安装最新版或点击在线咨询 最新官方活动:ThinkSNS+ V2.0贺中秋 9月20日权威发布 8.8折限时抢购 http://www.thinksns.com/reader/252.html H5 是 ...

2018/09/28 13:41
176
0
Oracle SPA取报告阶段xml解析失败解决方案

SPA的整体测试过程可以参考: 记录一则完整的SPA(10g->11g)测试过程 **故障描述:**数据库字符集:US7ASCII,在SPA分析阶段正常,但在取报告阶段xml解析失败,具体现象如下: SQL> ALTER SES...

2018/06/27 08:59
13
0
Vue 单页面应用 SEO SPA single page application advantages and disadvantages

处理 Vue 单页面应用 SEO 的另一种思路 - muwoo - 博客园 https://www.cnblogs.com/tiedaweishao/p/7493971.html SPA网站SEO完美解决方案 - 简书 https://www.jianshu.com/p/6be9424a358d 入...

2018/08/12 21:18
9
0
Asp .Net Core Spa (二) - 服务器渲染1

Server Side Rendering 服务器渲染是各 Spa 项目目前很热衷于解决的一个问题,毕竟针对SEO和首次加载优化 .Net Core SPA 服务器渲染 将分为 两篇: 第一篇 主要分析 .net core 最新的服务器渲...

2019/02/27 22:15
7
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部