编写自己的代码库(javascript常用实例的实现与封装–续)

1.前言

这个系列的上一篇文章(编写自己的代码库(javascript常用实例的实现与封装))总结了34个常见的操作。但是在开发中,常见的实例又何止这么多个,经过这些日子的探索,以及他人的意见,现在得追加一些操作实例了。希望能帮到大家,也希望如果大家觉得有什么需要追加的,觉得我哪里写得不好或者写错了,欢迎评论或者私信我!另外,项目仍然是之前的那个,代码已经上传上去了,也欢迎大家在github上面star一下ec-do
好,下面正式进入正文!

特别说明

ps:下面的的函数写法,比如直接这样写是会报错的createKeyExp:function(){}。但我这篇文章是基于这个系列的上一篇文章的,等于是createKeyExp:function(){},直接在**ecDo**这个对象里面。不知道的同学可以移步到上一篇文章(编写自己的代码库(javascript常用实例的实现与封装))去看,或者直接去上面的github看代码ec-do

实际代码如下,只是我没写出var ecDo={}而已!我为什么这样封装,之前也说过,不想声明太多全局变量。还有一个要注意的就是下面函数可能会出现this这个关键词,除了特别说明之外,都是指向ecDo这个对象。

前序:bug修改以及写法优化

此处修改之前提交函数已经发现的bug,基于这个系列上篇文章的提供的函数。

changeCase(大小写转换函数)修改

upDigit(金额大写函数)bug修改

covArr(求数组平均数)修改bug

随机码函数重命名

removeClass(删除类名)

之前是只能处理单个html元素,传入html集合或者html元素数组,运行会报错,现在即使传入的是一个html集合或者html元素数组,都可以处理

addClass(增加类名)

之前是只能处理单个html元素,传入html集合或者html元素数组,运行会报错,现在即使传入的是一个html集合或者html元素数组,都可以处理

hasClass(检测对象是否有哪个类名)

之前如果传进来的obj本身没有class属性,或者class为空的情况下,运行会报错,现在返回fasle

前序:写法优化

sumArr(数字数组求和)

siblings(获取兄弟节点)

增加筛选条件,支持标签名,class,id

2.字符串操作

好了,说完了上篇的内容,接下来说下这篇文章增加的函数

2-1.找出最长单词

2-2.句中单每个单词词首字母大写

这个我也一直在纠结,英文标题,即使是首字母大写,也未必每一个单词的首字母都是大写的,但是又不知道哪些应该大写,哪些不应该大写

2-3.字符串过滤

2-4.创建正则字符

2-5.关键字加标签

3.数组操作

3-1.获取对象数组某些项

3-2.排除数组某些项

3-3.对象数组排序

4.DOM操作

4-1.预加载图片

4-2.图片滚动懒加载

5.其它做操

 

5-1.封装AJAX

 

5-2.数据类型判断

5-3.手机类型判断

6.小结

算上上一篇,js常用的小实例超过50个了,在我自己日常开发,常用的小实例基本都在里面了(操作太过于灵活的可能一时封装不了)。可能以后更多的更新并不是增加函数,而修改优化函数写法(特别是函数命名的问题,还有很多是需要改的,命名也是搞得我词穷了!),或者是用es6语法改写。当然,如果真的有值得封装的小实例,我也会继续更新,小改动就不会再发文章,只更新github,大改动就继续发文章。如果大家觉得我哪里还是可以优化的,或者哪里有问题,欢迎大家指点下建议。这样可以让大家相互学习,相互帮助!

1 5 收藏 评论

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部