xmlplus 介绍

xmlplus 是一个设计非常独特 JavaScript 框架，用于快速开发前后端项目。

基于组件设计

在 xmlplus 中，组件是基本的构造块。评价组件设计好坏的一个重要标准是封装度。基于 xmlplus 设计的组件具有极高的封装度。下面是一个简单的组件示例：

Widget: { css: "#widget{ color: red; }", xml: `<h1 id='widget'>default</h1>`, fun: function (sys, items, opts) { sys.widget.text("hello, world"); }}

注意，这个组件包含的样式、XML 文档以及函数项仅对该组件有效，其它组件对它是完全不可见的。这种组件的书写方式改变了传统的将 CSS、JS 以及 HTML 置于不同文件的应用书写模式，但它却能使你在构建应用时更加得心应手。

组件由命名空间组织。基于传统目录路径的组件引用方式，让组件的使用更为便捷。假设你已经定义好一个位于命名空间 //ui 的 Calendar 组件，那么你可以在 HTML 页面中这样使用它：

<Calendar xmlns="//ui"/>

至于如何定义组件，请参考官方文档 http:///qudou/xmlplus

如果你已经学完了基础教程，那么可以继续学习本博写的 xmlplus 组件设计系列。此系列主要讨论实际中组件的设计思路、方法与技巧等。

xmlplus 组件设计系列之一 - 图标（ICON）

xmlplus 组件设计系列之二 - 按钮（Button）

xmlplus 组件设计系列之三 - 文本框（TextBox）

xmlplus 组件设计系列之四 - 列表（List）

xmlplus 组件设计系列之五 - 选项卡（Tabbar）

xmlplus 组件设计系列之六 - 下拉刷新（PullRefresh）

本系列文章基于 xmlplus 框架。如果你对 xmlplus 没有多少了解，可以访问 www.xmlplus.cn。这里有详尽的入门文档可供参考。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。