SPA 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
SPA 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
SPA 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
SPA 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
SPA 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发Web框架
开源组织
地区 国产
投 递 者 赵达
适用人群 未知
收录时间 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框架一致。 

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表于大前端专区
2018/10/18 16:26

spa

单页Web应用俗称spa(single page web application),就是只有一张Web页面的应用。SPA)是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。 浏览器一开始会加载必需的HTML、CSS和JavaScript,所有的操作都在这张页面上完成,都由JavaScript来控制。 速度:更好的用户体验,让用户在web app感受native app的速度和流畅, MVVM:经典MVVM开发模式,前后端各负其责。 ajax:重前端,业务逻辑全部在本地操作...

0
0
发表于大前端专区
2016/05/25 12:44

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 https://stormpath.com/blog/nodejs-jwt-create-verify...

0
1
发表了博客
2018/09/12 20:18

浅谈SPA

  最近一直在学习关于Vue的一些知识,由于遇到了问题,去网上查找资料,收获颇丰,在此分享。 1. 什么是SPA?   单页Web应用(single page web application, SPA),就是只有一张Web页面的应用,是加载单个HTML页面并在用户与应用程序交互时动态更新该页面的Web应用程序,是指在浏览器中运行的应用,在使用期间不会重新加载页面。像所有的应用一样,它旨在帮助用户完成任务,比如“编写文档”或者“管理Web服务器”。可以认为...

0
1
发表于大前端专区
2016/02/04 19:10

SPA (1)

Sublime Text 3使用: 1. 安装Package Control 按“ctrl + `”,然后输入 import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.repla...

0
2
发表于大前端专区
2016/01/16 13:45

RESTful SPA 杂谈

RESTful SPA 杂谈 在从前的从前,Javascript还不是流行的时代,HTML语言可以说是浏览器的基础了,那时候,一个页面的HTML渲染,完全依赖于后端服务器,如JSP ,PHP等页面渲染技术。 后来Javascript逐渐流行了起来,并且伴随着AJAX技术的兴起,有一部分尝试着把HTML渲染的工作放在Javascript中进行,这样做的好处就是,后端和前端分离的比较明确,前端工作人员不需要知道什么是JSP之类的,就可以轻松的制作出漂亮的动态页面。 同...

0
10
发表了博客
2019/05/27 22:13

SPA应用的优缺点

### 定义   单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了,SPA不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用 JavaScript 动态的变换HTML的内容,从而实现UI与用户的交互。由于避免了页面的重新加载,SPA 可以提供较为流畅的用户体验。 ### 优点 1. 良好的...

0
0
发表了博客
2019/02/12 15:03

PWA,SPA,MPA

PWA渐进式应用 特点: 不会部署到应用商店。 离线应用,通过设备进行存储规划 在发布了pwa的网站,浏览器会询问是否安装app到主屏。 方便分享,通过url。 可推送通知 。 通过service worker在后台更新下载。(与web workler注意区分) service Worker 是一个 JavaScript 文件,作为 Web 应用和网络之间的中间人。正因为如此,它可以提供缓存服务,加速应用程序渲染,并改善用户体验。 出于安全原因,只有 HTTPS 站点可以使用 Se...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
19 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部