前端框架OnsenUI学习之页面结构介绍
2016-04-11 11:02
281 查看
由于目前所有页面均写在HTML中，因此页面的大体结构和HTML相同，都有<head>和<body>，其中在<head>中进行css样式和JS文件的引用，在<body>中进行页面布局设计。
如上图所示，在<body>标签中嵌套一个<ons-navigator>，然后才是正文<ons-page>。
对于<ng-controller>指令，这是AngularJS种用来定义控制器的，这个知识点会在AngularJS笔记中作说明。
对于<ons-navigator>标签，会在后文中详细介绍。
对于<ons-page>标签，每个<ons-page>表示一个页面，类似于Android中的Activity，应用中呈现给我们的内容都是写在<ons-page>里的。
如上图所示，在<body>标签中嵌套一个<ons-navigator>，然后才是正文<ons-page>。
对于<ng-controller>指令，这是AngularJS种用来定义控制器的，这个知识点会在AngularJS笔记中作说明。
对于<ons-navigator>标签，会在后文中详细介绍。
对于<ons-page>标签，每个<ons-page>表示一个页面，类似于Android中的Activity，应用中呈现给我们的内容都是写在<ons-page>里的。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 跨平台移动WEB应用开发框架iMAG入门教程
- PHP跨平台获取服务器IP地址自定义函数分享
- 对Web开发中前端框架与前端类库的一些思考
- 跨平台python异步回调机制实现和使用方法
- [图]Firefox OS 2.5发布：可安装至Android手机上
- 很难吗？教你三天精仿一个跨平台的微信
- 跨平台音频项目
- [转]CSS 那么多属性，而且每个属性都有多个值怎么记？
- 关于 Subversion 协议动态代理服务器
- HTML5简介
- [转]C++强大背后
- [游戏资讯][转]《反恐精英：全球攻势》要实现跨平台对战
- 前端学习随笔 -- 前端框架
- 寻找中国音视频开发行业的翘楚
- 史上最简单的个人移动APP开发入门--jQuery Mobile版跨平台APP开发
- jqueryMobile应用第一课《构建跨平台APP：jQuery Mobile移动应用实战》连载一（Hello World）
- jquery Mobile应用第2课《构建跨平台APP：jQuery Mobile移动应用实战》连载二（简单的QWER键盘）
- 小白学phoneGap《构建跨平台APP：phoneGap移动应用实战》连载三（通过实例来体验生命周期）
- 浅略探讨当今视频文件格式
- 即时通讯跨平台特性