实例为日常开发常用的小实例,包括数组去重,

ec-do 自己封装的常用操作实例

实例为日常开发常用的小实例,包括数组去重,打乱数组,字母大小写转换,cookie操作的封装等。

使用方法 引入ec-do.js

//去除空格

ecDo.trim(' xx x x',1);

//xxxx

//大小写转换

ecDo.trim(' asdXaaaXHwwHwwad ')

//"asdXaaaXHwwHwwad"

具体使用方式在ec-do.js里面有说明

版本说明 ecDo 1.x使用es5语法编写 ecDo 2.x使用es6语法编写 ecDo 3.x使用es6语法编写,目前仍在测试阶段 具体方法

下面方法,如果在 demo 看到 'result:' 证明此函数是拥有返回值的函数,否则函数就没有返回值

extend 扩展

支持扩展函数列表

函数名称 demo
checkType example/checkType.html
filterStr example/filterStr.html
handle 批量处理

参考demo:example/handle.html

1.trim description

ecDo.trim(str)

description-清除字符串的左右空格

param {String} str-待处理的字符串

demo

ecDo.trim(' 1235asd ')

result:'1235asd'

2.trimAll description

ecDo.trimAll(str)

description-清除字符串的所有空格

param {String} str-待处理的字符串

demo

ecDo.trim(' 1235 asd ')

result:'1235asd'

3.trimLeft description

ecDo.trimLeft(str)

description-清除字符串的左空格

param {String} str-待处理的字符串

demo

ecDo.trim(' 1235 asd ')

result:'1235 asd '

4.trimRight description

ecDo.trimRight(str)

description-清除字符串的右空格

param {String} str-待处理的字符串

demo

ecDo.trim(' 1235 asd ')

result:' 1235 asd'

5.toggleCase description

ecDo.toggleCase(str)

description-大小写转换

param {String} str-待处理的字符串

demo

ecDo.toggleCase('aSDasd')

result:'AsdASD'

6.firstWordUpper description

ecDo.firstWordUpper(str)

description-首字母大写

param {String} str-待处理的字符串

demo

ecDo.firstWordUpper('shouHou')

result:'ShouHou'

7.firstWordLower description

ecDo.firstWordLower(str)

description-首字母小写

param {String} str-待处理的字符串

demo

ecDo.firstWordLower('ASDsAD')

result:'aSDsAD'

8.encrypt description

ecDo.encrypt(str, regIndex, ARepText = '*')

description-加密字符串*

param {String} str-待处理的字符串

param {Array} regIndex-要加密的字符串的位置

param {String} ARepText-加密显示的字符,默认是‘*’

demo

console.log(`加密字符|${ecDo.encrypt('18819233362','3,7','+')}|`) console.log(`加密至结束|${ecDo.encrypt('18819233362','4')}|`) console.log(`加密至开始|${ecDo.encrypt('18819233362','-4')}|`) console.log(`不加密字符|${ecDo.encrypt(ecDo.encrypt('18819233362','0,2','+'),'0,-2','+')}|`)

参考example/encrypt.html

8.encryptStr description

ecDo.encryptStr(str, regIndex, ARepText = '*')

description-加密字符串*

param {String} str-待处理的字符串

param {Array} regIndex-要加密的字符串的位置

param {String} ARepText-加密显示的字符,默认是‘*’

demo

ecDo.encryptStr('18819233362','3,7','+')//位置3-7的统一被替换成+

result:188+++++362

9.encryptUnStr description

ecDo.encryptStr(str, regIndex, ARepText = '*')

description-不加密字符串*

param {String} str-待处理的字符串

param {Array} regIndex-不加密的字符串的位置

param {String} ARepText-加密显示的字符,默认是‘*’

demo

ecDo.encryptUnStr('18819233362','3,7','+')//位置3-7的之外的字符全部替换成+

result:188+++++362

10.encryptStartStr description

ecDo.encryptStartStr(str, length, ARepText = '*')

description-字符串开始位置加密

param {String} str-待处理的字符串

param {Array} regIndex-加密字符串的长度

param {String} ARepText-加密显示的字符,默认是‘*’

demo

ecDo.encryptStartStr('18819233362','4')//从开始位置计算,前4位加密

result:*****233362

11.encryptEndStr description

ecDo.encryptStartStr(str, length, ARepText = '*')

description-字符串结尾位置加密

param {String} str-待处理的字符串

param {Array} regIndex-加密字符串的长度

param {String} ARepText-加密显示的字符,默认是‘*’

demo

ecDo.encryptEndStr('18819233362','4')//从结尾位置计算,后4位加密

result:188192*****

12.checkType description

//beta1 ecDo.checkType.check(str, type) //beta2 ecDo.checkType(str, type)

description-检测字符串

param {String} str-待处理的字符串

param {String} type-数据格式(email,phone,tel,number,english,text,chinese,lower,upper) 可根据需要进行扩展

demo

beta1 版本 console.log(ecDo.checkType.check('18819663362','mobile')); //true //添加扩展 ecDo.checkType.addRule('password',function (str) { return /^[-a-zA-Z0-9._]+$/.test(str); })

ecDo.checkType.check('****asdasd654zxc', 'password')//false

beta2 版本

console.log(ecDo.checkType('18819663362','mobile')); //true //添加扩展 ecDoExtend.checkType.fn('password', function (str) { return /^[-a-zA-Z0-9._]+$/.test(str);

}) ecDo.checkType('****asdasd654zxc', 'password')//false

13.checkPwdLevel description

ecDo.checkPwdLevel(str)

description-检测密码强度

param {String} str-待检测的字符串

demo

ecDo.checkPwdLevel('12asdASAD') result:result:3(强度等级为3,大写+1,小写+1,数字+1,'-','.','_'任意一字符+1,长度小于6等级为0) 14.randomWord description

ecDo.randomWord(count)

description-随机码

param {int} count-取值范围2-36

demo

ecDo.randomWord(10) result:"2584316588472575" ecDo.randomWord(14) result:"9b405070dd00122640c192caab84537" ecDo.randomWord(36) result:"83vhdx10rmjkyb9" 15.countStr description

ecDo.countStr(str, strSplit)

description-检测字符串的出现次数

param {String} str-待处理的字符串

param {String} strSplit-待检测的字符串

demo

var strTest='sad44654blog5a1sd67as9dablog4s5d16zxc4sdweasjkblogwqepaskdkblogahseiuadbhjcibloguyeajzxkcabloguyiwezxc967' ecDo.countStr(strTest,'blog') result:6 16.filterStr description

//beta1 ecDo.filterStr.handle(type,str,restr,restr) //beta2 ecDo.filterStr(type,str,restr,restr)

description-过滤字符串

param {String} type-过滤的类型(specialStr-特殊字符,html-html标签,emjoy-emjoy表情,word-小写字母,WORD-大写字母,number-数字,chinese-中文),可根据需要进行扩展

param {String} str-待处理的字符串

param {String} restr-替换成的字符,默认''

param {String} spstr-保留的特殊字符(specialStr 时起效)

demo

beta1 版本

console.log(`过滤字符|${ecDo.filterStr.handle('sadasdasdzxc4512235%$@^&^@*!(4613zxc','specialStr','','@')}|`);//除了@,其他特殊字符全部被过滤 //添加扩展 ecDo.filterStr.addType('english',function (str,replaceStr='') { return str.replace(/[a-zA-Z]/g, replaceStr); }); //过滤英文字母 console.log(ecDo.filterStr.handle('asdasd46撒打算的','english','.',''));

beta2 版本

console.log(`过滤字符|${ecDo.filterStr('sadasdasdzxc4512235%$@^&^@*!(4613zxc','specialStr','','@')}|`);//除了@,其他特殊字符全部被过滤 //添加扩展 ecDoExtend.filterStr.fn('english',function (str,replaceStr='') { return str.replace(/[a-zA-Z]/g, replaceStr); }); //过滤英文字母 console.log(ecDo.filterStr('asdasd46撒打算的','english','.','')); 17.filterSpecialStr description

ecDo.filterSpecialStr(str, type, restr, spstr)

description-过滤字符串的特殊符号

param {String} str-待处理的字符串

param {String} restr-替换成的字符,默认''

param {String} spstr-保留的特殊字符

demo

console.log(`${ecDo.filterSpecialStr('sadasdasdzxc4512235%$@^&^@*!(4613zxcasdasd46撒打算的','','@')}`);//除了@,其他特殊字符全部被替换成空格

result:sadasdasdzxc4512235@@4613zxcasdasd46

18.filterHtml description

ecDo.filterHtml(str, type)

description-过滤字符串的html标签

param {String} str-待处理的字符串

param {String} restr-替换成的字符,默认''

demo

console.log(ecDo.filterHtml('<title>Title</title>'));

result:Title

19.filterEmjoy description

ecDo.filterEmjoy(str, type)

description-过滤字符串的表情符号

param {String} str-待处理的字符串

param {String} restr-替换成的字符,默认''

demo

console.log(ecDo.filterEmjoy('\u4e00asdasdWECASasd'));

result:— asdasdWECASasd

20.filterWordUpper description

ecDo.filterWordUpper(str, type)

description-过滤字符串的大写字母

param {String} str-待处理的字符串

param {String} restr-替换成的字符,默认''

demo

console.log(ecDo.filterWordUpper('asdasdWECASasd'));

result:asdasdasd

21.filterWordLower description

ecDo.filterWordLower(str, type)

description-过滤字符串的小写字母

param {String} str-待处理的字符串

param {String} restr-替换成的字符,默认''

demo

console.log(ecDo.filterWordLower('asdasdWECASasd'));

result:WECAS

22.filterNumber description

ecDo.filterNumber(str, type)

description-过滤字符串的数字

param {String} str-待处理的字符串

param {String} restr-替换成的字符,默认''

demo

console.log(ecDo.filterNumber('asdasd67w9e41z5xc'));

result:asdasdwezxc

23.filterChinese description

ecDo.filterChinese(str, type)

description-过滤字符串的中文字符

param {String} str-待处理的字符串

param {String} restr-替换成的字符,默认''

demo

console.log(ecDo.filterChinese('8963325asd阿斯达所多1'));

result:8963325asd1

24.formatText description

ecDo.formatText(str, size, delimiter)

description-格式化处理字符串

param {String} str-待处理的字符串

param {Int} size-间隔

param {String} delimiter-间隔符,默认','

demo

ecDo.formatText('1234asda567asd890') result:"12,34a,sda,567,asd,890" ecDo.formatText('1234asda567asd890',4,' ') result:"1 234a sda5 67as d890" ecDo.formatText('1234asda567asd890',4,'-') result:"1-234a-sda5-67as-d890" 25.longestWord description

ecDo.formatText(str, splitType)

description-找出最长单词

param {String} str-字符串

param {splitType} size-间隔符,默认' '

demo

ecDo.longestWord('Find the Longest word in a String') result: {el: "Longest", max: 7} ecDo.longestWord('Find|the|Longest|word|in|a|String','|') result: {el: "Longest", max: 7} 26.titleCaseUp description

ecDo.titleCaseUp(str, splitType)

description-句中单词首字母大写

param {String} str

param {splitType} size-间隔符,默认' '

demo

ecDo.titleCaseUp('this is a title')

result: "This Is A Title"

ecDo.titleCaseUp('this is a title','|')

result: "This Is A Title"

27.unique description

ecDo.unique(arr)

description-数组去重

param {Array} arr-待去重数组

demo

ecDo.unique([1,2,3,4,2,1,2,3,4,5])

result: [1, 2, 3, 4, 5]

28.upset description

ecDo.upset(arr)

description-数组顺序打乱

param {Array} arr-待打乱数组

demo

ecDo.upset([1,2,3,4,5,6,7,8,9,0]) result: [7, 1, 3, 2, 4, 6, 8, 9, 0, 5] 29.maxArr description

ecDo.maxArr(arr)

description-获取数组最大值

param {Array} arr-待处理数组

demo

ecDo.maxArr([1,2,3,4,5,6,7,8,9,0]) result: 9 30.minArr description

ecDo.minArr(arr)

description-获取数组最小值

param {Array} arr-待处理数组

demo

ecDo.minArr([1,2,3,4,5,6,7,8,9,0]) result: 0 31.sumArr description

ecDo.sumArr(arr)

description-数组求和

param {Array} arr-待处理数组

demo

ecDo.sumArr([1,2,3,4,5,6,7,8,9,0]) result: 45 32.covArr description

ecDo.covArr(arr)

description-数组求和

param {Array} arr-待处理数组

demo

ecDo.covArr([1,2,3,4,5,6,7,8,9,0]) result: 4.5 33.randomOne description

ecDo.randomOne(arr)

description-从数组中随机获取一个元素

param {Array} arr-待处理数组

demo

ecDo.randomOne(['a','b','c','d','e'])

result: "c"

34.getEleCount description

ecDo.getEleCount(obj, ele)

description-获取数组(字符串)一个元素出现的次数

param {Array String} obj-待处理数组(字符串) param {String} ele-要匹配的元素

demo

ecDo.getEleCount('asd56+asdasdwqe','a') result:3 ecDo.getEleCount([1,2,3,4,5,66,77,22,55,22],22) result:2 35.getCount description

ecDo.getCount(arr)

description-获取数组(字符串)所有元素的出现次数

param {Array String} obj-待处理数组(字符串)

demo

//返回所有情况 ecDo.getCount([1,2,3,1,2,5,2,4,1,2,6,2,1,3,2])

result:[{"el":"2","count":6},{"el":"1","count":4},{"el":"3","count":2},{"el":"4","count":1},{"el":"5","count":1},{"el":"6","count":1}]

36.removeArrayForValue description

ecDo.removeArrayForValue(arr, val, type)

description-删除值为'val'的数组元素

param {Array} obj-待处理数组 param {Sting} val-要匹配的字符

demo

//数组元素的值全等于'test'才被删除 ecDo.removeArrayForValue(['test','test1','test2','test','aaa'],'test')

result:["test1", "test2", "aaa"]

37.removeArrayForLike description

ecDo.removeArrayForValue(arr, val, type)

description-删除值含有'val'的数组元素

param {Array} obj-待处理数组 param {Sting} val-要匹配的字符

demo

//带有'test'的都删除 ecDo.removeArrayForValue(['test','test1','test2','test','aaa'],'test','%')

result:["aaa"]

38.getOptionArray(已废除,可以使用 map 代替) description

ecDo.getOptionArray(arr, keys)

description-获取对象数组某些项

param {Array} obj-待处理数组 param {Sting} keys-要获取的值的属性,多个属性用','分割

demo

var arr=[{a:1,b:2,c:9},{a:2,b:3,c:5},{a:5,b:9},{a:4,b:2,c:5},{a:4,b:5,c:7}] ecDo.getOptionArray(arr,'a')

result: [1, 2, 5, 4, 4]

ecDo.getOptionArray(arr,'a,c')

result:[{a: 1, c: 9},{a: 2, c: 5},{a: 5, c: undefined},{a: 4, c: 5},{a: 4, c: 7}]

39.filterKeys description

ecDo.filterKeys(obj, keys)

description-过滤对象某些属性

param {Array} obj-待处理对象 param {Sting} keys-要过滤的值的属性,多个属性用','分割

demo

var arr=[{a:1,b:2,c:9},{a:2,b:3,c:5},{a:5,b:9},{a:4,b:2,c:5},{a:4,b:5,c:7}] ecDo.filterKeys(arr,'a') //result: [1, 2, 5, 4, 4] ecDo.filterKeys(arr,'a,c') //result:[{b: 2},{b: 3},{b: 9},{b: 2},{b: 5}] ecDo.filterKeys({a:1,b:2,c:9},'a') //result:{b:2,c:9} 40.sortBy description

ecDo.sortBy(arr, sortText)

description-对象数组的排序

param {Array} arr-待处理数组 param {Sting} sortText-排序字段,多个字段用','分割

demo

var arr=[{a:1,b:2,c:9},{a:2,b:3,c:5},{a:5,b:9},{a:4,b:2,c:5},{a:4,b:5,c:7}] //a是第一排序条件,b是第二排序条件 ecDo.sortBy(arr,'a,b')

result:[{"a":1,"b":2,"c":9},{"a":2,"b":3,"c":5},{"a":4,"b":2,"c":5},{"a":4,"b":5,"c":7},{"a":5,"b":9}]

41.steamroller description

ecDo.steamroller(arr)

description-数组扁平化

param {Array} arr-待处理数组

demo

ecDo.steamroller([1,2,[4,5,[1,23]]])

result:[1, 2, 4, 5, 1, 23]

42.cut description

ecDo.cut(arr,num,deep)

description-分割数组

param {Array} arr-待处理数组

param {Number} num-分割区间

demo

ecDo.cut([0,.....,100])

result:[[0,....49],[50,....99],[100]]

43.getFontSize description

ecDo.getFontSize(_client)

description-适配rem

param {Int} _client-设计图宽度

demo

ecDo.getFontSize(750) 44.getEndTime description

ecDo.getEndTime(endTime)

description-到某一个时间的倒计时

param {String} endTime-结束时间(需要正确的时间格式)

demo

ecDo.getEndTime('2017/11/22 16:0:0') //测试时间是2017.11.6 17.14.55 //15天22时46分43秒

result:{ d:15, h:22, m:46, s:43 }

45.formatDate description

ecDo.getEndTime(date,fmt)

description-时间格式化

param {String} date-时间戳(需要正确的格式) param {String} fmt-时间格式

demo

console.log(ecDo.formatDate(1526071153233));

result:2018-05-12 04:39:13

46.getDayByMonth description

ecDo.getDayByMonth(month,year)

description-时间格式化

param {String} month-月份(默认当前月份) param {String} year-年份(默认当前年份)

demo

console.log(ecDo.getDayByMonth(1));

result:"2019/1/31" console.log(ecDo.getDayByMonth(12,2018)); result:"2018/12/31"

47.randomColor description

ecDo.getEndTime(endTime)

description-生成随机颜色

demo

console.log(ecDo.randomColor(16));

result:#0d4814 console.log(ecDo.randomColor()); result:rgb(118,235,151)

48.randomNumber description

ecDo.randomNumber(n1, n2)

description-随机返回一个范围的数字

param {Int} n1-最小值

param {Int} n2-最大值

demo

//返回5-10的随机整数,包括5,10 ecDo.randomNumber(5,10)

result:6 //返回0-10的随机整数,包括0,10 ecDo.randomNumber(10) result:7 //返回0-100000000的随机整数,包括0,10 ecDo.randomNumber()

49.setUrlPrmt description

ecDo.setUrlPrmt(obj)

description-设置url参数

param {Object} url-原链接

param {Object} obj-需要设置的参数

demo

console.log(ecDo.setUrlParam('http://sss.com',{'a':1,'b':2}));

result:http://sss.com?a=1&b=2

50.getUrlParam description

ecDo.getUrlParam(url)

description-获取url参数

param {String} url-超链接

demo

ecDo.getUrlParam('github.com?draftId=122000011938')

result:{draftId: "122000011938"}

51.upDigit description

ecDo.upDigit(n)

description-现金额大写转换函数

param {number} n-金额数目

demo

ecDo.upDigit(10.5)

result:"人民币壹拾元伍角"

ecDo.upDigit(168752632)

result:"人民币壹亿陆仟捌佰柒拾伍万贰仟陆佰叁拾贰元整"

ecDo.upDigit(1682)

result:"人民币壹仟陆佰捌拾贰元整"

ecDo.upDigit(-1693)

result:"欠人民币壹仟陆佰玖拾叁元整"

52.clearKeys description

ecDo.clearKeys(obj,clearValues)

description-情动对象里面值为null或者underfind的的属性underfind的属性

param {Object} obj-待处理对象

param {Array} clearValues-待清空的值 默认null, undefined, ''

demo

ecDo.clearKeys({a:"",b:null,c:"010",d:123}) result:{c: "010", d: 123} ecDo.clearKeys({a:'',b:0,c:11,d:false},[0,'']) result:{c:11,d:false}

参考:example/clearKeys.html

53.fillKeys description

ecDo.fillKeys(obj)

description-设置对象里面值为null或者underfind的属性的默认值

param {Object} obj-待处理对象

param {Array} fillValues-待设置的值 默认[null, undefined, '']

param {String} val-默认值 默认'-'

demo

ecDo.fillKeys({a:"",b:null,c:"010",d:123}) result:{a:"--",b:'--',c:"010",d:123} ecDo.fillKeys({a:'',b:0,c:11,d:NaN},['',NaN],'*') result:{a: "*", b: 0, c: 11, d: "*"}

参考:example/fillKeys.html

54.isType description

ecDo.istype(o, type)

description-数据类型判断

param {Array|Object|String|Function|Number|Boolean|Undefined|Null|HTML} o-待处理的对象 param {String} type-类型字符串

demo

ecDo.istype([],'array') result:true ecDo.istype([]) result:'Array' ecDo.isType('123','array,number') result:false ecDo.isType('123','array,string') result:true 55.getBrowserInfo description

ecDo.getBrowserInfo(type)

description-手机类型判断 param {String} type-类型字符串(android|iphone|ipad|weixin)

demo

ecDo.getBrowserInfo('android')

result:是安卓就返回true,否则就false

ecDo.getBrowserInfo()

result:返回手机浏览器的信息

56.throttle description

ecDo.throttle(fn, delay, option)

description-函数节流 param {String} fn-执行的函数 param {Number} delay-间隔时间 param {Object} option-配置项 default:{first:true,last:true}

demo

var count=0; function fn1(){ count++; console.log(count) } //每100ms连续触发的调用,后一个调用会把前一个调用的等待处理掉 /屏蔽首次调用 {first:false} //屏蔽最后一次调用 {last:false} document.onmousemove=delayFn(fn1,1000) //document.onmousemove=delayFn(fn1,1000,{first:false,last:false})

参考:example/throttle.html

57.debounce description

ecDo.debounce(fn, delay)

description-函数节流 param {String} fn-执行的函数 param {Number} delay-间隔时间 param {Bool} delay-首次执行

demo

var count=0; function fn1(){ count++; console.log(count) } //鼠标移动事件触发,如果在300毫秒内连续触发事件,一直快速移动(时间间隔小于300毫秒),等到移动的时间间隔大于300毫秒的时候再执行。 document.onmousemove=debounce(fn1,300) //如果要首次立即执行 document.onmousemove=debounce(fn1,300,true)

参考:example/delayFn.html

58.setCookie description

ecDo.setCookie(name, value, iDay)

description-设置cookie

param {String} name-cookie名 param {String} value-cookie值 param {Int} iDay-时间(天数)

demo

ecDo.setCookie('test', 'testcookie', 2) 59.getCookie description

ecDo.getCookie(name)

description-获取cookie

param {String} name-cookie名

demo

ecDo.getCookie('test') 60.removeCookie description

ecDo.removeCookie(name)

description-删除cookie

param {String} name-cookie名

demo

ecDo.removeCookie('test') 61.cookie description

ecDo.cookie(name, value, iDay)

description-设置cookie

param {String} name-cookie名 param {String} value-cookie值 param {Int} iDay-时间(天数)

demo

ecDo.cookie('test', 'testcookie', 2)//设置 ecDo.cookie('test')//获取 ecDo.cookie('test', 'testcookie', -1)//删除,中间的值已经没有意义,只要天数设置-1,cookie就会无效 ec-dom DOM 操作函数 62.hasClass description

ecDo.hasClass(obj, classStr)

description-检测对象是否有哪个类名

param {Object} obj-Dom对象 param {String} classStr-class名

demo

ecDo.hasClass(obj,'test')

result:true|false

63.addClass description

ecDo.addClass(obj, classStr)

description-添加类名

param {Object} obj-Dom对象 param {String} classStr-class名

demo

ecDo.addClass(obj,'test') 64.removeClass description

ecDo.removeClass(obj, classStr)

description-添加类名

param {Object} obj-Dom对象 param {String} classStr-class名

demo

ecDo.removeClass(obj,'test') 65.replaceClass description

ecDo.replaceClass(obj, newName, oldName)

description-替换类名

param {Object} obj-Dom对象 param {String} newName-被替换的类名 param {String} oldName-替换的类名

demo

ecDo.replaceClass(obj,'test','afterClass') 66.siblings description

ecDo.siblings(obj, opt)

description-获取兄弟节点

param {Object} obj-Dom对象 param {String} opt-过滤条件

demo

ecDo.siblings(obj,'#id') result:符合条件的Dom对象 67.css description

ecDo.css(obj,json)

description-设置样式

param {Object} obj-Dom对象 param {Object} json-样式名

demo

ecDo.css(obj,{'width':'300px','height':'300px'}) 68.html description

ecDo.html(obj) ecDo.html(obj,str)

description-设置或者获取对象的所有内容

param {Object} obj-Dom对象 param {String} str-html内容

demo

ecDo.html(obj) result:innerHTML ecDo.html(obj,'<div>1111</div>') 69.text description

ecDo.text(obj) ecDo.text(obj,str)

description-设置或者获取对象的文本

param {Object} obj-Dom对象 param {String} str-内容(html标签将会被过滤)

demo

ecDo.text(obj) result:innerHTML(过滤html标签) ecDo.text(obj,'1230.312asd') 70.show description

ecDo.show(obj)

description-显示对象

param {Object} obj-Dom对象

demo

ecDo.show(obj) 71.hide description

ecDo.hide(obj)

description-隐藏对象

param {Object} obj-Dom对象

demo

ecDo.hide(obj) 72.ajax description

ecDo.ajax(obj)

description-ajax封装参数

param {Object} 对象参数

@param {string}obj.type http连接的方式,包括POST和GET两种方式 @param {string}obj.url 发送请求的url @param {boolean}obj.async 是否为异步请求,true为异步的,false为同步的 @param {object}obj.data 发送的参数,格式为对象类型 @param {function}obj.success ajax发送并接收成功调用的回调函数 @param {function}obj.error ajax发送失败或者接收失败调用的回调函数 demo

ecDo.ajax({ type:'get', url:'xxx', data:{ id:'111' }, success:function(res){ console.log(res) } }) 73.aftLoadImg description

ecDo.aftLoadImg({dom, url, errorUrl, fn})

description-图片没加载出来时用一张图片代替

param {Object} obj.dom-Dom对象 param {String} obj.url-图片的url param {String} obj.errorUrl-出错的图片的url param {Function} obj.fn-回调函数,参数为obj.dom

demo

参考example/aftLoadImg.html

74.lazyLoadImg description

ecDo.lazyLoadImg(className, num, errorUrl)

description-图片滚动懒加载

param {String} className-遍历Dom带有的类名 param {String} num-图片的url param {String} errorUrl-出错的图片的url

demo

//比如,一张图片距离文档顶部3000,num参数设置200,那么在页面滚动到2800的时候,图片加载。不传num参数就滚动,num默认是0,页面滚动到3000就加载 //html代码 //<p><img data-src="lawyerOtherImg.jpg" class="load-img" width='528' height='304' /></p> //<p><img data-src="lawyerOtherImg.jpg" class="load-img" width='528' height='304' /></p> //<p><img data-src="lawyerOtherImg.jpg" class="load-img" width='528' height='304' /></p>.... //data-src储存src的数据,到需要加载的时候把data-src的值赋值给src属性,图片就会加载。 //详细可以查看testLoadImg.html window.onload = function() { ecDo.loadImg('load-img',100); window.onscroll = function() { ecDo. loadImg('load-img',100); } }

参考example/lazyLoadImg.html

75.loadImg description

ecDo.loadImg(className, cb)

description-图片加载(预加载)

param {string} className-遍历Dom带有的类名 param {function} cb-加载完毕的回调函数

demo

参考example/loadImg.html,example/loadImg1.html

76.findKeyword description

ecDo.findKeyword(str, key, el)

description-关键字加标签(高亮)

param {String} str-待处理的字符串 param {String} key-关键字,多个关键字','分割 param {String} el-要添加的元素,html标签元素 默认span

demo

ecDo.findKeyword('守侯我oaks接到了来自下次你离开快乐吉祥留在开城侯','守侯 开')

result:"守侯我oaks接到了来自下次你离开快乐吉祥留在开城侯"

ecDo.findKeyword('守侯我oaks接到了来自下次你离开快乐吉祥留在开城侯','守侯 开','i')

result:"守侯我oaks接到了来自下次你离快乐吉祥留在城侯"

LICENSE

MIT

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。