用Javascript实现查看CSS属性使用频率的功能
来源:互联网 发布:淘宝上买ipad是正品吗 编辑:程序博客网 时间:2024/06/09 19:24
var str = "";var str = str.replace(/\s+"/g,"").match(/(;[\w-]+:)|({[\w-]+:)/g);var cssProperty = []; //存储css属性的数组var result= []; //存储结果的数组var obj = {};outloop:for(var i=0; i<str.length; i++){ var nstr = str[i].replace(/;/,"").replace(/{/,"").replace(/:/,""); innerloop: //过滤重复的css属性 for(var j=0; j<cssProperty.length; j++){ if(cssProperty[j] == nstr) continue outloop; } cssProperty.push(nstr);}//创建可以用来排序的对象for(var i=0; i<cssProperty.length; i++){ var totle = checkStr(cssProperty[i],str1); obj["css"] = cssProperty[i]; obj["value"] = totle; result.push(obj); obj = {};}//重新排序结果数组result.sort(compare('value')).reverse();//打印for(var i=0; i<result.length; i++){ document.write(result[i]["css"]+":"+result[i]["value"]+"<br/>");}//用于数组排序的函数function compare(name){ return function(obj1,obj2){ var value1 = obj1[name]; var value2 = obj2[name]; if(value1<value2){ return -1; } else if(value1>value2){ return 1; } else{ return 0; } }; }//返回有多少可以匹配的字符串(css属性)function checkStr(str,string){ var pattern = new RegExp('[^-]'+str+':','g'); var ar =[]; for(var i=0;i<string.length; i++){ var ex = pattern.exec(string); var lastIndex = pattern.lastIndex; if(lastIndex == 0) return ar.length; ar.push(lastIndex); }}
现在只要给变量str赋css样式字符串,运行就可以看到结果了,我拿了个3000多行的样式表打印的结果如下:
0 0
- 用Javascript实现查看CSS属性使用频率的功能
- javascript+css 实现tab功能
- javascript+css 实现tab功能
- CSS+JavaScript 实现菜单功能
- javascript+css 实现tab功能
- 如何在不用JavaScript的情况下使用CSS来实现图表功能
- 对讲机的功能与使用频率范围
- 用JavaScript修改CSS属性的代码
- 双向链表的应用—实现根据使用频率安排元素位置的功能
- Javascript获取CSS伪元素属性的实现代码
- 怎么使用javascript实现类的功能
- javascript+css好多网站用的选星星实现打分功能的函数
- javascript+css好多网站用的选星星实现打分功能的函数
- 使用javascript更改某个css class的属性
- 使用javascript更改某个css class的属性
- 用JavaScript结合CSS实现网页换肤功能
- 用 javascript 和 css 实现 简单相册功能
- CSS+JavaScript 实现菜单功能--改进版
- 线程安全及不可变性
- 1. WebStorm-The smartest JavaScript IDE 2. Node.js 3. egret
- android -- 小问题 关于ListView设置了OnScrollListener之后onScrollStateChanged()和onScroll方法监听不到的问题
- Git warning push.default is unset
- 代码规范
- 用Javascript实现查看CSS属性使用频率的功能
- uva 10375 (唯一分解定理+筛素数)
- 【C++ 基础 11】 函数指针总结
- ym——Android从零开始(28)(来电铃声的设置、手机闹钟、手势识别)(新)
- Android Studio 快捷键整理分享-SadieYu
- 教程:Ubuntu 14.04 和 Windows 8.1 双系统安装步骤
- ym——Android从零开始(29)(Bluetooth2.0+4.0)(新)
- [EntLib]微软企业库5.0 学习之路——第五步、介绍EntLib.Validation模块信息、验证器的实现层级及内置的各种验证器的使用方法
- 带参数的方法