WildH5

DEMO : https://msgjug.com/project/wildh5demo/

项目结构：

build/ 打包目标目录
css/ CSS
DOC/ 文档
engine/ 引擎源文件
js/ 引擎.JS
mods/ 页面（业务逻辑在这里）
PSD/ 存放大文件，git忽略此文件夹。
index.html 主页
main.js JS入口

创建H5页面：

在index.html里修改ASSET_MAP：

    var ASSET_MAP = {
        INDEX : "mods/index/",
    //  页面名称: "mods/页面路径",
    };

在项目mods目录下创建文件夹，在目录下创建一个page.js，在这里写页面逻辑。

页面脚本范例：

    PageScriptLoader.pagePool[ASSET_MAP.INDEX] = function(){
        return {
            name: ASSET_MAP.INDEX,
            onDestroy() {
                //页面退出后摧毁，会被调用。
            },
            onLoad() {
                //页面进入前，会被调用。
                this.page // class Page
                this.page.twidget   // class TWidget
                this.page.div //页面dom
            },
            update(dt) {
                //0.016秒调用一次
            }
        };
    };

打包：

compileEngine.bat 打包引擎文件
compileMods.bat [srcDir] [dstDir] 打包页面文件，例：

compileMods.bat index index.v1

compile.bat 自行修改内容，来打包整个项目。例：

@echo off
set VERSION=%1
call compileEngine.bat && ^
copy index.build.html build\index.html && ^
copy main.js build\main.js && ^
call compileMods.bat index index%VERSION% && ^
echo all ok && ^
exit

执行: compile.bat v2

WildPtr / wildh5

WildH5

项目结构：

创建H5页面：

页面脚本范例：

打包：

简介

发行版

贡献者

近期动态

WildPtr / wildh5 .gitee-modal { width: 500px !important; }

WildH5

项目结构：

创建H5页面：

页面脚本范例：

打包：

简介

发行版

贡献者

近期动态

搜索帮助

WildPtr / wildh5