零碎知識(shí)

1,從網(wǎng)頁(yè)輸入框得到的 數(shù)據(jù) 一定是字符串

圖片.png

2,使用switch case范圍判斷

圖片.png

2,遍歷數(shù)組使用for循環(huán) 卷玉, 遍歷對(duì)象使用for in循環(huán)

3,

1)算數(shù)運(yùn)算符 + - * / %兩邊的數(shù)據(jù)要轉(zhuǎn)換成數(shù)字來(lái)運(yùn)算

圖片.png

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ù)

圖片.png

如果直接寫(xiě)成res.send(dates)
報(bào)錯(cuò):

圖片.png

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)獲取:

圖片.png

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)毀

圖片.png
圖片.png

13故觅,

花括號(hào):塊作用域
函數(shù):函數(shù)作用域(js的作用域)

14,

let:聲明變量的作用域是塊級(jí)或其子塊的作用域下的變量
var:聲明的變量是全局或函數(shù)或子函數(shù)作用域下的變量

圖片.png
圖片.png
要特別注意下面的區(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)

圖片.png

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

圖片.png
圖片.png

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")


圖片.png

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)功能

圖片.png

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é)議
連接

圖片.png

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

圖片.png

31,

把一個(gè)數(shù)組看成對(duì)象
var array=[1,2,3,4]
在對(duì)象上添加屬性
array1.previousSelection=array
訪(fǎng)問(wèn)或獲取數(shù)組上面添加的屬性
console.log(array1.previousSelection)

圖片.png
圖片.png

32,不能把string看成對(duì)象 甚至給string添加屬性或方法

圖片.png
圖片.png

綜上所述:字符串不是對(duì)象 數(shù)組是對(duì)象 函數(shù)也是對(duì)象

在String 的原型鏈上添加函數(shù)是允許的 并且可以在字符串的實(shí)例上調(diào)用 如下


圖片.png

33,apply在 Math.max()的一個(gè)特殊的用法

圖片.png
圖片.png

由于直接向Math.max傳入數(shù)組的引用對(duì)象 是不能找到最大值 所以借用apply傳入 數(shù)組的引用

34,繼承

繼承屬性:

圖片.png

繼承方法
方法一:
自造一個(gè)proto對(duì)象 來(lái) 保存繼承父類(lèi)的原型方法
圖片.png

子類(lèi)結(jié)構(gòu):

圖片.png

方法二:
需要注意的一個(gè)點(diǎn):

圖片.png
圖片.png

子類(lèi)結(jié)構(gòu):

圖片.png

方法三:

圖片.png

子類(lèi)結(jié)構(gòu):

圖片.png

完整代碼

圖片.png

me.hasOwnpropertype(屬性或方法)
不在原型上 true
在原型上 false
圖片.png

34,給字符串原型上添加API方法

圖片.png

35阴幌,關(guān)于類(lèi)數(shù)組對(duì)象使用數(shù)組API報(bào)錯(cuò)的一個(gè)案例

圖片.png
圖片.png
圖片.png
圖片.png

例子代碼

36

圖片.png

37inline-block造成的問(wèn)題

圖片.png

怎么辦勺阐?

圖片.png
圖片.png

38卷中,緩存

圖片.png
圖片.png

39,組件里面一個(gè)注意的寫(xiě)法

圖片.png

40皆看,google瀏覽器調(diào)試

圖片.png
圖片.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末仓坞,一起剝皮案震驚了整個(gè)濱河市背零,隨后出現(xiàn)的幾起案子腰吟,更是在濱河造成了極大的恐慌,老刑警劉巖徙瓶,帶你破解...
    沈念sama閱讀 216,591評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件毛雇,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡侦镇,警方通過(guò)查閱死者的電腦和手機(jī)灵疮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)壳繁,“玉大人震捣,你說(shuō)我怎么就攤上這事∧致” “怎么了蒿赢?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,823評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)渣触。 經(jīng)常有香客問(wèn)我羡棵,道長(zhǎng),這世上最難降的妖魔是什么嗅钻? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,204評(píng)論 1 292
  • 正文 為了忘掉前任皂冰,我火速辦了婚禮,結(jié)果婚禮上养篓,老公的妹妹穿的比我還像新娘秃流。我一直安慰自己,他們只是感情好柳弄,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,228評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布舶胀。 她就那樣靜靜地躺著,像睡著了一般语御。 火紅的嫁衣襯著肌膚如雪峻贮。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,190評(píng)論 1 299
  • 那天应闯,我揣著相機(jī)與錄音纤控,去河邊找鬼。 笑死碉纺,一個(gè)胖子當(dāng)著我的面吹牛船万,可吹牛的內(nèi)容都是我干的刻撒。 我是一名探鬼主播,決...
    沈念sama閱讀 40,078評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼耿导,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼声怔!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起舱呻,我...
    開(kāi)封第一講書(shū)人閱讀 38,923評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤醋火,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后箱吕,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體芥驳,經(jīng)...
    沈念sama閱讀 45,334評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,550評(píng)論 2 333
  • 正文 我和宋清朗相戀三年茬高,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了兆旬。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,727評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡怎栽,死狀恐怖丽猬,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情熏瞄,我是刑警寧澤脚祟,帶...
    沈念sama閱讀 35,428評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站巴刻,受9級(jí)特大地震影響愚铡,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜胡陪,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,022評(píng)論 3 326
  • 文/蒙蒙 一沥寥、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧柠座,春花似錦邑雅、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,672評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至吹泡,卻和暖如春骤星,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背爆哑。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,826評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工洞难, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人揭朝。 一個(gè)月前我還...
    沈念sama閱讀 47,734評(píng)論 2 368
  • 正文 我出身青樓队贱,卻偏偏與公主長(zhǎng)得像色冀,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子柱嫌,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,619評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 第5章 引用類(lèi)型(返回首頁(yè)) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類(lèi)型 使用基本類(lèi)型...
    大學(xué)一百閱讀 3,233評(píng)論 0 4
  • 書(shū)籍:子宮好锋恬,女人才好。 女性生命的美麗周期 進(jìn)度15 What 在女人的一生中有七年定律和肝腎定律在支配生育力的...
    陽(yáng)光下的曉碎碎閱讀 263評(píng)論 0 1
  • 吃過(guò)苦编丘,嘗過(guò)甜 轉(zhuǎn)眼一下到中年 好想啥都沒(méi)有干 還是從早忙到晚 心挺累呀与学,常厭倦 想想不都為了錢(qián) 好多菜米油鹽家務(wù)...
    54譚小姐閱讀 293評(píng)論 0 1
  • 成長(zhǎng) 人的延展性就是先把自己混的好,把自己營(yíng)銷(xiāo)的好瘪吏!多做Q⒎馈蜗巧!總之一句話(huà)自己目前看得多掌眠,想的多,但是做的少幕屹,需要不斷...
    三不主義閱讀 143評(píng)論 0 0
  • 豆蔻之年,別的女孩都在忙著早戀说敏,我只能選擇暗戀鸥跟。暗戀你曾經(jīng)是我生活里最幸福的一件事。 我總是很粗心盔沫,知道我倆是小學(xué)...
    鯨魚(yú)仙桃粥閱讀 249評(píng)論 1 2