摘要:前端知識點(diǎn)總結(jié)什么是第三方的極簡化的操作的函數(shù)庫第三方下載極簡化是操作的終極簡化個(gè)方面增刪改查事件綁定動(dòng)畫效果操作學(xué)習(xí)還是在學(xué),只不過簡化了函數(shù)庫中都是函數(shù),用函數(shù)來解決一切問題為什么使用操作的終極簡化解決了大部分瀏覽器兼容性問題凡是讓用的
前端知識點(diǎn)總結(jié)——JQ 1.什么是jQuery:
jQuery: 第三方的極簡化的DOM操作的函數(shù)庫
第三方: 下載
極簡化: 是DOM操作的終極簡化: 4個(gè)方面:
1. DOM: 增刪改查 2. 事件綁定: 3. 動(dòng)畫效果: 4. Ajax
DOM操作: 學(xué)習(xí)jQuery還是在學(xué)DOM,只不過API簡化了
函數(shù)庫: jQuery中都是函數(shù),用函數(shù)來解決一切問題
為什么使用:
DOM操作的終極簡化
解決了大部分瀏覽器兼容性問題
凡是jQuery讓用的,都沒有兼容性問題
下載: 版本:
1.x: 兼容舊瀏覽器 IE8
1.x.js 未壓縮版 優(yōu): 包含完備的注釋,格式,變量名,可讀性好 缺: 體積大,不便于傳輸 何時(shí): 學(xué)習(xí)和開發(fā)階段 1.x.min.js 壓縮版 優(yōu): 體積小,便于傳輸 缺: 去掉注釋,格式,極簡化了變量名 可讀性差 何時(shí): 生產(chǎn)環(huán)境
2.x: 不再兼容舊瀏覽器
3.x: 不再兼容舊瀏覽器,提供了更多新特性:
鄙視: 3.x的新特性:
1. 所有代碼運(yùn)行在嚴(yán)格模式下 2. 用for...of代替了forEach $.each 3. 新動(dòng)畫API: requestAnimationFrame() 4. 支持promise 5. ajax的API防備跨站點(diǎn)腳本(XSS)攻擊
引入網(wǎng)頁: 2種:
引入服務(wù)器本地的js文件: