一、基本结构
优质
小牛编辑
127浏览
2023-12-01
下面是 App.js webpages 的标准格式:
<!DOCTYPE html> <html> <head> <title>My App</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"> <link rel="stylesheet" href="//cdn.kik.com/app/3.0.0/app.min.css"> <style> /* put your styles here */ </style> </head> <body> <!-- (5)put your home pages start 编写页面--> <div class=”app-page” data-page=”home”> </div> <!-- put your pages end --> <script src="//zeptojs.com/zepto.min.js"></script> <script src="//cdn.kik.com/app/3.0.0/app.min.js"></script> <script> /* (6)put your javascript here */ </script> </body> </html>
1、app.min.js 是包含所有库功能的核心模块。
2、app.min.css 是带有App.js的默认样式表。它包含了所有包含小部件的ios/android样式。
3、zepto.min.js 是一个类似于jQuery-like的库,专注于轻量级和移动友好型。它不是对app.js的依赖,但仍然很好地编写简洁的、
跨平台的代码。如果你愿意的话,用jQuery替换它。
4、meta viewport 标记只是确保在它运行的任何设备上正确地大小窗口。这对于在不同的平台上获得一致的规模和规模是很重要的。
5、pages 的注释是HTML页面元素的位置,如UI部分所描述的那样。
6、javascript 的注释是控制器和导航代码的位置。
7、styles 是页面的样式。
由于App.js应用程序本质上是静态的,你所要做的就是把你的代码放到一个HTML文件中,(也就是说在手机上浏览的不同页面其实是一个html页面的不同div对应的page页),然后在浏览器中打开它进行测试。