今天和大家聊聊前端使用的一些框架。
1.EasyUI
EasyUI是一种基于jQuery的用户界面插件集合。easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。
使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。
优势:开源免费,页面也还说得过去。
easyUI入门:
页面引入必要的js和css样式文件,文件引入顺序为:
然后在页面写easyUI代码就行,easyUI提供了很多样式:
示例如下1:
实现代码如下1:
2.MiniUI
基于jquery的框架,开发的界面功能都很丰富。jQueryMiniUI-快速开发WebUI。它能缩短开发时间,减少代码量,使开发者更专注于业务和服务端,轻松实现界面开发,带来绝佳的用户体验。使用MiniUI,
开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。
缺点:收费,没有源码,基于这个开发如果想对功能做扩展就需要找他们的团队进行升级!
提供以下几大类控件:
表格控件树形控件布局控件:标题面板、弹出面板、折叠分割器、布局器、表单布局器等导航控件:分页导航器、导航菜单、选项卡、菜单、工具栏等。表单控件:多选输入框、弹出选择框、文本输入框、数字输入框、日期选择框、下拉选择框、下拉树形选择框、下拉表格选择框、文件上传控件、多选框、列表框、多选框组、单选框组、按钮等富文本编辑器图表控件:柱状图、饼图、线形图、双轴图等。技术亮点1:
快速开发:使用Html配置界面,减少80%界面代码量。易学易用:简单的API设计,可以独立、组合使用控件。性能优化:内置数据懒加载、低内存开销、快速界面布局等机制。丰富控件:包含表格、树、数据验证、布局导航等超过50个控件。超强表格:提供锁定列、多表头、分页排序、行过滤、数据汇总、单元格编辑、详细行、Excel导出等功能第三方兼容:与ExtJS、jQuery、YUI、Dojo等任意第三方控件无缝集成。浏览器兼容:支持IE6+、FireFox、Chrome等。跨平台支持:支持Java、.NET、PHP等。示例如下2:
实现代码如下2:
3.jQueryUI
jQueryUI是一套jQuery的页面UI插件,包含很多种常用的页面空间,例如Tabs(如本站首页右上角部分)、
拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。
技术亮点3:
简单易用:继承jQuery简易使用特性,提供高度抽象接口,短期改善网站易用性。开源免费:采用MITGPL双协议授权,轻松满足自由产品至企业产品各种授权需求。广泛兼容:兼容各主流桌面浏览器。包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。轻便快捷:组件间相对独立,可按需加载,避免浪费带宽拖慢网页打开速度。标准先进:支持WAI-ARIA,通过标准XHTML代码提供渐进增强,保证低端环境可访问性。美观多变:提供近20种预设主题,并可自定义多达60项可配置样式规则,提供24种背景纹理选择。度娘上搜jQueryUI的api,其用法与easyUI、MiniUI都大同小异,此处将不再举例。4.Vue.js
Vue.js(读音/vju/,类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,
Vue采用自底向上增量开发的设计。Vue的核心库只