1,從網(wǎng)頁(yè)輸入框得到的 數(shù)據(jù) 一定是字符串
2,使用switch case范圍判斷
2,遍歷數(shù)組使用for循環(huán) 卷玉, 遍歷對(duì)象使用for in循環(huán)
3,
1)算數(shù)運(yùn)算符 + - * / %兩邊的數(shù)據(jù)要轉(zhuǎn)換成數(shù)字來(lái)運(yùn)算
2)邏輯運(yùn)算符 && 、||、!兩邊要看成布爾值來(lái)運(yùn)算 結(jié)果不一定為布爾值
3)運(yùn)算符 ==兩邊要轉(zhuǎn)換成數(shù)字來(lái)比較是否相等
運(yùn)算符===兩邊先比較類(lèi)型是否相等 再比較數(shù)字是否相等
結(jié)果輸出都為布爾值
4,console.log("bb")直接輸出bb购城,沒(méi)有任何返回值舌厨,返回值為undefined
5,立即執(zhí)行就是「用完即走」居砖,不用立即執(zhí)行的話(huà),就會(huì)留下全局變量
6驴娃,[].forEach === Array.prototype.forEach 奏候,這就可以避免以 [ 開(kāi)頭
7,js中bind唇敞、call蔗草、apply函數(shù)的用法
8咒彤,setTimeout的第一個(gè)參數(shù)必須為回調(diào)函數(shù)
如果直接寫(xiě)成res.send(dates)
報(bào)錯(cuò):
9,隨機(jī)獲取某個(gè)json數(shù)組里面的字符串咒精,時(shí)獲取的字符串?dāng)?shù)組里面沒(méi)有重復(fù)的字符串
方法:
隨機(jī)獲取一個(gè)字符串
刪除json數(shù)組里面獲取的這個(gè)字符串 arr.splice(nowindex,1)
10镶柱,獲取頁(yè)面中嵌入的頁(yè)面
使用window來(lái)獲取:
11模叙,函數(shù)和對(duì)象的區(qū)別
Date <- 函數(shù)
Date() <- Date 對(duì)象
Date().getTime()
var d = Date() // Date 對(duì)象
d.getTime()
一句話(huà)做兩件事是誤解之源
12歇拆,函數(shù)調(diào)用完畢,里面的變量如果被返回(未來(lái)不可能被調(diào)用)范咨,那么立即銷(xiāo)毀
13故觅,
花括號(hào):塊作用域
函數(shù):函數(shù)作用域(js的作用域)
14,
let:聲明變量的作用域是塊級(jí)或其子塊的作用域下的變量
var:聲明的變量是全局或函數(shù)或子函數(shù)作用域下的變量
要特別注意下面的區(qū)別渠啊!
第一種
var i=0;
function(){
var i=2
}
console.log(i)//0 函數(shù)里面的var i=2是函數(shù)里面的作用域输吏,新的i變量,因?yàn)楹瘮?shù)里面是他自己的一個(gè)作用域
第二種
var i=0;
function(){
i=2
}
console.log(i)//2 函數(shù)里面把全局域i賦值為2昭抒,改變了i的值
15评也,Google瀏覽器調(diào)試時(shí)模擬斷網(wǎng)
16.Google搜索網(wǎng)上批量生產(chǎn)圖片,制造src
batch(批量) image tag(標(biāo)簽)
17灭返,在項(xiàng)目中引入jQuery的方法
Google搜索:baidu cdn=>引入jQuery的網(wǎng)絡(luò)地址
通過(guò)npm引入:npm i jquery
18,在webstorm里面直接在html文件映入不存在但是想要?jiǎng)?chuàng)建的文件盗迟,直接引入,webstorm發(fā)現(xiàn)不存在會(huì)提醒你沒(méi)有文件是否要?jiǎng)?chuàng)建熙含,是罚缕,則它直接幫你創(chuàng)建
19,縮寫(xiě)
jfc:c=>justify-container:center
20,圖片懶加載的時(shí)候:
圖片出現(xiàn)加載的處理方法:
image.src=image.getAttribuite("data-src")
21,當(dāng)不知道滾動(dòng)距離的時(shí)候怎静,通過(guò)Google搜索代碼的書(shū)寫(xiě)方式
搜索關(guān)鍵字:
js get scorll top
22,驗(yàn)證網(wǎng)頁(yè)上某段距離時(shí)邮弹,使用尺子
QQ截圖的尺子
23,寫(xiě)代碼時(shí)蚓聘,需要每步檢驗(yàn)自己代碼的正確性腌乡,console.log走天下
只需要在webstorm xx.log=>console.log(xx)
API不熟:大膽猜測(cè),打印出來(lái)看結(jié)果
24夜牡,webstorm的變量命名重構(gòu)功能
25与纽,查看效果時(shí)不要使用fille協(xié)議,使用http協(xié)議
方法一:使用webstorm打開(kāi)的頁(yè)面是localhost協(xié)議塘装,http協(xié)議
方法二:使用npm i -g node static來(lái)把項(xiàng)目轉(zhuǎn)換成http協(xié)議
連接
26,Google搜索可視區(qū)的高度
js get viewport height
得到獲取可視區(qū)高度的js代碼
27急迂,關(guān)于網(wǎng)頁(yè)上的一些基本距離
圖片頂部距文檔頂部的距離:$img.offset().top
滾動(dòng)高度:window.scorllY
屏幕可視區(qū)高度:$(window).height()
28,clearInterval是一個(gè)全局API 清除鬧鐘: window.clearInterval(timeid)
29蹦肴,要Google搜索suggestion的相關(guān)寫(xiě)法
Google關(guān)鍵字:jQuery suggestion plugin(插件)
30僚碎,函數(shù)也有l(wèi)ength
31,
把一個(gè)數(shù)組看成對(duì)象
var array=[1,2,3,4]
在對(duì)象上添加屬性
array1.previousSelection=array
訪(fǎng)問(wèn)或獲取數(shù)組上面添加的屬性
console.log(array1.previousSelection)
32,不能把string看成對(duì)象 甚至給string添加屬性或方法
綜上所述:字符串不是對(duì)象 數(shù)組是對(duì)象 函數(shù)也是對(duì)象
在String 的原型鏈上添加函數(shù)是允許的 并且可以在字符串的實(shí)例上調(diào)用 如下
33,apply在 Math.max()的一個(gè)特殊的用法
由于直接向Math.max傳入數(shù)組的引用對(duì)象 是不能找到最大值 所以借用apply傳入 數(shù)組的引用
34,繼承
繼承屬性:
繼承方法
方法一:
自造一個(gè)proto對(duì)象 來(lái) 保存繼承父類(lèi)的原型方法
子類(lèi)結(jié)構(gòu):
方法二:
需要注意的一個(gè)點(diǎn):
子類(lèi)結(jié)構(gòu):
方法三:
子類(lèi)結(jié)構(gòu):
me.hasOwnpropertype(屬性或方法)
不在原型上 true
在原型上 false
34,給字符串原型上添加API方法
35阴幌,關(guān)于類(lèi)數(shù)組對(duì)象使用數(shù)組API報(bào)錯(cuò)的一個(gè)案例
36
37inline-block造成的問(wèn)題
怎么辦勺阐?