如何将jquery脚本格式化为生产

how to format jquery script to production?

本文关键字：格式化 脚本 jquery      更新时间：2023-09-26

我有一个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);
    }
}
  });
})();

我该如何让它变得更轻量级，我只是编译它，让它缩小它吗？或者是他们的部分我可以更好。对我来说，它看起来有点重，但在没有专业知识的情况下，我真的不知道

的选项

以下是一些适合缩小javascript的工具。

  1. JSMin是一个保守的压缩器，几年前由Douglas Crockford撰写。它被认为是安全的（尤其是如果您首先使用JSLint验证代码——无论如何这都是一件很好的事情），因为它不试图更改任何变量名
  2. Dojo shrinksafe是一个非常流行的基于Java的JavaScript压缩器，它使用rhino库解析JavaScript并处理本地变量名
  3. Dean Edwards的Packer（3.1版）也是一款非常流行的JavaScript压缩器，它可以超越常规压缩，还可以通过JavaScript运行时片段添加高级动态解压缩
  4. YUI压缩器（2.4.2版）是Julien Lecomte编写的一款更新的压缩器，旨在将JSMin的安全性与Dojo Shrinksafe实现的更高压缩级别相结合。与Dojo shrinksafe一样，它是用Java编写的，并基于rhino库
  5. 谷歌闭包编译器
  6. jscompress

Javascript没有编译，但是你可以缩小它。你可以使用闭包编译器：

http://closure-compiler.appspot.com/home

然而，您拥有的javascript数量并不多。只要Jquery库已经缩小，就不会有太大区别。无论哪种方式，缩小javascript:）

都是一种很好的做法

一种方法是缩小它：http://www.jsmini.com/

这应该有助于

您可以尝试js2coffee并将其转换为CoffeeScript。这样可能更容易返工。CoffeeScript比JavaScript稍微优雅一些。

开始否决。。。

相关文章：