xmlplus

xmlplus 是一个JavaScript框架，用于快速开发前后端项目。这篇文章主要介绍了xmlplus组件设计系列之路由，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 在浏览器端，对路由的理解一般是根据不同的 URL 完...

xmlplus 是一个JavaScript框架，用于快速开发前后端项目。这篇文章主要介绍了xmlplus布局类组件之分隔框，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 分隔框（DividedBox）是一种布局类组件，可以分为两...

xmlplus 是一个JavaScript框架，用于快速开发前后端项目。这篇文章主要介绍了xmlplus组件设计系列之tree，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 树形组件是一种具有层级结构的组件，广泛应用于各种...

xmlplus 是一个JavaScript框架，用于快速开发前后端项目。这篇文章主要介绍了xmlplus组件设计系列之xmlplus网格，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 这一章我们要实现是一个网格组件，该组件除...

xmlplus 是一个JavaScript框架，用于快速开发前后端项目。这篇文章主要介绍了xmlplus组件设计系列之按钮，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 除了图标以外，按钮也许是最简单的组件了，现在来看...

xmlplus 是一个JavaScript框架，用于快速开发前后端项目。这篇文章主要介绍了xmlplus组件设计系列之列表，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 列表组件是极其常用的一类组件，是许多视图组件系统...

列表组件是极其常用的一类组件，是许多视图组件系统的必须包含的。列表可以做的很简单，只显示简洁的内容。列表也可以做的很复杂，用于展示非常丰富的内容。 组成元素 列表离不开列表项以及包含列表项的容器。下...

除了图标以外，按钮也许是最简单的组件了，现在来看看如何定义按钮组件。 使用原生按钮组件 在 xmlplus 中，HTML 元素也以组件的方式存在。所以，你可以直接通过使用 button 标签或者 input 标签来使用按钮组件...

“下拉刷新”由著名设计师 Loren Brichter 设计，并应用于 Twitter 第三方应用 Tweetie 中。2010年4月，Twitter 收购 Tweetie 开发商 Atebits 后，该专利归 Twitter 所有。这一章我们就来看看如何实现一个简单的下...

这一章将设计一个选项卡组件，选项卡组件在手持设备上用的比较多，下面是一个示意图： 选项卡组成 在具体实现之前，想像一下目标组件是如何使用的，对于设计会有莫大的帮助。通过观察，可以将选项卡组件分为容...

文本框是页面中最常用的输入组件，它的默认使用方式如下： <input type='text'/> 当然，这里的 `type='text' 可以略去不写。大部分情况下，使用默认的文本框作为输入组件是没什么问题的，但在具体的项目中...

树形组件是一种具有层级结构的组件，广泛应用于各种场景。本章会实现一个简单的树形组件，尽管功能有限，但你可以通过扩展它来实现自己所需要的树形组件。 数据源 树形组件的数据源可以是 JSON 格式的数据对象...

分隔框（DividedBox）是一种布局类组件，可以分为两类，其中一类叫水平分隔框（HDividedBox），另一类叫垂直分隔框（VDividedBox）。水平分隔框会将其子级分为两列，而垂直分隔框则会将其子级分为两行。列与列之...

在浏览器端，对路由的理解一般是根据不同的 URL 完成页面的切换。在服务器端，则是根据不同的 URL 请求回馈相关的页面。在本章，我们广义的组件路由的定义：根据接收到的不同命令，组件对象呈现出不同的子级页面...

网页上使用的图标分可为三种：文件图标、字体图标和 SVG 图标。对于文件图标，下面仅以 PNG 格式来说明。 PNG 图标 对于 PNG 图标的引用，有两种方式。一种是直接由 HTML 元素 img 的 src 属性给出。下面是一个...

这一章我们要实现是一个网格组件，该组件除了最基本的数据展示功能外，还提供排序以及数据过滤功能。 数据源 为了测试我们即将编写好网格组件，我们采用如下格式的数据源。此数据源包含两部分的内容，分别是表...

xmlplus 介绍 xmlplus 是一个设计非常独特 JavaScript 框架，用于快速开发前后端项目。 基于组件设计 在 xmlplus 中，组件是基本的构造块。评价组件设计好坏的一个重要标准是封装度。基于 xmlplus 设计的组件具...