GVKun编程网logo

jquery-*.min.js 和 jquery.easyui.min.js 使用时版本的问题?(jquery-easyui-1.3.3)

21

对于jquery-*.min.js和jquery.easyui.min.js使用时版本的问题?感兴趣的读者,本文将会是一篇不错的选择,我们将详细介绍jquery-easyui-1.3.3,并为您提供关

对于jquery-*.min.js 和 jquery.easyui.min.js 使用时版本的问题?感兴趣的读者,本文将会是一篇不错的选择,我们将详细介绍jquery-easyui-1.3.3,并为您提供关于Angularjs bootstrap jquery jquery easyUI extjs 详解、jQuery EasyUI API 中文文档 - EasyLoader 加载器_jquery、jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍_jquery、jQuery EasyUI API 中文文档 - Pagination分页_jquery的有用信息。

本文目录一览:

jquery-*.min.js 和 jquery.easyui.min.js 使用时版本的问题?(jquery-easyui-1.3.3)

jquery-*.min.js 和 jquery.easyui.min.js 使用时版本的问题?(jquery-easyui-1.3.3)

@stworthy 你好,想跟你请教个问题:

今天使用jquery-1.4.2.min.js 和 jquery.easyui.min.js (1.2.4) 发现在使用layout时没有效果

然后我把  jquery.easyui.min.js (1.2.4) 换成 jquery.easyui.min.js (1.3) 就可以了,我就觉得奇怪,之前没发现这个问题,公司使用 jquery-1.7.2.min.js 和 jquery.easyui.min.js (1.3) 也是可以用,会不会有版本之间冲突的问题存在呢?

我也是刚刚使用不久,还请您赐教了!

 

 

 

Angularjs bootstrap jquery jquery easyUI extjs 详解

Angularjs bootstrap jquery jquery easyUI extjs 详解

AngularJS不能做什么?对比Angular/JSjQueryUI/Extjs


1.angularjs

html和js之间的数据衔接层,可以操控html元素(数据绑定、重复、隐藏)等,上手很容易,但想要精通,了解内部运行机制不容易。

2.bootstrap

用于页面布局样式设计,CSS等,与数据无关,是一种UI设计工具,一般搭配angularjs使用。

3.jquery

是一个JavaScript函数库,与angularjs作用一直,但更偏重于操作dom元素,对dom遍历和修改。

4.easyUI

是基于jQuery的框架,它侧重于页面显示部分,即UI,但是所有效果都是用jQuery实现的。



框架就好比兵器,你得明白你手里拿的是屠龙刀还是倚天剑,刀法主要是砍,剑法主要是刺。对于那些职业喷子和脑残粉,小僧送你们两个字:呵呵;同时祝你幸福,请点右上角。

首先要明白Angular不能做什么,或者Angular没有提供什么,然后再来看它能做什么,来看Angular与其它一些主流框架的对比。



对于上面的表格,有人可能要跟我抬杠,咱大jQuery不是有各种插件吗!不是有各种EasyUI、LigerUI等等一大堆UI吗!

我只想说,你特么到底有没有做过大型的开发?各种东西倒腾在一起的组装货能比得上品牌机?另外遇到jQuery版本不兼容就够你喝一壶了吧!说jQueryUI各种乱已经是对它客气了,实际上是一塌糊涂!

提醒某些小白区分好概念,小僧的喷点是jQueryUI,而不是jQuery,jQuery这把小巧玲珑的瑞士军刀小僧还是非常喜欢滴!另外,也有 一批基于jQuery的UI套件做得非常优秀,比如KendoUI,但是一分钱一分货,好东西基本上都是收费的。这么多年下来了,你应该早就习惯了这条行 规。再说一次,好!东!西!都!是!收!费!的!

又有人说,怎么没把bootstrap列在里面对比一下?请问油漆桶和Tank战车怎么比?你比给我看看。

关于前端UI体系的特别说明

对于前端UI系统,特别说明一下。一般来说,前端UI必须包含以下控件和工具(参照了我最熟悉的Extjs):

  • Form

    TextField

    NumberField

    PassWord

    ComboBox

    CheckBox

    Radio

    DatePicker/TimePicker(日期和时间控件一般没有人会自己去写,太复杂了!

    表单验证:本地验证和远程验证

  • DataGrid

    复杂表头、数据格式、行内各种格式、动态编辑、分页、动态列、滚动(等等)

    完善的数据表格也是一个非常复杂的控件,完全自己开发不容易!

  • Tree

  • Window

    模态/非模态

  • Panel

  • TabPanel

    tab懒加载(内存释放和浏览器兼容性比较繁琐,做完善不容易!

  • HTMLEditor

    应该没有哪个疯子想自己去做一个类似KindEditor那样在线编辑器吧!什么?你想做?药不能停!

  • 小组件

    ToolTip

    Slider

    Pager

    ProgressBar

    Menu

    Label

    Image

    Alert

  • 布局

    布局系统是比较复杂的,必须有深厚的CSS基础,否则搞出来的东西一定有兼容性问题!好吧,我知道有人肯定要说bootstrap了,既然都在说那么小僧就不说了,自己玩儿去!

  • 其它工具

    Ajax

    模板

    数据格式化

    其它各种控件就不说了,比如幻灯片效果、面包屑,再比如“×款超棒的jQuery××”等等。

Angular没有提供完善的UI,没有提供CSS样式套件,也没有对移动平台进行直接支持。所以,如果你使用Angular,你一定需要其它东西来配合。例如,如果需要UI,你需要使用jQueryUI,或者自己封装UI组件;如果需要CSS样式,你可以选择bootstrap或者LESS;如果需要支持移动平台,还是需要你自己 去开发。

好了,看到这里有人开始嘀咕了,这特么岂不是什么都没有嘛!!!

莫急,再来看Angular有什么。

Angular能做什么?

1、自动化的数据双向绑定;

2、MVC;

3、依赖注入---DI系统;

4、指令系统(可以自定义语义化标签)---Directive机制;

5、模块化---Module机制;

6、路由机制---Route机制;

7、服务---Service机制;

8、内嵌表达式---Expression机制;

9、前端代码单元测试和集成测试的自动化(借助于Yeoman等工具);

10、模板;

11、动态加载;

这么多机制里面,核心的核心是指令系统,实际上其它所有特性都是建立在指令系统之上的。本质上说,Angular写了一个JS版的编译器,一切都构 建在这款编译器之上。对于使用者来说,可以把解析器看成一个JS虚拟机,有兴趣的人可以自己阅读Angular的Parser(HTML解析器)源码。

HTML解析器机制是其它所有框架所不具备也不敢这样做的,它是Angular的灵魂。

结论

很显然,Angular并没有打算做一个高大全的所谓【框架】,它的核心价值在于,把一堆后台框架的概念带到了前端框架中,比如依 赖注入(来自Spring);同时又从其它地方抄了一些概念,比如数据自动双向绑定(貌似来自Flex)、模板、MVC、动态加载(来自 RequireJS等),等等。当然,这些理念都挺好。基于这些理念和工具,你可以把前端应用组织得非常良好。

但是,有一点请特别注意(尤其那些负责技术选型的所谓“架构尸”,请瞪大你的钛合金狗眼看好下面的内容):对于界面非常复杂的业务 型系统,必须要要有完备的UI支持(Form、DataGrid、Tree、Tab、Window等)。如果你的团队整体JS水平很烂,或者压根没打算自 己去做很多东西,请慎用AngularJS!尤其是那些只有两三条破枪,连美工都没有的小公司,您请靠边儿凉快,这儿没您什么事儿。


白及说:

有一些项目总结在里面,但是不是很全面,对于小白来说,可以听听简单理解一下!

jQuery EasyUI API 中文文档 - EasyLoader 加载器_jquery

jQuery EasyUI API 中文文档 - EasyLoader 加载器_jquery

用法

复制代码 代码如下:

easyloader.base = ''../''; // 设置easyui的基本路径
easyloader.load(''messager'', function(){ // 加载指定的模块
$.messager.alert(''Title'', ''load ok'');
});

特性

名称

类型

说明

默认值

modules

object

预定义的模块。

 

locales

object

预定义的语言环境。

 

base

string

easyui的基本路径,必须以''/''结尾。

基本路径将被自动相对于easyload.js进行设置

theme

string

定义在''themes'' 目录下的主题名称。

default

css

boolean

定义当加载模块的时候是否加载css文件。

true

locale

string

语言环境名称。

null

timeout

number

以毫秒为单位的超时值,如果超时发生就触发。

2000

定义的语言环境

  • af
  • bg
  • ca
  • cs
  • da
  • de
  • en
  • fr
  • nl
  • zh_CN
  • zh_TW
事件

名称

参数

说明

onProgress

name

当一个模块被成功加载的时候触发。

onLoad

name

当一个模块和它的依赖被成功加载的时候触发。

方法

名称

参数

说明

load

module, callback

加载指定模块。当加载成功的时候一个回调函数将被调用。

Module的有效类型是:
单个module名称
一个module数组
''.css''结尾的css文件
''.js''结尾的js文件

jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍_jquery

jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍_jquery

扩展自 $.fn.spinner.defaults 和 $.fn.numberbox.defaults,用 $.fn.numberspinner.defaults 重写了 defaults。

依赖
spinner
numberbox
用法

复制代码 代码如下:

$(''#ss'').numberspinner({
editable:false
});

特性

其特性扩展自 spinner numberbox

事件

其事件扩展自 spinner

方法

其方法扩展自 spinner,下列是为 numberspinner 重写的方法。.

名称

参数

说明

options

none

返回 options 对象。

setValue

value

设置 numberspinner 的值。


博客园 风流涕淌

jQuery EasyUI API 中文文档 - Pagination分页_jquery

jQuery EasyUI API 中文文档 - Pagination分页_jquery

用 $.fn.pagination.defaults 重写了 defaults。
依赖
linkbutton
用法

复制代码 代码如下:



复制代码 代码如下:

$(''#pp'').pagination({
total:2000,
pageSize:10
});

特性

名称

类型

说明

默认值

total

number

记录总数,应该在创建pagination时设置。

1

pageSize

number

页面尺寸。(译者注:每页显示的最大记录数)

10

pageNumber

number

创建pagination时显示的页码。

1

pageList

array

用户能改变页面尺寸。pageList特性定义了能改成多大的尺寸。

[10,20,30,50]

loading

boolean

定义了是否数据正在加载。

false

buttons

array

定义了自定义按钮,每个按钮包含两个特性:
iconCls
CSS,它将显示一个背景图片
handler
:当按钮被点击时的处理函数。

null

showPageList

boolean

定义了是否显示页面列表。

true

showRefresh

boolean

定义了是否显示刷新按钮。

true

beforePageText

string

input组件之前显示label

Page

afterPageText

string

input组件之后显示label

of {pages}

displayMsg

string

显示页面信息。

Displaying {from} to {to} of {total} items

事件

名称

参数

说明

onSelectPage

pageNumber, pageSize

当用户选择新的页面时触发。回调函数包含两个参数:
pageNumber
:新的页码
pageSize
:新的页面尺寸

onBeforeRefresh

pageNumber, pageSize

刷新按钮点击之前触发,返回false就取消刷新动作。

onRefresh

pageNumber, pageSize

刷新之后触发。

onChangePageSize

pageSize

当用户改变页面尺寸时触发。

Methods

名称

参数

说明

options

none

返回options对象。

loading

none

pagination变成正在加载(loading)状态。

loaded

none

pagination变成加载完成(loaded)状态。

关于jquery-*.min.js 和 jquery.easyui.min.js 使用时版本的问题?jquery-easyui-1.3.3的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于Angularjs bootstrap jquery jquery easyUI extjs 详解、jQuery EasyUI API 中文文档 - EasyLoader 加载器_jquery、jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍_jquery、jQuery EasyUI API 中文文档 - Pagination分页_jquery等相关知识的信息别忘了在本站进行查找喔。

本文标签: