javascript 高級程序設計 學習筆記01章 javascript的認知
hello world:
大家早上好 ,所謂一年之計在於春,一日之計在於晨。今天開始學習 高級程序設計第三版 第二遍 以前以迅雷不及掩耳之勢草草看過一遍 ,但是什麽也沒記住 已經忘得差不多了。哈哈,原來我不是黃蓉,也不是天才,還是那句話 好記性不如爛筆頭。這次學習高級程序設計第三版 是有目標的,有目的性的。所以我會把 每一章學習的心得和筆記 都記錄在此。於己於人都方便。廢話不多說 ,開始吧 今天的第一張 ,javascript 的實現。張鑫旭大神說過 非it(計算機專業的)的前端從業人員 學習javascript 一定要系統的學習,怎麽樣系統的學習 ,第一點:要對javascript 有一個整體的 感性的認知,所以我們跟著這本小紅書 來一步一步 一章一章慢慢啃。加油
第一章是 javascript的實現:
javascript 是什麽?
javascript的實現包括哪些?javascript有什麽組成的?
是我們首要搞清楚的問題!
樹上解釋的 也很詳細 ,
javascript 是一門轉為網頁交互而設計的一門腳本語言 (動態類型的,弱類型的,靈活性的)而且隨著web的發展 已經越來越重要 ,成為了一門真正的編程語言。尤其是h5,node和es6的到來 讓javascript如虎添翼。有一統天下的氣勢。媽蛋 扯遠了,言歸正傳。
javascript = ECMAscript + DOM + BOM組成的;
那什麽是ECMAscript ? 是有由ecmascript262 規定的和描述的語言規則 我是這麽理解的 規定和描述了 這門語言的 語法,類型,語句,值,保留字,操作符,對象,函數,等等...語言的重要組成部門的描述,在我的理解中 ecmascript就像是一個老板,而js更像是 一個員工 執行老板規定的任務和完成老板的要求和實現老板的想法 哈哈。但是ecmascript 其實是javascript的 一重要組成部份。是基於ecmascript 實現的腳本語言。
那什麽是 DOM (文檔對象模型)document object model 提供了訪問和操作文檔網頁內容的方法 和 接口。dom 也分為 dom1級 dom2級 dom3級
dom1級 的目標是 映射文檔的結構 主要是兩個組成部分 :
第一:dom核心,dom核心 主要是針對 xml 文檔結構 提供了訪問和操作 xml文檔結構任意部門的方法和接口。
第二:對dom核心的擴展 :針對 html 對象 ,提供了方法。
dom2級 對dom1級進行了擴展 主要增加了 新的接口和屬性:
1. dom視圖 :跟蹤文檔變化的接口
2. dom事件 :提供了為 dom樹(dom節點元素)綁定事件的方法 和 接口。w3c和ie 有兼容問題。
3. dom樣式 :提供了為dom元素 添加css樣式的 方法 和 接口。
4. dom遍歷 和 dom範圍 : 提供了為遍歷dom樹 和 dom範圍的 相關api。
總之就是操作dom的方法 變多了 嘿嘿。
dom3級 進一步擴展dom 支持 xml 1.0 的規範。
現在的主流瀏覽器 對 dom的支持 已經算是 大同小異了 。有的兼容問題 還是有待解決。
那什麽 又是 BOM?瀏覽器對象模型
BOM提供了 對瀏覽器網頁內容以外的 訪問和操作 提供了 方法和接口。
主要有以下的 功能:
1. 監聽瀏覽器的前進後退按鈕,
2.通過navigator.userAgent 判斷瀏覽器版本,
3.通過location對象 獲取網頁地址欄和來源的 詳細信息,
4.通過screen對象 算出用戶顯示器的 分辨率
5.彈出新窗口,
6.對瀏覽器窗戶口 進行移動 縮放 關閉瀏覽器的功能。
7.cookies對象的操作,
8.xmlrequesthttp 和 ie 的 activeXobject 對象的 操作。......等
在h5以前 根本沒有對BOM的相關標準的規定。直到h5的出現 BOM被納入了 規定的範圍之內 。所以 其實BOM還是 有很多坑點的 。
以上就是 javascript 的實現和 組成部分。今天就先到這裏吧,相信大家對javascript 已經有一個大楷的認知了 ,接下來我們開始步入javascript的 殿堂吧 。加油 GO
javascript 高級程序設計 學習筆記01章 javascript的認知