110js一亿配置能打活跃?

隔行变色功能,不用js,直接用css伪类就可以做,这个实例可以作为js插件开发很好的入门级实例。本文实现的隔行变色包括以下功能:

1,支持2种常用结构共存( div元素 和 表格类型 )

2,一个页面内支持不同模块隔行变色,分别管理

3,可以定制的配置有:

特定的模块加上隔行变色

隔行变色的元素类型定制

我们要实现的是多个插件功能【选项卡,全选,不选,反选,轮播,弹窗,分页等常用插件】,所以第一步,要做一个简单的模块架构,这里,我采用的是字面量单例模式+命名空间

一、首先定义一个一级的命名空间 ghostwu = {},然后通过window对象 暴露这个对象 给外部使用

接下来开发的插件,只要加在我的一级命名空间中即可,如:

插件的具体方法,在二级命名空间继续增加,如:

二、实现一个不能定制配置的隔行变色功能

至此,一个简单的隔行变色功能就完成了,但是不能称之为插件,因为这个功能现在是写死的

三、把可能变化的部分抽象出来变成配置

1,元素,这里我们的布局是div,隔行变色也有可能是表格

接下来,我们添加一个json配置,设置一些默认配置,然后允许初始化的时候 定制样式名称和元素

经过修改之后,我们就可以通过 opt这个json 配置样式和元素结构了, 接下来,我们就得增加参数配置了

只需要在demo.js代码中,加入一个for循环,把参数的配置复制给opt即可

html测试页面修改如下:

在第四步中,class都可以定制了,但是ele还不能定制,这个ele就是控制隔行变色的结构

修改init函数如下:

测试页面的代码修改如下:

至此,我们开发的功能,勉强算个插件了,但是,不能按区域控制,比如页面上有10个div, 分成2部分,一部分有5个div,另外一部分也是5个,我想其中一部分div加上隔行变色效果。另外一部分不加.

其实很简单,就是不要用document去获取元素,document获取到的元素是所有的元素,所以我们在配置中加一个上下文的配置,可以限定获取某部分满足条件的节点.

修改demo.js对应部分的代码如下:

修改html页面代码如下:

这样我们就可以达到分块控制的目的,但是,如果你仔细一点,应该能发现一个问题,activeClass设置的样式产生了覆盖,3个区域不能定制activeClass。这个就是单例模式无法解决的问题,我们可以通过构造函数解决

七、构造函数解决属性配置覆盖的问题

}

公司根据市场发展的需要,先后与全国十几家名优机械、煤炭***生产企业合作,建立了业务关系,成立在济宁及山东区域的代理。公司有较强的综合实力、高度的***度和信誉。本公司秉承“诚信、***、共赢”的经营理念,坚持用户至上、质量,以科技服务客户,坚持技术进步、不断 ***、不断超越,已经成为一家在机械及行业设备行业颇具实力和规模的企业。。 您的满意就是我们的追求!欢迎广大企业、用户和消费者和我们联系,我们将本着用的产品,为用户提供的服务为宗旨,竭诚为您服务!

有限责任公司(自然人投资或控股)
山东省济宁市任城区太白中路75(五金交电批发站)
济宁市任城区市场监督管理局
机械设备及配件、机电设备、汽车配件、五金产品、仪器仪表、环保设备、普通劳保用品、建材、防爆电机、防爆电气、橡胶制品、液压设备、化工原料及产品(不含化学危险品)、钢材的销售。(依法须经批准的项目,经相关部门批准后方可开展经营活动)
输出转速范围电液动rpm
}

我要回帖

更多关于 nodejs需要配置环境变量吗 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信