时间:2021-05-25
刚刚开始正式的职业生涯,最近几天在给公司做统一的头部js,想到了一个通过script自定义属性传递配置参数的方法。
有时候我们编写了一个js插件,要使用该插件需要先在html中引入该插件Js,然后再添加一个script标签,在里面调用。如一个图片切换的插件。其代码大致如下:
$.fn.picSwitch = function(option){//这里是图片切换的代码}再引入了该插件后,需要再在另外的script标签内加入调用代码
$('#pic').picSwitch({'speed' : '400','derection' : 'left'//... 这里是配置})这当然没有什么问题,但有些时候我们并不想再多添加个script标签,如果只引入script标签,那该怎么做怎么传递配置参数呢?
这时候我们就可以利用script上的自定义属性进行传递配置参数。在这之前先要对该图片切换插件进行处理。修改后代码如下:
$.fn.picSwitch = function(){//这里是图片切换的代码};//写好插件后就直接调用
$('这里是选择器,需要在script标签上获取').picSwitch('这里是配置参数,需要在script标签上获取');
接下来就是用script上传递参数了,在html页面上如下引用该js插件。
<head><script src='/script/picSwitch.js' id='picSwitch' obj='#pic' option='{"speed":"400","derection":"left"}'></script></head><body><div id="pic">//这里是具体结构</div></body>最后再修改插件为:
$.fn.picSwitch = function(){//这里是图片切换的代码};//写好插件后就直接调用var script = $('#picSwitch'),//标签上的idselector = script.attr('selector'),option = JSON.parse(script.attr('option'));//标签上的是字符串需要转为json对象$(selector).picSwitch(option);这样就只用了一个标签便实现了功能,配置变化只需要改变script自定义属性即可。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
animate()参数介绍:animate()方法执行CSS属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,
1、plt.rcParamsplt(matplotlib.pyplot)使用rc配置文件来自定义图形的各种默认属性,称之为“rc配置”或“rc参数”。通过rc参
Android自定义View时使用TypedArray配置样式属性详细介绍在自定义view时为了提高复用性和扩展性,可以为自定义的view添加样式属性的配置,比
比如:yml中自定义一个域名属性:mytest:domainName:https://上面定义了之后,在此配置文件中,就可通过${}来代替域名了defaultH
SpringBoot如何实现自定义配置文件提示我们在使用SpringBoot开发项目时,常常需要编写一些属性配置类,用来完成自定义或特定的属性配置。在我们配置a