js原生專案
js作用
專案總結
基本知識點
一、物件導向程式設計方式
var pian =
}).catch(function () )
},renderlist: function (film)
}pian.start();
// 一開始就執行這個開頭執行的函式
document.getelementbyid // 根據id獲取節點
document.getelementsbyclassname // 根據class獲取節點
document.queryselector('#') // 根據id獲取的時候用 #
document.queryselector('.') // 根據class獲取的時候用 .
一、for迴圈
專案裡我們渲染頁面大部分依靠的都是for迴圈，這裡依靠的是for迴圈可以遍歷陣列的特性
for (var j = 0;j < films.length;j++) " alt=""/>
$2d 觀眾評分 $
主演: $
$ | $ 分鐘
購票
` htmlstr += str
}var $list = document.queryselector('.list')
$list.innerhtml = htmlstr
},
getfilmlist: function () else
// 請求成功之後,執行這個函式
}).catch(function (error) )
}
// 拼接演員列表字串
actorstostring: function (actors) else
return str
}
格式化日期 time為毫秒數
formatdate: function(time) -$-$ $:$:$`
var daystr = `$-$-$ $:$:$`;
return daystr;
},
getweekday: function(time) ;
return week[day];
},
``
模板字串中通過在路徑後面加?引數名=$實現跳轉傳參
// 使用location.href 獲取當前**
var url = location.href;
// 從字串url裡提取(擷取)orderid
// 使用indexof找到=的位置(下標) 的後一位
var index = url.indexof('=') + 1;
// 使用slice擷取從=後的一位開始後面全部的字串
var orderid = url.slice(index);
orderdetails.getdetails(orderid);
將擷取的引數給獲取後台資料的函式
// 設定**號碼輸入格式
isko: function() $/.test(phone) == false) else
} else
} else
},
需求：根據介面判斷是否登入，然後把介面裡的號碼賦給phone然後以123*****1234的形式顯示
gologin: function () )\d(\d)$/, '$1****$2');
// 替換成123*****1234的形式
// 填充標籤
$phone.innertext = phonestr;
} else
}).catch(function () )
}
getcode: function()
}, 1000);
直接在script下的變數為全域性變數
/* 宣告全域性變數
全域性變數，全域性都可以使用引用的變數
*/var man =
// 函式裡的變數為區域性變數
// add(){}裡的變數為區域性變數
function add()
區域性變數外部訪問不到，訪問就得呼叫函式
2.全域性作用域，在全域性作用域下宣告的變數是全域性變數，在script標籤裡面（子級）宣告的變數為全域性變數
/*自我總結：通過全域性變數可以方便js**的處理，全域性變數的可以放在
頭部按順序來排，(類似這個用到賣座專案裡面的話，後台資料的**由於是屬於全域性變數
可以放在home.html的body上面，這樣一來home.js檔案裡的**塊就可以很好的管理)*/
3.區域性作用域和區域性變數
// 函式就是乙個區域性作用域，裡面的變數為區域性變數
a.函式內部可以訪問函式外部的變數
b.函式外部不可以訪問函式內部的變數
c.多個作用域用作用域鏈進行鏈結
d.沒有塊級作用域(區分作用域是以函式作為區分條件)
關於js 原生原生鏈
可以這麼理解 1 所有的引用型別都有乙個 proto 隱式原型 屬性，屬性值是乙個普通的物件 2 所有的函式都有乙個prototype 顯示原型 屬性，屬性值是乙個普通的物件 3 所有引用型別都有乙個constructor 建構函式 屬性，該屬性 是乙個指標 指向它的建構函式 4 所有引用型別的 p...
JS專案 用原生JS實現頁碼外掛程式 遇到的問題
類名之間的空格問題 在寫js是沒空格，導致樣式失效選擇不上 應該在pager item後加上空格，正確 2.又是類選擇器的問題，及其同級類名之間沒有空格 正確 3.我很無奈的錯誤 寫懵了，怎麼可能是物件下面的函式？保持清醒！this.options.createpageritem number cl...
原生JS時鐘
charset utf 8 無標題文件title id css wrap wrap ul wrap ul li 鐘錶一圈是360度，一共12個小時 每個小時之間差360 12 30度，每個小時之間差有5個格，所以每個小格之間是30 5 6度 wrap ul li nth of type 1 wrap...