《Javascript DOM編程藝術》 讀書筆記 —— 好書,通俗易懂!!!!! 至關的嚴謹!!!!

 

1.javascript弱類型語言,解釋性語言。javascript

2.javascript數據類型:字符串(String)、數字(Number)、布爾(Boolean)、數組(Array)、對象(Object)、空(Null)、未定義(Undefined)。css

   javascript內建對象用戶自定義對象。  宿主對象(瀏覽器提供的)html

3.數組索引下標從0開始。前端

4.函數:屢次使用同一段代碼! java

  變量的命名:多個單詞使用下劃線  temp_celsius;node

  函數的命名:駝峯法則哦;jquery

5.return false: 阻止a元素的跳轉! 默認行爲沒有被觸發!web

6.http性能優化:ajax

     A:減小請求的數量。算法

     B:腳本文件放到文檔的末尾。

     C:壓縮代碼。

7.僞協議:"javascript:"

8.注意DOM Core 和 HTML-DOM:    (HTML Dom、 Css Dom、 Dom core)

    1.HTML-DOM代碼更短。但只能處理Web文檔!

    2.標準DOM

9.前端:處理視覺和交互的!

10.CDN:  1.資源服務器,不少站點都用,好比百度,用戶訪問過baidu,若是baidu用到了百度的CDN,你的網站也用到了,那麼一樣的文件就不會從新下載了!   

                  固然了,必需要有瀏覽器的緩存哦! 

               2.CDN底層是使用地理位置最近、速度最快的服務器提供相應的文件。       CDN服務器:分佈式的!  高訪問量!

11.引號的嵌套:書上有涉及到哦!  

 

 

                  第二遍     補漏

1.轉義: \  135° 

 2.賦值: =

    等於: ==            值一致

    絕對等於: ===    值和類型一致

 3.做用域: 

  a:可訪問範圍

  b:變量的生命週期

4.對象: 屬性  +  方法  

5.javascript的內建對象(javascript語言自帶的)用戶自定義對象宿主對象(瀏覽器自帶的 BOM)

6.setAttribute作出的修改不會反映在文檔自己的源碼裏哦!   哦哦!  

7.提高站點性能,減小http請求,將js文件合併到一個裏面。

8.childNodes:獲取任何一個元素的全部子元素(子節點)包含空格和換行符等。

   nodeType屬性:  

    a:元素節點:1 

    b:屬性節點:2

    c:文本節點:3

   nodeValue:節點的值。       node.childNodes[0]   等價於  node.firstChild      

               node.childNodes[node.childNodes.length - 1]   等價於 node.lastChild

 

9.漸進加強    優雅降級(平穩退化)    

10.僞協議:讓咱們經過一個連接來調用javascript函數。

11.根據HTTP規範,瀏覽器每次從同一個域名中最多隻能同時下載兩個文件。

12.js文件放到body的末尾,不阻塞渲染引擎對頁面的渲染。           (Web發佈的時候要注意哦!)

    js文件整合到一個文件裏,減小http請求。

    文件壓縮(空格和註釋刪掉),減少體積,加快下載速度。     

13.結構化程序設計: 函數應該只有一個入口和一個出口。

14.html css  js分離的好處,   id class等均可以看成鉤子、橋樑,聯繫起css、js與html之間的關係。

15.注意Dom Core 和 HTML-DOM

     document.getElementsByTagName("form")    等價於  document.forms

     element.getAttribute("src")    等價於   element.src

16. DOM:文檔便是節點樹。

17.XMLHttpRequest對象: 瀏覽器和服務器的代理,中間人!   它來發送請求,處理響應。

18.有些瀏覽器會限制ajax請求的協議類型。  

     同源策略:只能請求同一個域中的數據。

19.抽象:將具體的東西改進爲一個較爲通用的東西的過程就是抽象。   抽象爲了便於重用。

 20.overflow: scroll; 無論溢出仍是不溢出,都將顯示滾動條。

      overflow:auto; 內容確實溢出了,纔會顯示滾動條。

21.Modernizr    js庫!      放在<head></head>裏哦!     作兼容的!  

22.編解碼器:核心就是一個算法,用於壓縮和存儲視頻;同時保證視頻的品質。

     視頻編解碼器:H.264       Theora     VP8

     音頻編解碼器:MP3  aac  ogg

     mp4:蘋果公司的.

 

23.localStorage和sessionStorage:在客戶端存儲大型和複雜數據集的有效方案。

24.webSocket:與服務器進行開放的雙向通訊。

25.webWorker:在後臺執行JavaScript。

26.客戶端驗證:提高用戶的體驗。

     服務器端驗證:保證系統的安全。

27.經驗代表:一次請求一個大文件比屢次請求多個小文件要更好。

28.web性能提高:減少網頁文檔的大小;還有就是讓瀏覽器緩存。

     CDN:解決分佈共享庫。  好比jquery文件 ,訪問一個網站下載過,訪問另外一個就不會再次下載了。

               內容分發網絡,分散存儲一些公共的內容。  訪問jquery庫的時候使用的是同一個公共的url; 由CDN服務器作判斷,爲你提供地理位置最近、響應速度最快的

                                     服務器提供jquery文件。  至關於文件資源服務器你的,減輕你的服務器的響應負荷;並且是相同的url,因此很容易緩存。

 

 

 

          

   

 Tips:  記得回頭有空了再敲書上的代碼哦!  代碼是寫會的!  理清代碼的思惟流程。

相關文章
相關標籤/搜索