django開源項目bootcamp核心js-feeds.js分析（1）

本文比較基礎(chǔ)的分析了該項目的js文件，大神就可以忽略了

首先打開feeds.js就可以看見整個文件包裹在下面這樣的一個函數(shù)中

$(function () {

.........

.........

}

上面這個$(function () {};是$(document).ready(function(){});的簡寫，而$(document).ready里面的代碼是在整個頁面內(nèi)容都加載完才執(zhí)行的。好了，下面進入正題：

var page_title = $(document).attr("title");

/*上面這一句定義變量page_title,并且取得全局屬性title的值賦給它*/

  function hide_stream_update() {

    $(".stream-update").hide();

    $(".stream-update .new-posts").text("");

    $(document).attr("title", page_title);

  };

/*定義無參函數(shù)hide_stream_update，前兩行選擇器取指定類分別執(zhí)行hide()隱藏和text()取得對應(yīng)屬性的文本值，最后一個又用到了attr("")，但這次是給屬性title賦后面的值*/

  $("body").keydown(function (evt) {

    var keyCode = evt.which?evt.which:evt.keyCode;

    if (evt.ctrlKey && keyCode == 80) {

      $(".btn-compose").click();

      return false;

    }

  });

/*上面這段定義了在body中keydown按鍵按下后產(chǎn)生的事件*/

$("#compose-form textarea[name='post']").keydown(function (evt) {

    var keyCode = evt.which?evt.which:evt.keyCode;

    if (evt.ctrlKey && (keyCode == 10 || keyCode == 13)) {

      $(".btn-post").click();

    }

  });

/*上面這段選擇器選擇了id=compose-form和name=post的文本框，規(guī)定了按鍵事件*/

  $(".btn-compose").click(function () {

    if ($(".compose").hasClass("composing")) {

      $(".compose").removeClass("composing");

      $(".compose").slideUp();

    }

    else {

      $(".compose").addClass("composing");

      $(".compose textarea").val("");

      $(".compose").slideDown(400, function () {

        $(".compose textarea").focus();

      });

    }

  });

/*這是一個點擊事件，進入后有一個判斷含有.compose的元素是否也含有composing類，如果有進入下面操作，第一個就是刪除該元素中的composing類，同時該元素向上滑動。如果沒有則執(zhí)行else里面的操作，首先是添加類，然后用val方法設(shè)置選定元素中的值為空，最后向下滑動指定大小后聚焦*/