1. 程式人生 > >JS基礎知識

JS基礎知識

也會 手機瀏覽 四種 自帶 以及 塊級作用域 函數 基礎知識 IT

。一.了解前段開發常用的瀏覽器

1.谷歌瀏覽器:Webkit內核(V8引擎)

webkit內核還包括 蘋果手機自帶的safari,大部分國產瀏覽器(360.搜狗,QQ,獵豹),安卓和 IOS大部分手機瀏覽器。

2.火狐瀏覽器:Gecko內核

3.歐朋瀏覽器:Presto內核

4.IE瀏覽器 :Trident內核

技術分享圖片

技術分享圖片

2.每個瀏覽器為了彰顯自己的不一樣,不按照標準來,但是把標準中規定的效果用另外一種方式實現了。比如W3C規範如果想在JS中獲取所有元素的樣式

window.getComputedStyle

currentStyle(IE)

三。JS基礎註意的地方

JS中導入代碼塊3種

技術分享圖片--

--同樣在CSS中,存在四種導入方式

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

同理,格式也會被轉換為字符。

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

ES6和ES5區別

1.定義變量的時候,ES5應用的是var,ES6應用的是let,ES6中使用let可以形成一個塊級作用域,能夠解決ES5中作用域以及嵌套的問題,然後在性能和代碼上都會有所優化。

2.ES6中增加的函數,能改變項目中的this指向。。。。

技術分享圖片

變量與常量

技術分享圖片

cont ES6新增

技術分享圖片

JS命名規則規範

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

第四種後期最常用。

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片技術分享圖片

因為第一次typeof不管檢側啥返回的都是一個字符串所以再檢側第二次第三次都是字符串。同理 alert也必彈出字符串。

技術分享圖片

技術分享圖片

技術分享圖片技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片 技術分享圖片

技術分享圖片技術分享圖片

Number(null) ->0

Number(undefined) ->NaN

雖然Number("12px")-NaN沒有錯,但某些情況下如果只為了獲取有效數字時就需要引進新的辦法:

技術分享圖片

技術分享圖片

技術分享圖片

JS基礎知識