ux-js前端 UI 库-技术圈

ux-js前端 UI 库

联合创作 · 2023-09-28 01:02

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

开源组织	联沃云科技、优信团队、萤火科技
地区	中国上海、中国四川
适用人群	前端开发者、UI设计师
适用平台	Web前端

引入ux-js库

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

<script src='./ux-js/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>

使用帮助

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

优信小程序开发架构（同样可以应用于web端）

【！】注意：小程序虽然采用html和JavaScript以及css，但是HTML中不兼容任何套嵌页面。

软件目录

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

开发提交

优信小程序提供的是一个web端框架，目的是提供一个优信软件可以接受的小程序架构支持，不过完全
设计了应用在web端，如果想要应用在web端，完全可以参照HTML5标准。优信小程序参照HTML4标准，
基于Javafx webview组件

开发团队/组织

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

编辑分享