关于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看页面效果,然后看后台代码,把自己喜欢的代码样式抄下来引入到自己的代码里

 

你可能感兴趣的:(学习方法)