猫史档案馆

Box3EasyGUI.js是box3的一款简易的gui管理框架

通过采用js操控元素（类似于dom）

旨在抛开繁琐的xml代码

实现对用户的gui进行交互和控制

采用Box3EasyGUI.js，可以更加有效的管理gui

并且实现对gui的动态修改

center_image

文档链接：gitee.com/box3/box3easygui/blob/master/README.喵

编码喵

附图中的实例代码：

const {Box3EasyGUI} = require("./Box3EasyGUI.js");

world.onPlayerJoin(({entity})=>{
    var mygui = new Box3EasyGUI("myGUI",entity);
    var dom = mygui.document;
    var length = 0;
    var group = dom.createXml("group",{right:10,width:150,percentHeight:100,borderColor:"rgba(0,0,0,0)"});
    function createButton(){
        let button = dom.createXml("button",{height:40,width:150,right:10,top:50+length*45,text:"点我"});
        button.addEventListener("click",createButton);
        group.appendChild(button);
        mygui.reload();
        length++;
    }
    createButton();
    dom.appendChild(group);
    mygui.render();
})

沙拉黄

原来是这样......

沙拉黄

是这样，作者，你的文档中的这种描述对新手不太友好，例如：

· setAttribute
设置元素的属性。该方法用于动态修改元素属性，相对gui.reload，效率更高。
参数：a,b

element.setAttribute("text","Hello,world");

没学过html或者xml的直接当场懵B，gui.reload()是个啥？可能我们是一看就发现奥，就是location.reload()那个方法转移，但是新手听不太懂（当然也怪不了你，毕竟不可能一个文档教会他们xml），还有动态加载属性，也许有更通俗的说法，加上一句：比上静态化修改属性之后再次reload重新加载页面，效率更高，并且会避免一些内存过载的情况。这样也许会好懂，就比上这种描述好很多：（前方高能）

这种动态化修改元素内的属性，在此方法内，也就是.js模拟的浏览器解析xml文档中的源方法中一起多线程加载，避免了将方法请求从模拟浏览器发送到本地的操作，并且保护了代码数据和程序结构，效率比重定向好。

。。。本人一己之见......