Web前端基礎知識

請多多指教！

來講一些前端基礎知識的區別：

      1.bom和dom：

                  bom：瀏覽器對象模型；dom：文檔對象模型

2.瀏覽器內核：

                 火狐：gecko內核；谷歌：webkit內核；IE：IE內核；Opera：presto;safari:webkit內核；

3.fixed，absolute和relative：

                  fixed：固定定位，元素失去文檔流中的位置，後面的元素會替代它的位置，相對於瀏覽器窗口；

                  absolute：絕對定位，元素失去文檔流中的位置，後面的元素會替代它的位置，相對於最近一級；

                  relative：相對定位，元素不會失去文檔流 中的位置，相對於普通文檔流中的位置進行定位。

fixed和absolute的區別：

                    a.在沒有滾動條的情況下是沒有差異的；

                    b.在有滾動條的情況下：fixed位置不會隨著滾動條移動，而absolute會；fixed相隨與固定在當前的窗口不動，absolute會隨著參照對象的高度和寬度變化而變化。

4.返回上一頁，進入下一頁和打開新一頁：
                     返回上一頁：onclick="javascript:history:back()";

                     返回上一頁：onclick="javascript:history:forward()";

                     打開新一頁:window.open(url);location.href="url?"+參數名+參數值；<a href="" target="_blank"></a>;

5.關於字符串的操作：

                      typeof():檢查數據類型；split():分割字符串；

                      indexof():字符串中一個字符第一次出現的索引；

                      splice()：刪除元素；toString():數字轉為字符串；

                      parseInt():字符串轉為數字；tofixed(位數):保留位數；

                      Math.round():四捨五入；eval():計算字符的值；

6.outline和border：

                      outline：聚焦時激發，會出現邊框；不會影響元素的尺寸或位置；

                      border：邊框。

7.display：none和visibility：hidden：
                       display：none：隱藏元素內容；但是位置不存在；

                       visibility：hidden：隱藏元素內容，原來的位置依舊存在；

8.mouseover和mouseenter,mouseout和mouseleave:

                     mouseover和mouseout：在鼠標的移入和移出時都會觸發父級元素的mouseover和mouseout；而：mouseenter和mouseleave：只會觸發當前元素的事件，后兩者不是冒泡的。

9.cellpadding和cellspacing:

                        cellpadding:表格單元格與內容之間的距離；

                        cellspacing：指定表格各單元格之間的空隙；

10.undefined和null：

                        undefined：表示無的原始值；若是轉為數值NAN（Number()）；被聲明了但是沒有被賦值

                        null：表示完全空的對象；轉為數值為0（Number()）；作為對象原型鏈的終點；

11.==和===：

                        ==：判斷兩個值是否相等；不會判斷類型；

                        ===：判斷兩個值是否相等；會判斷類型；

12.innerHtml，outerHtml和innerText：

                      innerHtml：表示一個元素節點內的所有子節點，不包括當前的節點，其內容包括html標籤及其內容；

                     outerHtml：表示一個元素節點內的所有子節點及其當前的節點，其內容包括html標籤及其內容；

                    innerText：表示一個元素節點內的文本內容包括子節點的文本內容。

13.href和src的區別：

                    href:指向網絡資源的位置，常用於：<a>標籤；

                    src:指向內部資源，常用於：<img>標籤。

上面的區分只是簡單的描述其主要的區別，詳解請自己查詢。