1 Unstar Star 0 Fork 0

WildPtr / wildh5JavaScriptMIT

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
H5 库,可以操作DOM。 spread retract

Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

WildH5

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

####项目结构:

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

####创建H5页面:

  1. 在index.html里修改ASSET_MAP:
    var ASSET_MAP = {
        INDEX : "mods/index/",
    //  页面名称: "mods/页面路径",
    };
  1. 在项目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

Comments ( 0 )

Sign in for post a comment

JavaScript
1
https://git.oschina.net/wildptr/wildh5.git
git@git.oschina.net:wildptr/wildh5.git
wildptr
wildh5
wildh5
master

Search