原创 2.28.2-練習：窗口滾動定位
窗口發生滾動時候，導航欄和頭部定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" con
2020-03-17 06:02:45
原创 2.30-JS面向對象編程（OOP）
面向對象編程 OOP 1 面向對象 & 面向過程 面向過程 POP 分析問題所需要的步驟 面向對象OOP 以功能對象劃分問題 二者比較： 面向對象 面向過程 優 靈活 複用 維護 性能高
2020-03-17 06:02:45
原创 2.31-構造函數this指向
構造函數this指向： 1 構造函數this指的是對象實例 2 原型對象函數裏面也this也是指向實例對象 // 構造函數 function Student(name,age) {
2020-03-17 06:02:45
原创 2.28.1-練習：商品展示效果放大
模擬商品觸碰產生放大效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=
2020-03-17 06:02:45
原创 2.27-BOM
BOM BOM簡介 Browser Object Model 瀏覽器對象模型 核心是window DOM VS BOM DOM ： 文檔對象模型 windows對象 瀏覽器的頂級對象 js訪問瀏覽器窗口的一個藉口
2020-03-17 06:02:45
原创 2.29-JS動畫實現
1 JS動畫實現原理 原理：通過定時器不斷地改變目標位置 例子： 讓div運動到500px的時候停下 <style> * { padding: 0; marg
2020-03-17 06:02:45
原创 2.32-call()方法實現繼承
call()方法 1 call() 可以實現函數調用 2 可以改變函數中this指向 第一個參數是要改變this的值 function fun(a, b) { console.log(thi
2020-03-17 06:02:45
原创 2.26.1-練習：鍵盤點擊某個按鈕控制聚焦到輸入框
練習 京東按鍵輸入內容 按下s鍵 光標定位到搜索框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp
2020-03-05 22:31:14
原创 2.16-ES6數組新api
Array.from() 把數組或類數組轉成數組 function fn() { //下面兩種方式將....轉爲數組 //let arr = Array.from(argume
2020-03-05 22:31:14
原创 2.8-字符串（js字符串操作）
字符串：單引號或者雙引號引起來的字符序列。 示例： var str = 'hello'; var str = "hi"; var str = new String('hello');
2020-03-05 22:31:14
原创 onchange事件練習：下拉列表 列出三個顏色 選中某種顏色 網頁就設置該顏色
下拉列表 列出三個顏色 選中某種顏色 網頁就設置該顏色 通過onchange事件獲取下拉列表的改變，從而改變網頁背景色。 <body> <!-- 下拉列表 列出三個顏色 選中某種顏色 網頁（document.body）就設
2020-03-05 22:31:14
原创 2.4-函數
函數 函數的概念引入 希望某些邏輯或者特定功能的代碼塊可以被我們控制或者反覆使用，此時可以考慮用函數封裝 最大好處 提高代碼複用 1、可以對某些邏輯或者功能封裝 2、將來可以被控制。可以反覆使用 函數定義 一、調用和定義誰在先都可
2020-03-05 22:31:14
原创 2.13-ES6字符串
模板字符串 模版字符串 1、反單引號引起來 2 、遇到變量用${}括起來 3 、原理 正則實現 let name = 'along'; let age = 32; let res =
2020-03-05 22:31:14
原创 2.21-練習：全選&反選
選擇框功能實現，全選和反選 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=
2020-03-05 22:31:14
原创 2.3-循環結構
while循環 結構： while (條件) { // 循環體 重複的邏輯 條件成立執行 } 示例： var i = 1; while (i <= 3) { console.log("我愛編程！"); i++;
2020-03-05 22:31:14