Question

我遇到与上一篇文章css, button selection and html tags

相关的问题

使用javascript不是很好，如果任何人可以提供一些关于我去哪里的见解。

感谢任何可以提供帮助的人

$(function() {

$('input.field').
focus(function() {
    if(this.title==this.value) {
        this.value = '';
    }
}).
blur(function(){
    if(this.value=='') {
        this.value = this.title;
    }
});

var currentPage = 1;
$('#slider .buttons span').live('click', function() {
    var timeout = setTimeout(function() {$("img").trigger("slidermove")}, 300);
    var fragments_count = $(this).parents('#slider:eq(0)').find('.fragment').length;
    var fragmet_width = $(this).parents('#slider:eq(0)').find('.fragment').width();
    var perPage = 1;
    var numPages = Math.ceil(fragments_count/perPage);
    var stepMove = fragmet_width*perPage;
    var container = $(this).parents('#slider:eq(0)').find('.content');
    var firstPosition = 0;
    var lastPosition = -((numPages-1)*stepMove);

    if ($(this).hasClass('next')) {
        currentPage ++;
        if (currentPage > numPages) {
            currentPage = 1;
            container.animate({'left': firstPosition});
            return;
        };
        container.animate({'left': -((currentPage - 1)*stepMove)});
    };
    if ($(this).hasClass('prev')) {
        currentPage --;
        if (currentPage < 1) {
            currentPage = numPages;
            container.animate({'left': lastPosition});
            return;
        };
        container.animate({'left': -((currentPage-1)*stepMove)});
    };
});});

enter image description here

Answer 1

您的描述中的jQuery代码是最小化版本。如果从他们的站点下载jQuery，您将看到.min.js文件和标准.js文件。拳头占用的空间较少，第二个是可读源。你有第一个。

Answer 2

JavaScript是minified。

Web的组件和库应用程序和网站已经开发用于优化文件请求并加快页面加载时间减少各种文件的大小。 JavaScript和CSS资源可能是缩小，保持他们的行为而大大减少他们的文件尺寸。 JavaScript等库优化器，包：标签，Minify，轻量级，CssMin， jsmin-php，MiniME和 ShrinkSafe有这样的能力即时优化。

在开发过程中，您可以使用普通的jQuery。

从jQuery页面，min是29k，而法线是212k。

如果您希望缩小自己的javascript以进行生产部署，则可以使用以下资源：

选项卡选择的jquery问题

2 个答案: