javascript - 如何将 jquery 脚本格式化为生产环境？

Question

我有我的 json 脚本来获取我的类别并将其放入 nivo slider 中。效果很好。

(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);
    }
}
  });
})();

我将如何使它变得更轻量级，我是否只是编译它以便缩小它？或者是他们的部分我可以做得更好。对我来说它看起来有点重，但没有专业知识我真的不知道选项

Answer 1

Here有一些适合缩小 javascript 的工具。

1. > JSMin是一个保守的压缩器，几年前由 Douglas Crockford 编写。它被认为是安全的(特别是如果您首先使用 JSLint 验证您的代码——无论如何都是一件很棒的事情)因为它不会尝试更改任何变量名称。
2. > Dojo shrinksafe是一种非常流行的基于 Java 的 JavaScript 压缩器，它使用 rhino 库解析 JavaScript 并处理局部变量名。
3. > Packer (3.1 版)由 Dean Edwards 开发，也是一种非常流行的 JavaScript 压缩器，它可以超越常规压缩，还可以通过 JavaScript 运行时片段添加高级即时解压缩。
4. > the YUI Compressor (版本 2.4.2)是由 Julien Lecomte 编写的较新的压缩器，旨在将 JSMin 的安全性和 Dojo Shrinksafe 实现的更高压缩级别相结合。与 Dojo shrinksafe 一样，它是用 Java 编写的，并基于 rhino 库。
5. > Google closure compiler
6. > jscompress