重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
jQuery widget是一些封装好的组件,例如日期控件,可以直接用在项目中。
创新互联公司是一家以重庆网站建设公司、网页设计、品牌设计、软件运维、seo优化排名、小程序App开发等移动开发为一体互联网公司。已累计为社区文化墙等众行业中小客户提供优质的互联网建站和软件开发服务。
然后jQuery是针对JS的一个封装和加强,它可以提供更便捷的交互性操作,例如更方便的选择器等等。
jQuery widget是基于jQuery开发的一系列组件。
我用jQuery UI来距离吧,其中有封装好的很多widget,比如datepicker,当你加载jQuery ui后,页面写上相应的datepicker的元素,在页面生成时用JS初始化,即可将这个input元素显示为一个选择日期的图标等,点击后可以选择日期。
示例代码:
script
$(function() {
$( "#datepicker" ).datepicker(); });
/script
pDate: input type="text" id="datepicker"/p
这样即可生成一个最简单的datepicker元素。这边你没有看到任何的jQuery的正常操作语句,而是仅仅调用了.datepicker()方法即生成了一个日期选择器,这就是widget。
在Vue.js中使用jquery插件需要利用ProvidePlugin导入jquery全局库。1、在build/webpack.dev.conf.js和build/webpack.prod.conf.js中配置即可。2、在模块中使用的时候代码如下:plugins:[//这里是需要导入的插件列表,定意思jquery为全局参数newwebpack.ProvidePlugin({$:'jquery',jquery:'jquery','window.jQuery':'jquery',jQuery:'jquery'})]也可以使用import的这种写法:importjQueryfrom'jQuery'ready:function(){varself=this;jQuery(window).resize(function(){self.$refs.thisherechart.drawChart();})},
组件属于类级别的开发,即给jQuery添加新的全局函数,可以理解为添加静态方法,相当于给jQuery类本身添加方法,如$.AJAX这个方法;
插件属于对象级别的开发,即给jQuery对象添加方法。
(1)jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等。
(2)jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等。
在运用中会有闭包, 由于函数内部定义变量作用域问题,如果外部想用这个内部函数创建的一个变量;那就需要在这个函数内部在创建一个函数,创建的这个函数相当于一个桥梁把内部外部函数的变量抛出,这样就解决了不能访问这个变量的问题,那这个内部函数就称为闭包。
其具体特性如下:
a.函数内再嵌套函数
b.内部函数可以引用外层的参数和变量
c.参数和变量不会被垃圾回收机制回收
概括的说,闭包就是能够读取其他函数内部变量的函数,在本质上,它是将函数内部和函数外部连接起来的一座桥梁。