前5个jQuery UI替代品
在构建现代网络通常需要创建有用的UI组件。 无论您是需要一个日历，滑块，图形或其他任何的改善或简化用户交互是有用的，你的选择是要么自己或利用现有的功能，创建它。
自己开发这些组件通常是耗时而复杂的，除非你正在做的事情完全是独一无二它往往不是一个伟大的利用你的时间。 这就是UI库和框架来发挥作用。 这些库简化创建公共UI组件的过程。 您可以利用这些现有的框架，并对其进行自定义，以满足您的需求。
其中的最大的和广泛使用的架构是jQuery用户界面 。 这是一套扩展的窗口小部件，效果和jQuery的建关的主题，分成了自己的一套组件。 您可以下载所有的jQuery UI元素在一个单一的包，或者你可以挑选你感兴趣的组件和功能。使用收集这样可以让你创建一个一致的外观为您的组件，让你站起来以最小做文章运行。
虽然jQuery UI的伟大工程，是一个很好的走向的选择，还有其他的框架在那里，夸惊人的，高品质的控制。 在本文中，我将分析其中的几个，看看他们如何叠起。
剑道UI
付费框架
在剑道UI框架提供了一系列加快开发有用的70组件。 这些组件是反应灵敏，主题化，快速和高度可定制的。
有几件事情要爱约基诺UI，以及它如何帮助您创建真棒互动元素。
首先这些组件由Telerik的底层向上设计为高速。 不像其他一些框架，这些小部件已经从白手起家只有JS和所有不需要的jQuery。 自己感觉快的组件，在移动设备上观看，即使光滑固体。
当我们谈论移动设备，这就是剑道UI的另一个闪光点。 该部件设计时考虑到移动设备，这取决于它们被视为其中提供响应和自适应布局。 大多数小部件进行相应的调整，并根据如果你是一个移动设备上改变他们的控制。 这是一个很大的特点。 这里的Slider组件，它可以自动调整根据您的屏幕尺寸。
从实现的角度看，这些控件深思熟虑。 开发者可以设置它们中JS或他们已经配置的服务器侧（例如，输出经由PHP）。 除了剑道UI的网络方面的，也有可用于该框架的分支机构的Android和iOS的 （如果你想在你的应用程序使用它们）。
这很有趣的一件事是与角JS的集成组件。 这是一个与从头开始创建完美匹配您的角项目的UI元素一个相当完整的体系。 如果你正在寻找利用它角的高兴知道剑道已经接受了他们，并且前进，你应该有支持。
有一点要注意的是， 剑道UI不是免费的框架 。 这可能需要您多达几千根据您的许可需求完全商业库。 这本身可能足以吓跑一些开发商走，但是，您收到的质量和支持是你付出什么。
Webix
免费/付费框架
Webix使开发人员能够开始构建共同的UI元素一个快速简便的方法。 它带有一个范围的数据可视化，布局，导航和编辑控件。 虽然这个框架股与jQuery用户界面（日历，手风琴，对话等）的一些组件，Webix延伸，并超越你通常可以用jQuery UI的获得。
你得到的文件是令人印象深刻。 所有控件都带有一个API参考指南，列出所有的控件的方法，属性和事件。 此外，大多数控制将有联系的几个样品，显示你到底如何控制功能。 拥有友好的文档是非常重要的，所以我们很高兴地看到他们把时间到他们的文档。
另一个因素值得考虑的是，他们发布的内容在他们的博客频繁，有几个职位，提供有用的建议和实际的例子，如该职位的无障碍功能的UI组件 。 有框架的堆在那里，所以找到一个提供新鲜的内容永远是有价值的。
Webix提供自己的框架免费和付费服务。 他们的免费版本涵盖了大部分的你可能需要起床跑步，以获得共同的元素，如图表 ， 列表 ， 树和日历 。
他们的服务的付费版本带有额外的控制（如多选和日期范围选择器的支持和帮助一起）。
他们的付费服务的另一个方面是获得如他们几个非常详细的方案计划 。
这些额外支付额外的非常详细的小工具，抽象掉了自己构建这些组件，让您专注于您的自定义功能和造型的复杂性。
总体而言，自由工具是实心的，提供的功能很大。 他们的服务的支付部分是可以理解的和适当的考虑，你可以得到一些伟大的控制是免费的。 你将不得不寻找通过他们的插件文件 ，看看是否额外的控制和功能都值这个价。
如果你正在寻找一个有据可查的，大多是免费的解决方案，以你的UI需要再Webix可能就是适合你的。
JQwidgets
半免费/付费框架
JQWidgets是创建使开发人员能够建立反应灵敏，速度快，和强大的UI组件的网站一个jQuery供电的框架。 已创建JQWidget的组件利用jQuery来提供互动的，动态的，高度定制的部件。
当你拿起和学习新的框架是伟大的，有一种方式，与开发商取得联系，咨询并获得一切是如何工作的感觉。 JQWidgets提供了一个易于使用的，什么似乎是一个经常监测论坛。 除了论坛是一个相当最近更新的博客从开发者（有文章，发行说明和总体思路的组合）。
文档是任何框架的心脏和JQWidgets是没有什么不同。 他们的文件概述了如何他们的每一个部件的作品，随着样本代码，并在年底一个很好的示范。 下面是为酥料饼的小部件文档 。 每个窗口小部件也有一个简单，易于学习API参考指南对如何实现每个属性或方法举例。
这是另一个值得一提的一点是，JQWidget支持阵营 ， 角 ，甚至ASP .NET组件。 如果你对那么那些之一抚育这个框架可能会救你很多的时间。
我们很高兴看到JQWidgets拥抱这些常见的框架。 你要么使用JQWidget本身或它的替代形式，诸如角之一的选择。 这是一个真正的双赢。
JQWidgets进来两个半免费和付费的变种。 非商业用途的集合是好的。 不过，如果你正在寻找使用该商业（和你们中的大多数会），你需要购买许可证来覆盖你自己。
在定价的差异与支持，公司规模做。 如果你是一个开发人员可以使用自己的低层次的选项，在这里，如果你是一个数字机构你需要一个许可证更倾向于选项的顶部范围。 总体来说，你付出的越多，对支持更高级别的您会收到。 这将是由你来确定哪个选项是最合适的。
EasyUI
半免费/付费框架
EasyUI是扩展jQuery的小工具，用于创建交互性建设现代，响应网站和网络应用的集合。 随着EasyUI，您可以从直接HTML标记创建通用的UI元素，或者使用JavaScript。
EasyUI的设计似乎在与一些我们已经看了看其他的UI框架的可能性。 它的外观设计的一部分，感觉有点过。 就像它的设计在2010年。
虽然默认样式可能会离开你表现平平，EasyUI配备了一个相当真棒现场主题编辑器 ，让您控制的字体大小，文本颜色，背景颜色，位置和大多数其他公共属性。 最重要的是，它可以让你直接访问CSS，所以你可以玩，并建立一个正好适合你的一个主题。
下面是在行动“材料设计”的主题。
该用于EasyUI文档的简单和直观。 所有控件都显示在左侧和右侧的相关信息。 每个控制附带的样本屏幕截图，样本代码，然后所有的属性，方法和事件。 我在这里的主要抱怨是，有这些网页上没有真正的现场演示。
在主演示页 ，您可以快速链接到演示，每个控制。 例如， 面板控制演示展示了如何可能看起来与自定义控件，嵌套面板等元素。
jQuery的EasyUI是免费的非商业用途，但如果你是一名开发人员，你需要一个许可证。 价格概述他们的联系页面和整体（相对于其他一些框架的高端价格的时候），这是相当合理的。 图书馆作为一个整体是一个很好的出发点，并提供你所期望一个更高端/支持驱动的服务，一些额外的功能，如一个相当活跃的论坛和一系列扩展。
总体而言，这是一个坚实的框架，除了一个事实，即它看起来有点老了（网站和文档两者），这是一个坚实的地方，如果你正在寻找一个良好的jQuery UI的更换开始。
Wijmo
付费框架
Wijmo是一系列自定义JavaScript控件编写的打字稿及内置创建快速，反应灵敏，可扩展的UI控件。 Wijmo提供广泛的控制和支持多个JS框架如反应，角，和Vue公司。
Wijmo支持一系列控制，大多集中在数据可视化和输入，诸如图表，仪表，输入控制和网格。 而其他框架提供一系列诸如对话或布局的基本控制的，Wijmo似乎集中在数据。
一个有趣的方面要指出的是，开发商为两者提供支持的最新版本，Wijmo 5，和旧版本，Wijmo 3. Wijmo 5是建立在更现代的标准，因此不会对IE8的工作。 这就是旧旧版本的用武之地。 Wijmo 3所以它支持多达一路回IE6是基于jQuery。 这是一件很好的事，知道你有一个选择，而且开发人员，以防万一支持旧的框架，您需要使用它们。
Wijmo的文档和他们的网站的结构混乱。 他们所有的控件都列出他们的文档页面上 ，然而，他们不是非常友好和令人兴奋的。 例如，如果你想了解更多有关图表模块，你最终会在这个页面 。 该文档提供有关的类和接口，但不特别关于实施控制，与图像，代码示例，固体描述或演示的陈列柜详细信息。
有在其网站上的“资源管理器”部分将告诉您如何将所有这些控件的外观和可以调整设置。 这是一个有趣的工具，有利于得到什么，他们看起来像是一个理解。
下面是通过它们的Flexchart部件的线图的一个例子。
其他框架已经以更好的方式提供的文档，或者有一个专用页面为每个组件或几个子页面概述技术组件，例子，你需要描述。
有了坚实的文档中的一个新的框架进行投资时是至关重要的。 如果你想看到图表模块在行动（并希望看到的代码示例），你需要导航回到演示页面 ，找到Flexchart演示 ，看看它是如何工作。 还有一点要注意的是他们相当最近更新的博客 。 这些看似有用的技巧，系统的亮点，以及各种想法的组合。 这件事情是一个不错的额外费用。
在其网站上的碎片之外，控件本身很有趣。 每个控制让您调整将如何显示，实现自定义功能提供回调和全面让你的风格他们为你所需要的。
Wijmo为自己的产品提供试用期（类似剑道），但如果你想使用它商业化，你需要一个许可证。 在购买页面列出的选项。 价格取决于你需要哪些元素，如果你只是想Wijmo 5可以通过自己购买。 但是，如果你需要的控件.NET / Xamarin则需要在高端企业级许可。
由于Wijmo主要侧重于数据可视化，很难不将其如比较库HighCharts其具有可以说是一些最好的图形/视觉图表的。
jQuery UI的替代品
总体而言，有很大的框架，堆在那里，是完美的替代或补充jQuery用户界面。 大多数这些框架，比如我们已经看过了的，都需要支付，这是可以理解的。
在这一天结束时，如果你正在寻找你要么需要备份像jQuery UI一个体面的开源倡议，充分利用社会经验，或购买订制了公司，并利用你所支付的体验的解决方案。
如果您使用的框架，你从不必从头开始这已经是一个胜利开始受益。 你需要权衡，你需要对现有的框架价格的功能和控件（如那些我们已经看了今天），你就需要建立一些类似质量的时间和精力。
还有在那里，几个质量图书馆“替代”的网站列出了几种解决方案，你可能要当谈到创建真棒UI进行实验。 如果你能推荐其他任何良好的jQuery UI的备选方案，请让我知道在评论中。
这篇文章是由同行评审多米尼克·迈尔斯 。 感谢所有SitePoint的审稿作出SitePoint内容也可以是最好的！
From: https://www.sitepoint.com//top-5-jquery-ui-alternatives/