当前位置: 首页 > 软件库 > 程序开发 > UI组件库 >

ux-js

前端 UI 库
授权协议 Apache
开发语言 JavaScript
所属分类 程序开发、 UI组件库
软件类型 开源软件
地区 不详
投 递 者 扈阳辉
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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组件

开发团队/组织

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

  • 在HP-UX-IA64下编译JFFI及FFI遇到很多问题,官网jffi文档中也并没有在hp-ux-ia64平台上有编译过。 次文档仅为记录之用。记录编译过程,但并不意味着本人遇到的问题已经解决。 注意点: 1. hpux上装的gcc 4.3.2.编译时默认是32位。编64位需要加参数: -mlp64 2. hpux上的jdk(1.6)目录结构与linux上jdk目录不一致。64位版本java/ja

  • 首先了,要先下载lovcombo 地址为http://lovcombo.extjs.eu/ extjs3.0和这个东东了有个bug,就是选择后失去焦点值会消失 修复方法,在Ext.ux.form.LovCombo.js加上beforeBlur,方法为 在Ext.ux.form.LovCombo.js的setValue前面加上   beforeBlur : function(){      var

  • =====  UX小知識  ===== ○ 測試法    A / B Testing    5秒測試法:介面放在手機上給測試者看2秒, 問測試者還記得那個介面上有什麼 ○ 原型的類別    wireframe  低擬真(線搞)    mockup     高擬真    prototype  可操作 ○ 流程圖的類別    Flow Chart    Functional Map    UI Flo

  • ujs

    http://therailworld.com/posts/26-Using-Prototype-and-JQuery-with-Rails3-UJS- http://ihower.tw/blog/archives/3917 http://ihower.tw/blog/archives/3917

  • 过渡和动画是一种重要的设计模式,其目的是通过使用户界面(UI)更自然和直观来改善用户体验(UX)。 大多数人认为过渡和动画的目的是引起用户的注意,这在一定程度上是正确的。 在某些情况下,例如游戏网站,以吸引力和娱乐为先,这是合理的。 但是,在大多数网站中,参与应该是次要角色,而任何过渡或动画的主要角色应该是沟通。 这将是本教程的主题。 我们将探讨转场和动画如何有效地进行通信,并会在Vue.js的上

  • =====  什麼是UI?什麼是UX?  ===== 1.UI的全名是User Interface / 使用者介面 2.UX的全名是User Experience / 使用者經驗    本質是要解決問題    要避免過度設計 3.UX書籍推薦    行動設計之鑰    http://www.books.com.tw/products/0010628041    了解「人」,你才知道怎麼設計!洞悉設

  • UX (用户体验) 设计流程通常包括以下几个步骤: 确定目标和范围:确定要解决的问题或需求,以及解决这些问题或需求所需要设计的范围。 市场调研:进行市场调研,了解目标用户的偏好、需求和使用习惯。 用户研究:进行用户研究,了解用户的行为、需求和偏好。 设计原型:根据用户研究的结果,创建设计原型,表示产品的功能和界面。 用户测试:对设计原型进行用户测试,获取用户反馈。 设计迭代:根据用户测试的结果,对

  • ueditor是比较好用的编辑器 在此记录一下 下载地址: url:http://ueditor.baidu.com/website/download.html

 相关资料
  • Bootstrap 官方于 2015 年 8 月 19 日发布了其最新版本 Bootstrap v4.0.0-alpha。 Bootstrap 4 的开发是一项浩大的工程,将近一年的开发,几乎是对整个项目的重写,终于在 Bootstrap 4 周岁生日的时候推出了最新的 v4-alpha 版本。 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的

  • 问:你认为什么是设计价值呢? 提高设计师的话语权是大厂的设计团队一直在坚持做的事情。这道题的背景是京东一面面试官问到的,还好我一直在关注设计价值相关的问题,所以回答的也很顺利,面试官也称赞我回答的非常全面,不论是提高自己在工作中的主动性还是准备设计面试,搞清楚什么是设计价值我认为可以帮助我们这些刚入行的新人设计师解决很多问题。 答题思路: 1、优化产品的任务流程,建立设计体系设计规范,从而节约公司

  • AKjs前端框架是Andrew.Kim和他的团队一起研发的基于jQuery的一个轻量级前端框架。它是只要懂jQuery的语法很容易上手的框架。该框架里面现在发布了很多移动端常用的功能效果;开发者们使用过程中功能插件也可以自己扩展增加。另一方面,它是相当于一个丰富的组件化UI框架,优点是开发要前后端分离,项目开发过程中后端通过ajax调用数据的机制。 AKjs是一个基于jQuery的一套构建用户界面

  • 今天一天在爱奇艺面试了两次 早上UX下午UI 两场面试下来感受还是挺深的 就想记录和分享一下 必须做好充足的准备 这样面试才有底气!!! 1. 自我介绍 在自我介绍的最后说下(岗位的理解+“这与我的实习经历和完成的作品有很高的匹配度+比如第一我能第二我会第三我有)直接告诉面试官你的核心竞争力 2. 作品集 在UX面试时被问到选一个你最满意的作品进行阐述 可以这样说:1. 背景 什么原因促使做这个设

  • 记录下最近虾皮 Shopee UI/UX 设计的面试经验,这个岗位是 hr 主动来找到我电话沟通咨询是否有意向投递的,投递后很快通过了简历筛选,技术面总共有三轮,第一轮结束后会需要完成一份笔试题目,然后进入第二轮,但由于在第二轮的时候聊得不太同频道,所以面经里只包含了第一二轮遇到的面试问题啦,全程中文。 部分高频出现的问题: 1、自我介绍 2、用户研究能力(后续了解到因为他们团队没有细分的 res

  • 1. 自我介绍 简而精往JD上靠 在自我介绍的最后说下(岗位的理解+“这与我的实习经历和完成的作品有很高的匹配度+比如第一我能第二我会第三我有)直接告诉面试官你的核心竞争力 2. 作品集 在UX面试时被问到选一个你最满意的作品进行阐述 可以这样说:1. 背景 什么原因促使做这个设计 2. 目标(如提高生活效率减少食物浪费3. 为此做了什么 4. 在low-fi和high-fi的不断测试得到什么结果