web前端應該總結的知識點(1)

作為一個初學者，總結平時的知識點，積累經驗必不可少。之前自己太懶，懶得整理，最近靜下心來，準備好好學習學習，並把自己開發中遇到的問題，走一個總結。

1、HTML與CSS

(1)web標準

a.結構標準:XHTML和XML

b.表現標準：css

c.行為標準：DOM、ECMAScript

(2)瀏覽器核心差異

主要有四大瀏覽器核心，也就是瀏覽器的解釋引擎，分別是Trident【IE6+、360安全、搜狗】、Gecko【火狐】、presto【opera7.0+】、webkit【safari、chrome】

(3)常見的瀏覽器相容

由於瀏覽器的不同引擎導致不同瀏覽器對網頁的不同解析不同，從而產生不同瀏覽器解析後的頁面有所不同，其中ie瀏覽器相容問題較多。

a.ie瀏覽器不支援css中的圓角，如果想在ie中使用圓角最簡單的解決方法是使用背景圖片。

b.透明度

/* older safari/Chrome browsers */

-webkit-opacity: 0.5;

/* Netscape and Older than Firefox 0.9 */ 
-moz-opacity: 0.5; 
 /* Safari 1.x (pre WebKit!) 老式khtml核心的Safari瀏覽器*/
 -khtml-opacity: 0.5; 
/* IE9 + etc...modern browsers */ 
opacity: .5; 
/* IE 4-9 */ 
filter:alpha(opacity=50);
/*This works in IE 8 & 9 too*/ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
/*IE4-IE9*/ 
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 

c.不加樣式控制的情況下，各自的margin 和padding差異較大，在CSS裡設定    *{margin:0;padding:0;}

(4)選擇器優先順序

important>行內style>id>結構性偽類（eg  :nth-child() ：nth-of-type()）>屬性>類>標籤>通用

(5)盒子模型

ie 盒子模型和標準 w3c 盒子模型，盒子模型的範圍包括 margin、border、padding、content，w3c的width、height只是content部分，而ie包括content、border、padding；

2、javascript

（1）資料型別：

Number

字串

布林值

陣列

物件

運算子【“==”轉換型別後再比較，“===”首先判斷型別是否相同，然後再比較值】

要比較兩個浮點數是否相等，只能計算它們之差的絕對值，看是否小於某個閾值【Math.abs(1 /3 - (1 - 2 / 3)) < 0.0000001】

（2）變數

（3）strict模式：開啟嚴格模式使用'use strict';