一个标准的页面开发目录结构如下所示 :
![](https://box.kancloud.cn/2016-04-17_571336ccd020d.png)
其中`TP目录`和`UI目录`是H5组件库所在位置,不允许进行修改;
`app目录`为开发工作目录,其下又分为js目录和images目录,分别用来存放页面逻辑脚本和相关的图片资源。
**app包含一个主页面index.html和一个主js文件js/common.js**
其中:
* index.html页面中需要包含js目录下所有的js文件,是工程的入口;
* common.js中包含了工程中的公共函数,通常包括导航栏生成函数,页面跳转函数,页面组件的取值和赋值函数等等。
**app中所有其它页面都由一个html文件和一个对应的js文件组成,并且它们的命名必须遵循工程的命名规范,通常可以用数字序号来进行命名**
其中:
* html文件根据设计排列各种H5组件,并根据需要为每个组件设置id,id的设置必须符合项目的命名规范;
* js文件通常包括对页面组件进行初始化赋值的函数和对各种操作的回调函数,所有这些函数的命名都必须保证在整个工程中的唯一性,通常使用`pxxx_`开头,其中xxx为页面的数值序号。