路由控制和视图转换框架 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)

暂无评论

暂无资讯

暂无问答

关于ThinkSNS+程序的 SPA(H5)安装教程

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

09/28 13:41
46
0
构建多页的前后分离web项目(alpaca-spa的视图用法)

本文用来介绍使用alpaca-spa构建多页的前后分离项目的js实现。

05/29 09:36
490
0
RESTful SPA 杂谈

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

2016/01/16 13:45
213
1
Single Page Application - 下一代的Web应用程序

在Web Service, Ajax, Web 2.0,REST等Web应用与技术话题热潮,带动许多第二代的Web开发技术成长之后,这些话题也渐渐地消退。不过许多人可能不曾发现,其实这些技术名词,是在慢慢地显露一点...

2016/02/19 11:28
62
1
20 个收费的 WordPress 的医疗和健康主题

Care – Medical and Health Blogging WordPress Theme RT-Theme 9 Medical Advice – Responsive WordPress Theme Sterling – Responsive WordPress Theme Medical – Premium WordPress ...

2012/09/20 08:01
338
0
前端可视化开发平台esview

github在线demo:https://github.com/furioussoul/soul-esview 项目介绍(目前处于开发阶段,不能投入生产): esview是一个前端可视化开发平台,用户可以在线编写代码添加组件,也可以在组装...

2017/10/21 21:27
902
0
Rails 用现代 Rails 逃离单页面应用 “兔子洞”

在工作共总是觉得turbolinks非常爽,但是却总是被说成是过时的技术,大家都喜欢spa,哪怕不用的spa的人也是禁用掉的多,找不到很好的理由劝说别人使用,这篇文章说的很到位,或者说至少是牛人...

10/18 13:15
2
0
基于vue的混合APP的开发

vue + vuex + vue-router 可以很轻松的构建一个单页应用 开发工具: Vue-cli 自己写的一个gitbook教程:https://phantomgary.gitbooks.io/vue-spa-app/content/ 如果你想实现后台开发的前后端...

2016/11/24 15:38
353
0
移动技术开创互联网奇迹

互联网时代下,各行各业都需要关注和重视各种有形无形的服务,以最大限度提升经营效率。特别是经营美容暗疮的管理者们更是看到将“预约”加入到服务体系中,并基于网络的便捷以及完善的一套信...

2014/11/10 09:36
32
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部