关于ligerui和其他前端脚本的学习方法（适用于自己）

特别是看别人的源代码（来源于自己看的那个cms系统），比如ligerui，别人用的juery和ligerui结合的很灵活，比如下面一段代码

 

 var itemiframe = "#framecenter .l-tab-content .l-tab-content-item";
            var curriframe = "";
            $(itemiframe).each(function () {
                if ($(this).css("display") != "none") {
                    curriframe = $(itemiframe).index($(this));
                    return false;
                }
            });

当时就奇怪， .l-tab-content .l-tab-content-item到底哪来的，后来发现时ligerui库的东西，那就很郁闷，为什么要找class为l-tab-content-item，难道我要把整个ligerui库看一遍吗，弄懂div为l-tab-content-item在代码中的作用？？，那也太累了，这里终于发现是这样的，运行代码输出html，在html的源代码中看出，原来.l-tab-content-item的div是在iframe中的不同标签中所属的div，根据不同的标签选择当前的curriframe,以后要记住这一点，当看别人的前端源代码，如果别人用的ui库，当看到别人莫名的引入ui库中的css或者id什么的，要理解为什么别人这样引用，最好的方法就是运行完html后看看这个所谓的css和id在最终页面的位置和作用就知道了，逆向之，将来自己做项目时如果用到ui库，先运行ui看页面效果，然后看后台代码，把自己喜欢的代码样式抄下来引入到自己的代码里