1.dom
節點之間的關係：父子級，兄弟級
節點操作：獲取父子節點，兄弟節點
文件的根節點：document.documetelement
body節點：document.body
當前啟用的節點：document.acticeelement //ie
滑鼠節點操作：
滑鼠事件物件：event
滑鼠去向節點：event.toelement
當前啟用的節點：event.srcelement //ie
event.target //ff
節點物件：node
獲取父節點：node.parentnode, node.parendelement,
獲取所有子節點：node.childnodes（包含文字節點及標籤節點）,node.children
獲取第乙個子節點：node.firstchild
獲取最後乙個子節點： node.lastchild
獲取上乙個兄弟節點：node.nextsibling
獲取下乙個兄弟節點：node.previoussibling
獲取所有兄弟節點：
jquery: $(dom).siblings();
js: 思路：先獲取該節點 的父節點，通過父節點獲取父節點的所有子節點，
排除當前節點
2.dom操作
增、刪、改、查
增加：寫、建立、轉殖、插入
寫：document.write()
建立：document.createelement() || document.createtextnode()
轉殖：clonenode()
刪除：刪除節點：removechild()
刪除元素屬性：removeattribute()
修改：修改節點：replacechild()
修改屬性：setattribute()
查詢：查詢節點：
通過id獲取節點：document.getelementbyid("id")
獲取相同元素的節點：getelementbytagname("a")
獲取相同名稱的節點：getelementbyname("name")
查詢元素：
getattribute()
3.如何使用事件,dom 事件模型
在dom元素上繫結事件處理器 //相容
window.οnlοad=function()
obj.οnmοuseοver=function(e)
obj.οnclick=function()
w3c事件模型 //ie不支援
window.addeventlistener(『load』,function(),false);
document.body.addeventlistener(『keypress』,function,false);
obj.addeventlistener(『mouseover』,callback,true);
function callback()
ie事件模型 //ie
window.attachevent(『onload』,function());
document.body.attachevent(『onkeypress』,mykeyhandler);
阻止預設事件
阻止預設事件 ： 在w3c下呼叫e.preventdefault()，ie下 window.event.returnvalue＝false
阻止事件冒泡： 在w3c標準裡呼叫e.stoppropagation()，ie下 window.event.cancelbubble=true。
ie7+、所有瀏覽器都內建了 xmlhttprequest物件
ie5/ie6 下
發起xmlhttprequest請求
xhr.onreadystatechange=state_change;5.嚴格模式與混雜模式xhr.open("get",url,true);
xhr.send(null)
告訴瀏覽器如何解析css=》盒模型引發
嚴格模式：w3c標準模式
混雜模式：相容老舊瀏覽器
6.盒模型
標準盒模型：
w3c 盒子模型的範圍包括 margin、border、padding、content，並且 content 部分不包含其他部分
ie盒子模型
ie 盒子模型的範圍也包括 margin、border、padding、content，和標準 w3c 盒子模型不同的是：ie 盒子模型的 content 部分包含了 border 和 pading。
7.塊級元素與行內元素
行內元素會在一條直線上排列，都是同一行的，水平方向排列
塊級元素各佔據一行，垂直方向排列。塊級元素從新行開始結束接著乙個斷行。
塊級元素可以包含行內元素和塊級元素。行內元素不能包含塊級元素。
行內元素與塊級元素屬性的不同，主要是盒模型屬性上
行內元素設定width無效，height無效(可以設定line-height)，margin上下無效，padding上下無效
行內元素轉換為塊級元素 display:block (字面意思表現形式設為塊級)
8.浮動元素
float || clear
1.脫離文件，不佔據空間大小，浮動到包含邊框或者另乙個浮動元素邊框
需要謹記的產品設計原則
與其關注競爭對手，不如關注使用者。對於使用者的需求，不是說使用者需要功能a，就給他簡單的提供功能a。更為重要的是，能夠從更深層次的，更具有遠見性的，了解使用者為什麼提出這樣的需求，這種 需求十分具有廣泛性，使用者未來還可能提出什麼需求。只有對這些需求進行有效的提煉，從深層次分析使用者提出需求的原因，...
前端開發需要掌握的SEO的知識點
seo 工作的目的 seo 的工作目的是為了讓 更利於讓各大搜尋引擎抓取和收錄，增加產品的 率。seo 注意事項 此外，還有 meta 的 canonical 設定，乙個 還通過多個 url 訪問，canonical 就是用來告訴搜尋引擎，這麼多個url中最有價值最重要的乙個url，一般是 的首頁。...
前端需要掌握的php知識，適合初學者
php檔案能夠包含文字 html css以及php php 在伺服器上執行，結果以純文字返回到瀏覽器。他的副檔名是.php。php能夠生成動態頁面內容，能夠建立 開啟 讀取 寫入 刪除以及關閉伺服器上的檔案。能夠接收表單資料。能夠傳送並取回cookie。能夠新增 刪除 修改資料庫中的資料。能夠限制使...