Javascript 如何将jquery脚本格式化为产品?

Javascript 如何将jquery脚本格式化为产品?,javascript,jquery,json,performance,Javascript,Jquery,Json,Performance,我有我的json脚本,它获取我的类别并将其放入nivo滑块中。效果很好 (function() { var url = 'http://my url.com/blog/?category=gw-preview&format=json&callback=?'; $.getJSON(url).done(function(data) { for(var i = 0; i < 1; i++){ if(data.items[i] !=

我有我的json脚本,它获取我的类别并将其放入nivo滑块中。效果很好

(function() {
    var url = 'http://my url.com/blog/?category=gw-preview&format=json&callback=?';
    $.getJSON(url).done(function(data) {    
    for(var i = 0; i < 1; i++){
        if(data.items[i] != null){
            var current = data.items[i];
            var post =  '<li><a href="http://my url.com/' + current.fullUrl + '"><img src= "'+current.assetUrl+'" alt ="'+current.filename+'"></a></li>' ;
            $('ul.slides').append(post);
        }
    }
});
})();

(function() {
    var url = 'http://my url.com/blog/?category=gw-news&format=json&callback=?';
    $.getJSON(url).done(function(data) {    
    for(var i = 0; i < 1; i++){
        if(data.items[i] != null){
            var current = data.items[i];
            var post =  '<li><a href="http://my url.com/' + current.fullUrl + '"><img src= "'+current.assetUrl+'" alt ="'+current.filename+'"></a></li>' ;
            $('ul.slides').append(post);
        }
    }
});
})();

(function() {
    var url = 'http://my url.com/blog/?category=captaincy-analysis&format=json&callback=?';
    $.getJSON(url).done(function(data) {    
    for(var i = 0; i < 1; i++){
        if(data.items[i] != null){
            var current = data.items[i];
            var post =  '<li><a href="http://my url.com/' + current.fullUrl + '"><img src= "'+current.assetUrl+'" alt ="'+current.filename+'"></a></li>' ;
            $('ul.slides').append(post);
        }
    }
});
})();

(function() {
  var url = 'http://my url.com/blog/?category=pundits-team&format=json&callback=?';
  $.getJSON(url).done(function(data) {    
for(var i = 0; i < 1; i++)
{
    if(data.items[i] != null)
    {
        var current = data.items[i];
        var post =  '<li><a href="http://my url.com/' + current.fullUrl + '"><img src= "'+current.assetUrl+'" alt ="'+current.filename+'"></a></li>' ;
        $('ul.slides').append(post);
    }
}
  });
})();

(function() {
  var url = 'http://my url.com/blog/?category=strategy&format=json&callback=?';
  $.getJSON(url).done(function(data) {    
for(var i = 0; i < 1; i++)
{
    if(data.items[i] != null)
    {
        var current = data.items[i];
        var post =  '<li><a href="http://my url.com/' + current.fullUrl + '"><img src= "'+current.assetUrl+'" alt ="'+current.filename+'"></a></li>' ;
        $('ul.slides').append(post);
    }
}
  });
})();

(function() {
  var url = 'http://my url.com/blog/?category=new-signings&format=json&callback=?';
  $.getJSON(url).done(function(data) {    
for(var i = 0; i < 1; i++)
{
    if(data.items[i] != null)
    {
        var current = data.items[i];
        var post =  '<li><a href="http://my url.com/' + current.fullUrl + '"><img src= "'+current.assetUrl+'" alt ="'+current.filename+'"></a></li>' ;
        $('ul.slides').append(post);
    }
}
  });
})();
(函数(){
var url='1〕http://my url.com/blog/?category=gw preview&format=json&callback=?';
$.getJSON(url).done(函数(数据){
对于(变量i=0;i<1;i++){
if(data.items[i]!=null){
var current=数据项[i];
var post='
  • '; $('ul.slides')。追加(post); } } }); })(); (功能(){ var url='1〕http://my url.com/blog/?category=gw news&format=json&callback=?'; $.getJSON(url).done(函数(数据){ 对于(变量i=0;i<1;i++){ if(data.items[i]!=null){ var current=数据项[i]; var post='
  • '; $('ul.slides')。追加(post); } } }); })(); (功能(){ var url='1〕http://my url.com/blog/?category=captaincy analysis&format=json&callback=?'; $.getJSON(url).done(函数(数据){ 对于(变量i=0;i<1;i++){ if(data.items[i]!=null){ var current=数据项[i]; var post='
  • '; $('ul.slides')。追加(post); } } }); })(); (功能(){ var url='1〕http://my url.com/blog/?category=pundits team&format=json&callback=?'; $.getJSON(url).done(函数(数据){ 对于(变量i=0;i<1;i++) { if(data.items[i]!=null) { var current=数据项[i]; var post='
  • '; $('ul.slides')。追加(post); } } }); })(); (功能(){ var url='1〕http://my url.com/blog/?category=strategy&format=json&callback=?'; $.getJSON(url).done(函数(数据){ 对于(变量i=0;i<1;i++) { if(data.items[i]!=null) { var current=数据项[i]; var post='
  • '; $('ul.slides')。追加(post); } } }); })(); (功能(){ var url='1〕http://my url.com/blog/?category=new signings&format=json&callback=?'; $.getJSON(url).done(函数(数据){ 对于(变量i=0;i<1;i++) { if(data.items[i]!=null) { var current=数据项[i]; var post='
  • '; $('ul.slides')。追加(post); } } }); })();
    我怎样才能使它变得更轻量级呢?我是否只是编译它,使它缩小?或者是他们的部分我能做得更好。 对我来说,它看起来有点重,但如果没有专业知识,我真的不知道这些选项是适合缩小javascript的工具

  • 是一个保守的压缩机,几年前由道格拉斯·克罗克福德(Douglas Crockford)撰写。它被认为是安全的(特别是如果您首先使用JSLint验证代码——无论如何这是一件非常好的事情),因为它不会试图更改任何变量名
  • 是一个非常流行的基于Java的JavaScript压缩器,它使用rhino库解析JavaScript并处理局部变量名
  • Dean Edwards的(3.1版),也是一个非常流行的JavaScript压缩器,它可以超越常规压缩,还可以通过JavaScript运行时片段添加高级动态解压缩
  • (版本2.4.2)是由Julien Lecomte编写的较新压缩机,旨在将JSMin的安全性与Dojo Shrinksafe实现的更高压缩级别结合起来。与Dojo shrinksafe一样,它是用Java编写的,基于rhino库
  • 一种方法是缩小它:


    这在一定程度上会有所帮助,因为Javascript没有被编译,但是您可以缩小它。您可以为此使用闭包编译器:

    然而,javascript的数量并不多。只要Jquery库已经缩小,就不会有太大区别。无论哪种方式,缩小javascript都被视为良好的实践:)

    您可以尝试将其转换为CoffeeScript。那可能更容易返工。CoffeeScript比JavaScript稍微优雅一点


    开始向下投票…

    我的最爱!你对清理javascript的建议是让他把它转换成另一种语言,学习新的语言,也许可以减少在该语言中的占用,然后把它翻译回JS,希望它更好?真的吗?只是说重构咖啡脚本更容易…当我尝试遵循/重构Javascript时,我的眼睛会流血。非常好,谢谢。你可以感觉到,我是JS atm的一个工具。但是我过得很好。再次谢谢你。可惜我不能投票。不过你真的很接近!如果这个答案有帮助,你应该接受。然后你应该有足够的代表性开始投票:)是的,很抱歉,忘记接受答案了。谢谢:)哦,我说一两个月前我确实偶然发现了这个问题,但在我做任何事情之前,我需要得到适当的建议。谢谢大家