javascript - 使用 Bootstrap 和 AngularJS 的单页应用程序

标签 javascript twitter-bootstrap angularjs ember.js

<分区>

我是 javascript 的新手(虽然我之前开发过一个小型的 nodejs API 服务器,但它根本没有交互性、动画性或花哨性)

我想开发一个可在现代浏览器和手机上运行的静态单页网站。预期的设计看起来很像

http://global.tommy.com/int/en/Collections/runway/spring-women

这很常见

  1. 无论用户滚动到哪里,静态标题栏都会跟随
  2. < li > 左边是快速跳转控件+导航/位置指示器
  3. 轮播

我对如何实现如此令人印象深刻的外观、动画和响应能力一无所知。到目前为止,我尝试了几个库,例如 Twitter 的 BootStrap、Google 的 AngularJS 和 AmberJS,但没有一个像我预期的结果那样令人印象深刻。我最接近的是来自 http://www.portalapp.com/ 的样本但这是我最好的尝试。

你们能推荐任何好的资源(技术/库,或入门指南和教程)来快速起步吗?

非常感谢!

编辑:

有没有人在 GitHub 上有使用任何 javascript/css 库来实现跨设备、响应式、单页 Web 应用程序的开源项目或示例?

请提供使用的库的分类,因为 javascript 库很多

最佳答案

EmberJS 有一个很好的官方指南 website .他们的API documentation也很有帮助。此外,您可以查看source。这是有大量记录的。

如需帮助,有community forums .

如果您喜欢截屏视频,这里有一个 free和一个paid .

使用来自 Internet 的资源的警告:EmberJS 正处于“稳定”阶段,因为他们正在朝着版本 1.0 努力。因此,如果您阅读旧资源,它可能无法使用当前版本的 EmberJS。

关于javascript - 使用 Bootstrap 和 AngularJS 的单页应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17357752/

相关文章:

javascript - 在窗口调整大小更改 chrome 中的 div 高度

javascript - AngularJS 中未显示必需的错误消息

jquery - Twitter bootstrap 让 Accordion 的第一个面板默认打开

javascript - Dom加载事件跨浏览器原生javascript代码

javascript - Jinja2 在 javascript 中访问 dict 列表

javascript - 返回一个新对象,其属性是给定对象中的属性,其键存在于给定数组中。

html - 我将如何在 bootstrap 4 中添加范围 slider 模型?

c# - 从 ASP.NET MVC 中的 View 中的 HTML 字符串下载 PDF

angularjs - 如何使用给定的 HTML 元素识别复选框值? angularjs-e2e

javascript - 先锚定标签href,然后onclick