JQuery基礎筆記及面試題+JavaScript筆記及面試題（含答案）

JQuery基礎筆記及面試題

1. jQuery 是什麼？

2. 為什麼要使用 jQuery?

3. jQuery 入口函數

1. jQuery與JavaScript加載模式對比

2. jQuery 其他寫法

3. 解決$符號衝突問題

1. 釋放 $ 使用權

2. 自定義訪問符號

4. jQuery 核心函數

5. jQuery 對象

1. jQuery 對象的本質

6. jQuery 靜態方法

1. 什麼是靜態方法

2. jQuery.holdReady()

3. each 方法

4. map 方法

5. trim 方法

6. isWindow 方法

7. isArray 方法

8. isFunction 方法

7. jQuery 選擇器

1. 基礎選擇器

2. 層次選擇器

3. 內容過濾選擇器

1. :empty

2. :parent

3. :contains(text)

4. :has(selector)

8. jQuery 屬性操作

1. 屬性與屬性節點

1.什麼是屬性?

2.如何操作屬性?

3.什麼是屬性節點?

4.如何操作屬性節點?

5.屬性和屬性節點有什麼區別?

2. 屬性節點方法

1. attr 方法

2. removeAttr 方法

3. prop 方法

4. removeProp 方法

5. attr方法和prop方法區別

9. jQuery Class 操作

1. jQuery Class 類操作

1. addClass

2. removeClass

3. toggleClass

2. jQuery 文本值操作

1. html

2. text

3. val

3. jQuery CSS 樣式

1. css 方法

2. width 方法

3. height 方法

4. jQuery 元素位置

1. offset 方法

2. position 方法

5. jQuery scroll 方法

1. scrollTop 方法

2. scrollLeft 方法

10. jQuery 事件

1. 事件綁定

2. 事件解綁

3. 事件座標

4. 事件冒泡

1. 什麼是事件冒泡

2. 阻止事件冒泡

5. 默認行為

1. 什麼是默認行為

2. 阻止默認行為

6. 自動觸發事件

1. 什麼是自動觸發事件

2. 自動觸發方式

7. 自定義事件

1. 什麼是自定義事件

2. 自定義事件的條件

8. 事件命名空間

1. 什麼是事件命名空間

2. 添加事件命名空間的條件

3. 事件命名空間注意點（面試題）

9. 事件委託

1. 什麼是事件委託

2. 事件委託的好處

3. jQuery 中添加事件委託

10. 移入移出事件

1. mouseenter/mouseleave

2. mouseover/mouseout

3. hover

11. jQuery 動畫效果

1. 顯示，隱藏動畫

1. show

2. hide

3. toggle

4. 注意點

2. 展開，收起動畫

1. slideDown

2. slideUp

3. slideToggle

3. 淡入，淡出動畫

1. fadeIn

2. fadeOut

3. fadeToggle

4. fadeTo

4. 自定義動畫

1. animate

5. 動畫隊列

6. 動畫相關方法

1. delay

2. stop

12. jQuery 文檔處理

1. 添加節點

1. 內部插入

2. 外部插入

2. 刪除節點

3. 替換節點

4. 複製節點

5. 包裹節點

6. 遍歷節點

13. jQuery 面試題

1. 為什麼要使用jQuery？jquery有哪些好處？

2. jQuery能做什麼？

3. jQuery 庫中的 $() 是什麼？

4. $(document).ready() 是個什麼函數？為什麼要用它？

5. (document).ready()方法和window.onload有什麼區別？

6. jQuery中.get()提交和.post()提交的區別

7. jQuery中有哪些方法可以遍歷節點？

8. $(this) 和 this 關鍵字在 jQuery 中有何不同？

9. 使用 CDN 加載 jQuery 庫的主要優勢是什麼 ?

10. 如何使用從服務器獲取一個複雜數據(對象)?

11. 在使用選擇器的時要注意的地方?

12. 有哪些查詢節點的選擇器？

13. jQuery是如何處理緩存的？ ( 要處理緩存就是禁用緩存 )

14. 在jquery中你有沒有編寫過插件，插件有什麼好處？你編寫過那些插件？它應該注意那些？

由於答案部分太長了，就不一一給大家演示了，想要獲取面試資料答案可以關注我，私信回覆“資料”即可免費獲取

JavaScript筆記及面試題

1. 初識 javascript

1. JavaScript 簡介

2. JavaScript 特點

3. JavaScript 的作用

4. 第一個js語句

輸出字符“hello world”

5. js 的引入方式

1. 頁頭引入（head 標籤內）

2. 頁中引入（body 標籤內）

3. 元素事件中引入（標籤屬性中引入）

4. 引入外部 JS 文件

6. js 的輸出

1. 使用彈出警告框

2. 直接寫入HTML文檔

3. 寫到控制檯

4. 使用 innerHTML

7. js 語句

1. javascript 語句

2. javascript 代碼

3. JavaScript 對大小寫敏感

4. 根據 HTML 文檔流的執行順序

8. js 基本概念

1. JavaScript 的全部關鍵字：

2. JavaScript 的標識符

3. JavaScript 的常量

4. JavaScript 的變量

5. JavaScript 的註釋

2. Js 基本語法

1. 數據類型

1. 字符串

2. 轉義字符

3. 數字

1. 整型數據

2. 浮點型數據

4. 布爾

5. 數組

6. 對象

7. NULL

8. Undefined

2. 查看數據類型

1. typeof

3. 運算符

1. 算術運算符

2. 賦值運算符

3. 比較運算符

4. 邏輯運算符

5. 類型運算符

4. 表達式

1. 簡單表達式

1. 算術表達式

2. 邏輯表達式

3. 三目表達式

2. 複雜表達式

1. 簡單表達式的組合

2. 表達式的運算優先順序

3. Js 函數

1. 函數的定義

1. 如何定義一個函數

2. 函數名

3. 參數（形參）

2. 函數的調用

3. 函數的返回值

4. 函數的拆分

5. 變量的作用域

1. 全局變量

2. 局部變量

6. 內部函數與閉包

1. 內部函數

1. 常規函數

2. 數組函數

3. 日期函數

4. 數學函數（Math）

5. 字符串函數

2. 閉包

7. 函數作為參數與回調函數

1. 函數作為參數

2. 回調函數

8. 遞歸函數

9. 函數的作用

4. Js 流程控制

1. 順序結構

2. 選擇結構

1. if 語句

2. if ... else 語句

3. if ... else if ... else 語句

4. 多重選擇語句（switch）

3. 循環結構

1. for 循壞

2. while 循環

4. 程序的繼續與終止

1. break 語句

2. continue 語句

5. 字符串對象

1. 定義字符串

1. 定義

2. 字符串可以存儲一系列字符

3. 使用索引位置來訪問字符串中的每個字符

4. 字符串的索引從 0 開始

5. 在字符串添加轉義字符來使用引號

6. length 屬性

2. 字符串操作

1. 獲取字符

1. charAt()方法

2. 直接索引字符

2. 兩種方式的不同

3. 查找字符串

1. Match()方法

2. Search()方法

3. indexOf()方法

4. 替換字符串

1. replace()

2. 英文字母大小寫的替換

1. toLowerCase()

2. toUpperCase()

5. 字符串連接

1. concat() 連接字符串

2. “+” 連接字符串

6. 截取字符

1. 定義

2. 返回值

6. 數組對象

1. JS數據類型

1. 值類型（基本類型）

2. 引用類型（類）

3. 整數與浮點數

1. 整數

2. 浮點數

2. Math 對象

3. 數值運算

1. 取最大值和最小值

2. 數值取整

3. 絕對值 Math.abs()

4. 隨機數的生成 Math.random(x)

5. 返回數的平方根 Math.sqrt(x)

6. 冪運算 Math.pow(x,y)

4. 字符串轉化為數值

1. 轉換函數

2. 強制類型轉換

3. 利用 js 變量弱類型轉換

5. 數組簡介

1. 定義

2. 數組的賦值

3. 數組元素的獲取

6. 數組長度

7. 數組元素的插入和刪除

1. unshift()

2. push()

3. shift()

4. pop()

8. 數組元素的截取

1. slice()

9. 數組的排序與反轉

1. sort()

2. reverse() 方法

10. 數組的鏈接與轉換

1. concat()

2. join()

3. toString()

4. join()與 tostring()的區別

7. 時間對象

1. 時間的使用場景

2. 基本概念

1. 時區

2. 時間格式

3. 時間戳

3. 時間對象的定義

1. new Date()

4. 將時間對象轉為字符串

1. toString()

2. toUTCString（）

3. toLocalString（）

4. 三者的區別

5. 獲取時間

1. 獲取年月日

1. getFullYear()

2. getMonth()

3. getDate()

2. 獲取時分秒

1. getHours()

2. getMinutes()

2. getMilliseconds()

3. 獲取星期

1. getDay()

2. 用 switch

3. 用數組

6. 設置時間

1. 設置時間對象

1. 用時間字符串

2 . 用時間戳

3. 獲取當前時間

2. 設置年月日

1. setFullYear(year,month,day)

2. setMonth(month,day)

3. setDate(day)

3. 設置時分秒

1. setHours(hour,min,sec,millisec)

2. setMinutes(min,sec,millisec)

3. setSeconds(sec,millisec)

8. DOM 對象

1. Dom 對象簡介

1. HTML DOM 樹:

2. 什麼是 DOM?

3. HTML DOM 是:

4. 對 DOM 節點的理解

2. 獲取 dom 對象

1. getElementById()

2. getElementsByName()

3. 獲取相關節點

1. 訪問父節點

1. parentNode()

2. 訪問兄弟節點

1. nextSibling

2. previousSibling

3. childNodes

4. 操作 DOM 屬性、HTML 和文本

1. js 獲取的 html 內容包括

2. 通過 attribute 獲取和設置屬性值

5. 操作 DOM 對象的 CSS

1. 獲取css樣式

2. 設置css的值

6. 創建 DOM 節點

1. createElement()

2. createTextNode()

3. 創建節點的 HTML

7. 節點的操作

1. removeChild()

2. replaceChild

3. 複製節點

9. Window 對象和 document 對象

1. Window 對象

1. Window 對象簡介

2. Window 窗口的打開與關閉

1. open()

2. close()

2. 返回文檔的寬度與高度

1. innerheight

2. innerwidth

3. location 對象的屬性及方法

1. Location 對象

2. Location 對象屬性

3. Location 對象方法

4. document 對象

1. document 對象簡介

10. 定時器

1. 執行一次的定時器

1. setTimeout()

2. clearTimeout()

2. 重複執行的定時器

1. setInterval()

2. clearInterval()

11. Js 事件

1. 什麼是事件

1. 什麼是事件

2. 事件的分類

2. 鼠標事件

1. 鼠標點擊事件

2. 鼠標移入移出事件

3. 鍵盤事件

1. onkeydown 事件

2. onkeypress 事件

3. onkeyup 事件

4. 表單事件

1. onchange 事件:

2. onsubmit 事件

3. onfocus 事件和 onblur 事件

5. 瀏覽器事件

1. onload 事件

2. onresize 事件

Js 經典面試題

1. 請描述一下 cookies，sessionStorage 和 localStorage 的區別?

2. 從用戶刷新網頁開始，一次 js 請求一般情況下有哪些地方會有緩存處理?

3. js 如何獲取和設置 cookie?

4. 你瞭解 HTTP 狀態碼嗎，請隨便介紹一下。

5. 說說對網站重構的理解。

6. js 數組去重。

7. Ajax 是什麼?Ajax 的交互模型?同步和異步的區別?如何解決跨域問題?

8. WEB 應用從服務器主動推送 Data 到客戶端有那些方式?

9. Node.js 的適用場景

10. Flash、Ajax 各自的優缺點，在使用中如何取捨?

11. 什麼叫優雅降級和漸進增強?

12. 哪些操作會造成內存洩漏?

13. 如何解決跨域通信的問題，簡述有哪些方法?

14. 寫出至少 5 個前端優化的方法，並寫明理由。

15. ajax 原理、如何實現刷新數據及優點?

16. 事件綁定和普通事件有什麼區別，IE 和 DOM 事件流的區別。

17. javascript 的本地對象，內置對象和宿主對象。

18. 談談 this 對象的理解。

19. new 操作符具體幹了什麼呢?

20. JSON 的瞭解?

21. 異步加載的方式有哪些?

22. 一個頁面從輸入 URL 到頁面加載顯示完成，這個過程中都發生了什麼?(流程說的越詳細越好)

由於答案部分太長了，就不一一給大家演示了，想要獲取面試資料答案可以關注我，私信回覆“資料”即可免費獲取