jQuery復習與總結(jié)（1）

1.1 jQuery是什么？

• jQuery官網(wǎng)地址鏈接

• 我認為jQuery本身是一個基于JavaScript基礎(chǔ)上封裝的一個小的的類庫，能夠?qū)崿F(xiàn)一些特定的功能；

• JavaScript與jQuery的包含與被包含的關(guān)系

  javascript包含jQuery，jQuery能實現(xiàn)的功能，使用原生JavaScript都能實現(xiàn)，但是JavaScript能實現(xiàn)的功能，jQuery不一定能實現(xiàn)；

• 使用慣了jQuery，就是感覺比寫原生的爽得多，大大提高了開發(fā)效率，但萬變不離其宗，只要原生的方法什么的都很清楚，你自己也可以封裝一個屬于你自己的類庫；

• jQuery中也封裝了很多帶有動畫效果的方法，你也可以使用CSS3來實現(xiàn)動畫效果；

1.2 jQuery的特點？

• 是一個JavaScript函數(shù)庫；
• 比較輕量級；
• "寫的少，做的多（write less，do more）"，很爽；
• 大量的操作DOM元素；
• 兼容性，目前jQuery兼容于所有主流瀏覽器, 包括Internet Explorer 6；

1.3 jQuery庫都有什么功能？

• HTML 元素選取
• HTML 元素操作
• CSS 操作
• HTML 事件函數(shù)
• JavaScript 特效和動畫
• HTML DOM 遍歷和修改
• AJAX
• Utilities
• Jquery還提供了大量的插件

1.4 jQuery的使用

• 要使用jQuery，就先引入，一般用于項目我們使用xxxx.min.js

  <script src="libs/js/jquery-1.10.2.min.js"></script>
  
  

  舊版本的需要在<script> 標簽中加入 type="text/javascript"屬性 ,在 HTML5 中，可以省略不寫。因為JavaScript 是 HTML5 以及所有現(xiàn)代瀏覽器中的默認腳本語言。

• jquery的兩個版本使用場景：

  • Production version - 用于實際的網(wǎng)站中，代碼是精簡和壓縮的，多用于上線項目中；
  • Development version - 用于測試和開發(fā)，代碼沒有壓縮，可讀性高，用于生產(chǎn)環(huán)境中，便于程序人員閱讀和查看；

• 關(guān)于下載

  • 可以上jQuery官網(wǎng)下載Jquery庫

    • jQuery庫下載鏈接：jquery.com/download/

  • 使用npm命令下載

    • npm install jquery

      會自動下載安裝到你的node_modules目錄下，引用的話在node_modules/jquery/dist/目錄下；

  • 使用bower命令下載

    • bower install jquery

      會自動下載安裝到你的bower_components目錄下，引用的話在bower_components/jquery/dist/目錄下；

• 不下載，使用網(wǎng)絡地址引用也可以
  * 百度CDN
  <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

    * 谷歌CDN（不穩(wěn)定）
          <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    
    * 微軟CDN
         <script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"></script>
  

1.5 使用CDN的好處？

• 提高加載速度；
• 利于優(yōu)化；
• 也是前端頁面性能優(yōu)化的一個重要途徑；
• 原理：

  許多用戶在訪問其他站點時，已經(jīng)從百度、又拍云、新浪、谷歌或微軟加載過 jQuery。所以當用戶訪問您的站點時，會從緩存中加載 jQuery，這樣可以減少加載時間。同時，大多數(shù) CDN 都可以確保當用戶向其請求文件時，會從離用戶最近的服務器上返回響應，這樣也可以提高加載速度。

舉個栗子吧：

• 比如我們使用迅雷下載資源的時候，迅雷首先會發(fā)現(xiàn)周圍喲沒有用戶下載過這個資源，如果其他用戶下載過，就會利用這個緩存渠道直接下載，這也是為什么你會感覺到有的時候下載速度明顯很快，有時候卻很慢，其實原理都差不多；

++++++++++++++++++++++++++++++++++++++++++++++++++++++

               -----時光不散，青春不老---                
                                 -------呆萌小二郎zmh'
                
                    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++