引言
Webix是跨瀏覽器津畸,跨設(shè)備的Javascript UI框架必怜,通過(guò)JavaScript后频,CSS暖途,HTML5技術(shù)構(gòu)建交互式Web應(yīng)用程序膏执,適合企業(yè)應(yīng)用開(kāi)發(fā),而且擴(kuò)展非常容易欺栗,集成了如JQuery第三方工具并可與任一服務(wù)器端平臺(tái)(PHP征峦,.NET,Java等)配合使用类腮。其UI庫(kù)提供超過(guò)80個(gè)完全可定制的小部件和控件蛉加,可幫助構(gòu)建不同類(lèi)型的界面,很好地呈現(xiàn)數(shù)據(jù)并與之配合使用针饥。webix的用戶(hù)體驗(yàn)是簡(jiǎn)單實(shí)用,布局靈活修肠,高擴(kuò)展性户盯,可控外觀和直觀的API允許創(chuàng)建Web、APP應(yīng)用程序吗伤。
學(xué)習(xí)資源
可查看Widgets(組件)硫眨、Demos(實(shí)例)和API(開(kāi)發(fā)文檔):
學(xué)習(xí)路徑
了解官網(wǎng)組件Demo效果,根據(jù)自己需求查找API文檔熟悉組件屬性巧号、方法姥闭、事件以及webix代碼寫(xiě)法,開(kāi)發(fā)版webix_debug.js適合查錯(cuò)和了解源碼寫(xiě)法靠欢。
嘗試模擬一些網(wǎng)站界面設(shè)計(jì),擴(kuò)展組件以實(shí)現(xiàn)需求效果门怪,一步步實(shí)踐、反饋提升肋殴。
例子
webix的window組件坦弟,可以通過(guò)ProtoUI方法擴(kuò)展為自己需要的公共組件。
<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,//可移動(dòng)
resize: true,//可調(diào)整大小
head: "This window can be resized",
body: {
template: "Some text"
}
}).show();
</script>