JavaScript DOM編程藝術(第二版)讀書筆記 ——(一)

来源:http://www.cnblogs.com/YellowSun/archive/2017/05/30/6919955.html
-Advertisement-
Play Games

學習和工作中經常會通過搜索引擎的引導進入到博客園中,技術大牛們的知識概括往往一針見血解決了困擾我很久的大大小小的問題。可是一直都是看別人寫的博客,自己一直沒動過手,直到看到一個博客說到,從簡到繁地記記讀書筆記或知識總結是促進技術進步的一個很好的方法,覺得非常在理,學習後的整理更能記得牢固,於是最近下 ...


  學習和工作中經常會通過搜索引擎的引導進入到博客園中,技術大牛們的知識概括往往一針見血解決了困擾我很久的大大小小的問題。可是一直都是看別人寫的博客,自己一直沒動過手,直到看到一個博客說到,從簡到繁地記記讀書筆記或知識總結是促進技術進步的一個很好的方法,覺得非常在理,學習後的整理更能記得牢固,於是最近下定決心,開始我的博客園“生活”。

  說了從簡到繁,作為一個前端小小小小白,我決定把經典的前端書籍的讀書筆記寫在這裡,說不定以後遺忘的時候返回來看到會有豁然開朗的感覺(偷笑)。

  •   第一章——JavaScript簡史

  以前的Web標準中,HTML和CSS通常占據著核心的地位,後來W3C批准了另一項技術,所有與標準相相容的Web瀏覽器都支持它,這就是DOM(文檔對象模型:Document Object Model)。通過DOM我們可以給文檔增加交互能力,就像利用CSS給文檔添加樣式一樣。

  初期DOM是屬於試驗性質的,稱為“第0級DOM(DOM Level 0)”,未形成統一標準初期階段,第0級DOM常見用途是翻轉圖片和驗證表單數據,直到瀏覽器產品的更新,DOM Lv0遇到麻煩陷入困境。

  而後誕生DHTML(動態HTML),背後含義是(1)利用HTML把網頁標記成元素;(2)利用CSS設置元素樣式和它們的顯示位置;(3)利用Javascript實時地操控頁面和改變樣式。但以上三點只是理論可行,受瀏覽器相容性的困擾,解決DOM問題時沒有統一的方法。使得當時的程式猿編寫DOM腳本時還要區分不同瀏覽器環境,直到1998年W3C推出了一個標準化DOM,稱為“第一級DOM”

  直到今天幾乎所有瀏覽器都內置了對DOM的支持,還有HTML5 DOM帶來的眾多新特性,逐漸終於可以“編寫一次,隨處運行”了。

  •   第二章——JavaScript語法

  JS代碼必須通過HTML/XHTML文檔才能執行,執行可以有兩種方式:

  1、將JS代碼放在<head>標簽中的<script>標簽之間;

  2、把JS代碼另存在一個擴展名為.js的獨立文件中,通過HTML中放一個<script>標簽,並使用src屬性指向文件,例如<script src = "file.js"></scirpt>。

  但最好的方法是把<script>標簽放在HTML文檔的最後,</body>標簽之前,即:

   <body>
    body的內容......
    <script src = "file.js"></scirpt>
  </body>

  這樣能使瀏覽器更快地載入頁面(書的第5章詳細討論)。

  每一次改變.js文件的內容,只需要在瀏覽器重新載入.html文件即可看到效果,這就是JS這種解釋型程式設計語言與Java、C++等編譯型語言需要編譯器不同的地方。JS直接由瀏覽器的JS解釋器讀入源代碼並執行。

  JS語句在同一行中需要用分號隔開;註釋可以使用“//”或者“/* .....  */”進行多行註釋;變數聲明可以單獨,也可以一次性聲明多個,變數命名區分大小寫,建議採用駝峰命名法;JS中單引號或雙引號引住的字元串在JS這種弱類型語言中語義完全相同;數據類型含有字元串、數值、布爾值、數組(數組下標從0開始)、對象。

  如果在某個函數中使用了var關鍵字,那個變數就被視為一個局部變數,它只存在於這個函數的上下文中;反之,如果沒有使用var,那個變數就將被視為一個全局變數,如果腳本里已經存在一個與之同名的全局變數,這個函數就會改變那個全局變數的值。

  對象是自包含的數據集合,包含在對象里的數據可以通過兩種形式訪問——屬性、方法。(1)屬性是隸屬於某個特定對象的變數;(2)方法是只有某個特定對象才能調用的函數。所以對象就是由一些屬性和方法組合在一起而構成的一個數據實體。Math對象和Date對象等這些屬於JS的內建對象。此外,瀏覽器預定義的對象稱為宿主對象,例如Form、Image、Element等。document對象也是宿主對象,用來獲得網頁上任何一個元素的信息。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • ID3決策樹實現源碼(Python版),機器學習經典演算法起步階段,歡迎討論交流。 ...
  • 視頻在youtube網站國內訪問不了,可以使用翻牆軟體查看。 視頻地址:www.youtube.com/embed/682p52tFcmY@autoplay=1 下麵是視頻文字介紹: Magento 2系統整體結構是建立在模塊的基礎上。通常,創建定製的第一步是構建模塊。 要創建模塊,需要完成以下步驟 ...
  • 0 目錄 認證授權系列:http://www.cnblogs.com/linianhui/category/929878.html 1 什麼是OIDC? 看一下官方的介紹(http://openid.net/connect/): OpenID Connect 1.0 is a simple iden ...
  • 1.angular 調用客戶端方法放在 try catch中 try { js_invoke.showShareDialog(angular.toJson(obj)); // 在這裡放客戶端的方法即可 } catch(e) { console.log('Recommend share',obj); ...
  • jq筆記-dom篇-慕課網學習筆記 1.jQuery節點創建與屬性的處理 創建元素節點: 1.$("<div></div>") 創建為本節點: 1.$("<div>我是文本節點</div>") 創建為屬性節點: 1.$("<div id='test' class='aaron'>我是文本節點</di ...
  • 學完了Javascript類和對象的創建之後,現在總結一下Javascript繼承機制的實現。Javascript並不像Java那樣對繼承機制有嚴格明確的定義,它的實現方式正如它的變數的使用方式那樣也是十分寬鬆的,你可以設計自己的方法“模仿”繼承機制的實現。有以下幾種方法: 1、對象冒充 1 <sc ...
  • 這篇依然是跟 相關的方法,側重點是跟集合元素查找相關的方法。 讀Zepto源碼系列文章已經放到了github上,歡迎star: "reading zepto" 源碼版本 本文閱讀的源碼為 "zepto1.2.0" 內部方法 之前有一章《 "讀Zepto源碼之內部方法" 》是專門解讀 中沒有提供給外部 ...
  • 頁面編碼(告訴瀏覽器是什麼編碼) 刷新和跳轉 關鍵詞 X-UA-Compatible Title網頁頭部信息 常用標簽 表格 實例: ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...