DIV CSS 佈局教程網

JS解析器

JS解析分為兩個步驟

1. JS預解析
   1. 找東西
      • var
      • function
      • 參數
   2. 所有的變量在正式運行代碼之前，都提前賦了一個值：未定義
   3. 所有的函數，在正式運行代碼之前，都是整個函數塊
   4. 注意：
      • 遇到重名的：只能留下一個
      • 變量和函數重名，只留下函數
      • 遵循後來居上的准則
2. 逐行解讀代碼
   1. 表達式： = + - * / % ++ -- !  參數    ==>  改變值
   2. 表達式可以改變預解析的值

作用域

1. 作用：讀、寫
2. 域：空間、范圍、區域
3. 注意：
   • script  是全局變量 全局函數  單線程 自上而下
   • 函數 由裡到外
   • firefox  不能對下面的函數進行預解析

函數調用方式

1. 函數調用
2. 直接調用
3. 事件調用
4. setInterval / setTimeout
5. clearInterval / clearTimeout

定時器

1. setInterval(函數，毫秒)：重復不斷的執行（發動機）
2. setTimeout(函數，毫秒):執行一次（炸彈）

數據類型

1. 數字（NaN）
2. 字符串
3. 布爾值
4. 函數
5. 對象（obj [] {} null）
6. 未定義
7. 注意：
   • 數字的比較與字符串的比較：字符串的比較是一個一個字符比較
   • isNaN : is not a number 不是個數字
   • isNaN():
     1. 判斷某些值是不是數字
     2. 不喜歡數字
     3. 內部依靠Number()進行轉換

數據類型轉換

• 顯示類型轉換
  1. Number()
     • 整體轉換
     • 空的字符串轉換為0
     • true=1 false=0
     • NaN
     • 不要轉換函數
     • 空數組為0
     • json為NaN
     • null = 0
     • 未定義 = NaN
  2. parseInt(b,10)
     • 10表示轉換為10進制數字
     • 一個一個字符進行轉換
     • 認  + - 號
  3. parseFloat()
• 隱式類型轉換
  1. + 變成字符串
  2. - * / % 變成數字
  3. ++ -- 變成數字
  4. >   <  數字的比較/字符串的比較
  5. ! 取反  把右邊的數據類型轉換為布爾值
• 注意
  1. == 比較值的大小
  2. === 比較數據類型
  3. 一旦所有的轉換不成功，都會顯示NaN
  4. 一旦程序中出現了NaN，肯定進行了非法的運算
  5. NaN 是false
  6. NaN 跟自己都不相等
  7. NaN 不是數字的數字類型

真假問題

• 真
  • 非0的數字
  • 非空字符串
  • true
  • 函數
  • 能找到的元素
  • []
  • {}
• 假
  • 0
  • NaN
  • 空字符串
  • false
  • 不能找到的元素
  • null
  • 未定義

return返回值

1. 函數名+括號：fn1() ==> return 後面的值
2. 所有的函數默認返回值
3. return 後面的代碼都不操作了

參數

1. 實參 == 實際傳遞的參數
2. 形參 == 形式上
3. arguments
   • 實參的集合
   • 當函數的參數個數無法確定，就用arguments

getComputedStyle

• 獲取到的是計算機（浏覽器）計算後的樣式   //  IE6 IE7 IE8不兼容
• FF4.0之前　　舊的火狐下getComputedStyle(obj,true);

currentStyle

• 標准的浏覽器不兼容
• 注意：
  • background:url()　　復合樣式　　不要獲取
  • background：#ccc　　單一樣式　　不要比較
  • 不要有空格