一、基本结构

发布于 2020-02-20 13:43:31 字数 1528 浏览 1318 评论 0 收藏 0

下面是 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页），然后在浏览器中打开它进行测试。

分享到QQ

分享到微博