引言

Webix是跨浏览器，跨设备的Javascript UI框架，通过JavaScript，CSS，HTML5技术构建交互式Web应用程序，适合企业应用开发，而且扩展非常容易，集成了如JQuery第三方工具并可与任一服务器端平台（PHP，.NET，Java等）配合使用。其UI库提供超过80个完全可定制的小部件和控件，可帮助构建不同类型的界面，很好地呈现数据并与之配合使用。webix的用户体验是简单实用，布局灵活，高扩展性，可控外观和直观的API允许创建Web、APP应用程序。

webix应用Demo图

学习资源

可查看Widgets（组件）、Demos（实例）和API（开发文档）：

1. webix官网
2. 最新版 webix.js
3. webix Demo的GitHub地址
4. webix_V43API.CHM

学习路径

1. 了解官网组件Demo效果，根据自己需求查找API文档熟悉组件属性、方法、事件以及webix代码写法，开发版webix_debug.js适合查错和了解源码写法。

2. 尝试模拟一些网站界面设计，扩展组件以实现需求效果，一步步实践、反馈提升。

例子

webix的window组件，可以通过ProtoUI方法扩展为自己需要的公共组件。

<link rel="stylesheet" href="css/webix.css" type="text/css">
<script src="js/webix.js" type="text/javascript"></script>
 <script type="text/javascript" charset="utf-8">
    webix.ui({
        view: "window",
        height: 250,
        width: 300,
        left: 50,
        top: 50,
        move: true,//可移动
        resize: true,//可调整大小
        head: "This window can be resized",
        body: {
            template: "Some text"
        }
    }).show();
</script>

window组件效果