1,從網頁輸入框得到的 數據 一定是字符串

圖片.png

2,使用switch case范圍判斷

圖片.png

2,遍歷數組使用for循環 ， 遍歷對象使用for in循環

3,

1）算數運算符 + - * / %兩邊的數據要轉換成數字來運算

圖片.png

2）邏輯運算符 && 、||、!兩邊要看成布爾值來運算 結果不一定為布爾值
3）運算符 ==兩邊要轉換成數字來比較是否相等
運算符===兩邊先比較類型是否相等 再比較數字是否相等
結果輸出都為布爾值

4，console.log("bb")直接輸出bb，沒有任何返回值，返回值為undefined

5，立即執行就是「用完即走」，不用立即執行的話，就會留下全局變量

6，[].forEach === Array.prototype.forEach ，這就可以避免以 [ 開頭

7，js中bind、call、apply函數的用法

8，setTimeout的第一個參數必須為回調函數

圖片.png

如果直接寫成res.send(dates)
報錯：

圖片.png

9，隨機獲取某個json數組里面的字符串，時獲取的字符串數組里面沒有重復的字符串

方法：
隨機獲取一個字符串
刪除json數組里面獲取的這個字符串 arr.splice(nowindex,1)

10，獲取頁面中嵌入的頁面

使用window來獲取：

圖片.png

11，函數和對象的區別

Date <- 函數
Date() <- Date 對象

Date().getTime()

var d = Date() // Date 對象
d.getTime()

一句話做兩件事是誤解之源

12，函數調用完畢，里面的變量如果被返回（未來不可能被調用），那么立即銷毀

圖片.png

圖片.png

13，

花括號：塊作用域
函數：函數作用域（js的作用域）

14，

let:聲明變量的作用域是塊級或其子塊的作用域下的變量
var:聲明的變量是全局或函數或子函數作用域下的變量

圖片.png

圖片.png

要特別注意下面的區別！

第一種

  var i=0;
  function(){
    var i=2
 }
console.log(i)//0     函數里面的var i=2是函數里面的作用域，新的i變量，因為函數里面是他自己的一個作用域

第二種

var i=0;
function(){
   i=2
 }
 console.log(i)//2      函數里面把全局域i賦值為2，改變了i的值

15，Google瀏覽器調試時模擬斷網

圖片.png

16.Google搜索網上批量生產圖片，制造src

batch(批量) image tag（標簽）

17，在項目中引入jQuery的方法

Google搜索：baidu cdn=>引入jQuery的網絡地址
通過npm引入：npm i jquery

圖片.png

圖片.png

18,在webstorm里面直接在html文件映入不存在但是想要創建的文件，直接引入，webstorm發現不存在會提醒你沒有文件是否要創建，是，則它直接幫你創建

19，縮寫

jfc:c=>justify-container:center

20,圖片懶加載的時候：

圖片出現加載的處理方法：
image.src=image.getAttribuite("data-src")

圖片.png

21,當不知道滾動距離的時候，通過Google搜索代碼的書寫方式

搜索關鍵字：
js get scorll top

22,驗證網頁上某段距離時，使用尺子

QQ截圖的尺子

23，寫代碼時，需要每步檢驗自己代碼的正確性，console.log走天下

只需要在webstorm xx.log=>console.log(xx)
API不熟：大膽猜測，打印出來看結果

24，webstorm的變量命名重構功能

圖片.png

25，查看效果時不要使用fille協議，使用http協議

方法一：使用webstorm打開的頁面是localhost協議，http協議
方法二：使用npm i -g node static來把項目轉換成http協議
連接

圖片.png

26,Google搜索可視區的高度

js get viewport height
得到獲取可視區高度的js代碼

27，關于網頁上的一些基本距離

圖片頂部距文檔頂部的距離：$img.offset().top
滾動高度：window.scorllY
屏幕可視區高度：$(window).height()

28，clearInterval是一個全局API 清除鬧鐘： window.clearInterval(timeid)

29，要Google搜索suggestion的相關寫法

Google關鍵字：jQuery suggestion plugin（插件）

30，函數也有length

圖片.png

31,

把一個數組看成對象
var array=[1,2,3,4]
在對象上添加屬性
array1.previousSelection=array
訪問或獲取數組上面添加的屬性
console.log(array1.previousSelection)

圖片.png

圖片.png

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

圖片.png

圖片.png

綜上所述：字符串不是對象 數組是對象 函數也是對象

在String 的原型鏈上添加函數是允許的 并且可以在字符串的實例上調用 如下

圖片.png

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

圖片.png

圖片.png

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

34,繼承

繼承屬性：

圖片.png

圖片.png

圖片.png

方法二：
需要注意的一個點：

圖片.png

圖片.png

子類結構：

圖片.png

方法三：

圖片.png

子類結構：

圖片.png

完整代碼

圖片.png

圖片.png

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

圖片.png

35，關于類數組對象使用數組API報錯的一個案例

圖片.png

圖片.png

圖片.png

圖片.png

例子代碼

36

圖片.png

37inline-block造成的問題

圖片.png

怎么辦？

圖片.png

圖片.png

38，緩存

圖片.png

圖片.png

39，組件里面一個注意的寫法

圖片.png

40，google瀏覽器調試

圖片.png

圖片.png