当前位置: 首页 > 文档资料 > AppJS 中文文档 >

一、基本结构

优质
小牛编辑
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页),然后在浏览器中打开它进行测试。