標籤:屬性 規則 基於 操作符 指令碼 瀏覽器 ati 視窗 詳細
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的認知