Skip to content

ux-js,专门适用于前端web小程序开发的专门JavaScript库,内置了大量的前端UI组件,适用于WebApp的开发,集合了LinUIjs的前端UI库,亦可用于前端web。ux-js可以使得你更加快捷的使用JavaScript完成对页面的描述,内置函数在一定程度上代替了原本浏览器组件的不足

License

Notifications You must be signed in to change notification settings

LinWin-Cloud/ux-js

Repository files navigation

UX-js

介绍

适用于优信小程序开发的JavaScript库(移植到web端也没有问题)部分的代码 在web端无法运行(因为是专门为优信小程序设计的),不过基本上所有的代码都 是可以稳定的运行。ux-js使用内置编写的API和LinUI-js框架编写,方便实用, 网页描述可以使用JavaScript完成。

下载uxjs (此处使用Linux命令操作) git clone https://gitee.com/-/ide/project/LinWin-Cloud/ux-js mv ux-js uxjs #这步必须要,否则运行报错

引入ux-js库

<!--此处为HTML注释,uxjs只能运行于HTML文件内-->
<!--必须将uxjs目录于页面目录放置于同一个目录-->

<script src='./uxjs/uxjs.min.js'></script>

运行ux-js库

<script>
    window.onload = function(){
        /* 使用window.onload可以等待所有的JavaScript加载完成 */

        //新建一个按钮对象
        //这里是部分参数,还可以根据实际确定风格和样式

        var button = new Button(100,30,"文字",200,100); 

        //在body中放置这个对象
        /* 同理来说 appendChild也可以用在其他的元素上使用 */

        document.body.appendChild(button);

        /* 添加标题栏 */
        /* 代码的参数: UX_Top(Title,height=50,FontColor="black",BGColor="white") */

        UX_Top("优信小程序");
    }
</script>

使用帮助

参考每个文件的注释,注释大部分采用中文,写的很丰富。

版本发布、更新

1. v1.0.0 2022.9.1发布
2. v1.0.1 2022.9.5修改BUG
3. v1.0.2 2022.9.10 更新组件
4. v1.0.3 2022.9.11 更新组件、修改UI、修复BUG
5. v1.0.4 2022.9.12 更新组件、修改UI
6. v1.0.5 2022.10.11 更新float_button组件,修复BUG、修改UI,增加可用函数,美化组件

优信小程序开发架构(同样可以应用于web端) 【!】注意:小程序虽然采用html和JavaScript以及css,但是HTML中不兼容任何套嵌页面。

软件目录
|-- UXApp目录
|-- ux-js (优信小程序库目录)
|-- HTML页面 (全部放在根目录,否则无法导入JavaScript)
|-- js (允许引用其他js文件)
|-- css (允许引用其他css文件)

开发团队/组织

优信团队、萤火科技、联沃云团队

About

ux-js,专门适用于前端web小程序开发的专门JavaScript库,内置了大量的前端UI组件,适用于WebApp的开发,集合了LinUIjs的前端UI库,亦可用于前端web。ux-js可以使得你更加快捷的使用JavaScript完成对页面的描述,内置函数在一定程度上代替了原本浏览器组件的不足

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published