排他思想

• 在同一屬性上, 設置全部變量的這一屬性清空, 當前響應事件的對象設置這一屬性
  換膚進一步封裝
  隔行變色+排他思想

this 響應事件的那個對象

• 元素事件的方法體中this一般代指事件源
• 定時器方法是window的方法, 所以定時器中的this代指window
• 一般如果想要在元素事件中使用this類似的功能, 可以在進入函數后, 用一個變量例如self引用this代指的
  • 參考
    http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html

自定義屬性

• 自定義屬性名可以隨意起, 但需要見聞知意
• 格式: button.name = '第一個按鈕';

tab選項

• 自定義屬性的使用
  • 獲取btn的索引值保存在自定義屬性中, 供顯示相應盒子調用
• 排他思想的使用
  • 每個btn在onclick事件中, 當前按鈕排他設置類名, 盒子排他顯示(當前顯示盒子的索引等于當前點擊按鈕的索引)

數組的常用使用方法

• 函數從那幾個方面進行學習:
  • 函數功能
  • 參數: 可選與必需
  • 函數返回值是什么數據類型

數組對象的方法

• concat() 連接兩個或者更多的數組, 并返回新數組
  • 原數組不變
  • 參數: 合并的數組
  • 返回值: 合并后的新數組
    • ps: map,filter,some,every等不改變原數組
• arr.join(): 元素通過指定的分隔符進行分隔, 將當前數組中的元素拼接成一個大字符串
  • 原數組不變
  • 參數: 可選. 分隔符默認","
  • 返回值: 字符串

      //'123456'字符串轉換成'654321'
      var str = '123456'
      var change = str.split('').reverse();
      var newStr = change.join('');

• pop(): 刪除并返回數組最后一個元素
  • 功能: 刪除數組最后一個元素, 并把刪除元素返回
  • 返回值:刪除元素
• push(): 向數組的末尾添加一個或更多元素, 返回新的長度

  • 功能: 向數組的末尾添加一個或更多元素, 并且默認返回新的數組長度

  • 參數: 元素 數組

  • 返回值: 返回數組的長度

    var a=[]; a.push('1111'); //添加了一個元素, 所以數組默認返回值為1

• shift(): 刪除并返回數組的第一個元素
  • 返回值: 刪除的第一個元素
  • 會修改原數組
• unshift(): 向數組的開頭添加一個或更多元素, 并返回新的長度
  • 參數: 添加元素 數組
  • 返回值: 新的長度
  • 會修改原數組
• slice(start, end): 從某個已有的數組返回選定的元素
  • 功能: 從數組中取某幾個元素, 以新數組格式返回
  • 參數取值: [start, end)
    • start-必需. 從哪個索引開始選元素, 可用負值-1, 是倒數第一個元素
    • end-可選. 從哪個索引結束, 取不到索引所在元素
  • 返回值: 返回一個新的數組, 包含從start到end(不包含該元素)的數組
  • 不會修改原數組
• splice(index, howmany, item1, ..., itemX): 刪除元素, 并向數組添加新元素
  • 參數:
    • index-必需. 從哪個索引開始
    • howmany-必需. 刪幾個元素
    • items-可選. 添加新的元素, 相當于做了替換功能
  • 返回值: 返回刪除元素的新數組
  • 會修改原數組
• sort(sortby): 對數組進行排序處理
  • 參數: sortby必需是個函數
  • 可以做冒泡排序.
  • 會修改原數組
• reverse(): 顛倒數組里的元素順序
  • 返回值: 操作的數組
  • 會修改原數組

String對象方法

• stringObject.charAt(index): 返回在指定位置的字符

  • 功能: 根據索引獲取索引對應的字符

  • 參數: 必需. 索引

  • 返回值: 獲取的字符

      var str = 'hi';
      str.charAt(1);    //返回i
    

• stringObject.concat(): 連接字符串

  • 參數: 拼接的字符串
  • 返回值: 返回新的拼接的字符串
  • 不修改原字符串
  • 或者使用 + 法的隱形轉換

• split(separator, howmany): 把字符串分隔為字符串數組

  • 參數
    • separator-必需. 分隔符. 如果把空字符串("")作為separator, 會把字符串中所有字符拆成單獨的元素
    • howmany- 可選. 指定新數組的長度
  • 返回值: 新數組. 不修改原字符串

• stringObject.lastIndexOf(searchvalue, fromindex): 從后向前檢索字符串

• stringObject.indexOf(searchvalue, fromindex): 檢索字符串

  • 參數
    • searchvalue-必需. 檢索的字符串. 區分大小寫
    • fromindex-可選. 從哪個角標開始搜索. 默認從頭到尾搜索, 搜索到第一個為止.
  • 返回值: 返回某個指定的字符串值在字符串中的首次位置. 沒搜索到, 返回-1.

• stringObject.slice(start, end): 提取字符串的片段, 并在新的字符串中返回被提取的部分

  • 參數: 取值區間[start, end)
    • start-從哪個索引開始去
    • end-取到哪個索引為止, 取不到end索引字符
  • 返回值: 截取字符組成的新的字符串

• substr(start, length): 從起始索引號提取字符串中指定數目的字符

  • 參數: 從哪個索引開始取, 取多長
  • 返回值: 截取的字符串, 不修改原字符串

• substring(start, stop): 提取字符串中兩個指定的索引號之間的字符

  • 參數: 都是非負整數, 可以理解為取值區間[start, stop)
    • start-必需. 從哪個索引開始取
    • stop-可選. 到結束索引元素為止(不包括自身元素)
  • 返回值: 返回截取的字符串, 不修改原字符串

• toLowerCase(): 把字符串轉換成小寫

• toUpperCase(): 把字符串轉換成大寫

• 應用判斷文件上傳

定時器

• 分類: 一次性定時器, 延時定時器
• setTimeout(code, millosec): 多少毫秒后, 執行代碼

  • 參數: 函數名, 延時的時間

      var timer = setTimeout(function(){
          alert("1秒后顯示的彈窗");
      },1000);
      //銷毀定時器
      clearTineout(timer)
    

  • 注意: 延時定時器,不用之后要及時銷毀, 否則會造成內容泄露

• setInterval(code, millisec): 循環定時器

  • 參數: 間隔一定時間執行的代碼, 間隔時間(毫秒)

      var num = 0;
      var timer = setInterval(fn,1000);
      function fn(){
          console.log(num++);
      }
      //銷毀循環定時器
      clearInterval(timer);