Giter VIP home page Giter VIP logo

spa's Introduction

SPA Build Status devDependency Status NPM version

SPA is designed to build a WebApp view transformation and routing control framework.

SPA build WebApp focus on solving common problems encountered, especially for building MobileApp, unlike jQuery Mobile, Sencha Touch and other frameworks, building mobile client application is not a front-end integrated solutions with SPA, so we do not include UI components, if you do not want to design their own interface, you can use the Bootstrap and other UI Components frame with SPA, to quickly build your WebApp.

SPA need to use Zepto or jQuery, and each view can be RequireJS, Sea.js other CommonJS solutions or customize the way modular organization, asynchronous loading.

SPA support mobile client browser and the desktop side modern browsers.

Why SPA?

  • Provides fast development to achieve
  • Retained greater design freedom
  • Reduce reliance backend
  • Event-driven

Documentation and examples

http://zhaoda.github.io/spa/docs/

License

SPA is available under the terms of the MIT License

spa's People

Contributors

bitdeli-chef avatar gitter-badger avatar lin-chao avatar pasu777 avatar peterdavehello avatar superdiy avatar zhaoda avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

spa's Issues

页面多起来后,数据管理有什么好的方式去实现?

你好,我看整个framework在进行视图切换的会异步加载相应的视图资源文件。

然后生成DOM结构插入到页面当中,然后进行页面的切换。我看整个的页面当中,一旦新页面插入到页面当中后,是不被销毁的。如果页面一旦多起来,那么数据管理有什么好的方式去实现呢?

namedParam正则匹配问题

js 中 namedParam正则是匹配什么的,我测试了一下,可以匹配 '(?:section',能指点说明一下吗?

emulateTransitionEnd扩展函数冲突问题

许多主流UI类库都选择使用emulateTransitionEnd为名作为jquery实例的扩展函数;
在与amazeui同时使用时 会造成冲突问题;
建议更改名称;
在我fork过去的spa中我将其改为了emulateTransitionEndBySpa

关于面板视图无法使用

你好,我照着你的demo 写了 下面板视图,但是发现触发后 发现 页面并没有出现面板视图 而是一直出现加载中。。。
image
image
image

求一份文档~~

而且为什么视图转换的时候,ios微信里顶部会有加载的进度条出现,感觉很不好

关于页面视图内容的问题

-。- 大神早上好。
是这个情况,
image boby 这里返回html 的话 在开发中有些时候 改起内容来不是很好改,然后我就想在是不是可以利用xhr 加载的原理 所以就自己尝试这修改了一下,但是 在返回html 内容的时候因为是异步的原因 - -。没有想到好的方法 返回html 内容。 如果 我要从源码 改一下 baby 的获取方式 比如 加入两个参数template和 templateUrl 一个直接返回html 一个可以取一个html 文件内容。 应该从那一块入手。求参考意见!

iOS 10+ 没有给内容区域添加 spa-scroll-touch 造成无惯性滚动

在 iOS 10+ 中测试发现, <div class="container spa-scroll spa-scroll-y"> 没有添加上 spa-scroll-touch 样式, 因此没有应用上惯性滚动的样式 .spa-scroll-touch {-webkit-overflow-scrolling: touch; }

查看代码后发现, 是由于对 iOS 大版本号的获取判断有问题

    if($.os.ios && parseInt($.os.version.slice(0, 1)) > 5) {
      $('.spa-scroll', $page).addClass('spa-scroll-touch')
    }

当 iOS 版本为 10+ 时, 例如 10.2.1, $.os.version.slice(0, 1) 只取第一位数字, 因此得到的版本号是 1, 固然判断就不生效了.

因此对 iOS 大版本号的获取应该修改为 parseInt($.os.version.substring(0, $.os.version.indexOf('.')))

如何从文件加载body内容

define({
body:'load from file?????',
init: function(panelData) {
},
beforeopen: function(panelData) {
},
beforeclose: function(panelData) {
}
})

关于挂载模板引擎的问题!

我目前在基于spa演示在做项目测试,发现没有模板引擎实在是不太方便,spa的架构我还不太了解,能否指点一下如何挂载一个模板引擎或者帮忙挂载一个呢?

sidemenu 动画效果

大侠,首先感谢你贡献SPA :)

A:
但是我遇到了个问题,例如在home page 中先由按钮 pushOutLeft  效果打开了一个page 然后再由一个按钮pushOutLeft跳转到第三个page。 最后在第三个page中的返回【pushOutRight】到homepage,此时点开sidemenu,开打以后点非sidemenu应该平滑的收起,可是它不是用的预订的效果而是pushOutRight收起sidemenu。

B:
进入home page以后,由按钮跳转到新的page,在新的page打开sidemenu,点击非sidemenu区域点击以后,同样没有按照预订的效果收起sidemenu。

请问这个问题如何解决,或者避免?
跪求大神指引 T-T

ps: 以上所有的实例都在基于SPA github中docs那个例子上修改的

页面切换有异常

现在我有四个页面A,B,C,D
我现在按照以下顺序切换页面C-B-A-B-D-C-B-A-B-C
当我切换到最后一个C页面的动画过程中,我看到了D页面

非常好,赞一个。曾经搞过一个类似的,没这么好,现在不用搞了,直接用了。

关于iOS safari 无法全屏的问题

嘿,我看到你在页面里面这是meta头。
viewport的 minimal-ui。

但是实际上是无法全屏的。
iphone ios7的测试环境,同样的环境下还查看了微视的mobile版,Spring,在游览器中都没有采用原生的全屏。
请问如果想要达到系统自带全屏效果,该如何处理?
或者说还有什么别的好的解决方案

loading动画 可以自定义吗?

-.-大大下午好 刚刚看到 说loading 动画 可以自定义 不知道 在哪里自定义 能给一份更详细点的文档吗 谢谢大大呢。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.