開發web前端 web前端 開發筆記

2021-10-12 20:47:07 字數 1417 閱讀 6513

我是孟噠噠一名web前端開發工程師,今天給大家分享一下web前端是的一些筆記應用,希望對你們有幫助。

物件導向是乙個開發思想,它把注意點都放到了物件上。

物件導向強調的幾個概念:

1、類:類是一批具備相同屬性和行為的事物的抽象,為什麼是抽象?因為不是具體的,也就是說不是實實在在存在的東西(看不見摸不著)

2、物件:物件是類的乙個例項化,物件就應該具備這個類所有描述的行為和屬性;任何兩個物件都是不同的

3、屬性:屬性是用來描述類的靜態特徵的(變數)

4、方法:方法是用來描述類的動態特徵的(函式)

現實生活中,我們已知的事物都有類別;如何劃分的這些不同類別?是根據事物的靜態特徵和動態表現來劃分的;其實就是我們在程式裡面的屬性和方法;

類就是用來描述屬性和方法的

一、class基礎語法

在es6裡面定義乙個類,使用class關鍵字

class animal{}

建議類名字首字母大寫

二、class中屬性的初始化

web前端在es6的class裡面,提供了乙個內建的方法:constructor;專門用來負責物件的初始化;這個方法不要顯示呼叫,在new例項化的時候自動會被呼叫:

三、靜態和成員的理解

1、在class類裡面描述的屬性和方法,其實都有兩種:1、成員屬性|成員方法;2、靜態屬性|靜態方法;它們兩者的語法區別很簡單,有static關鍵字修飾的屬性和方法就是靜態的,沒有的就是成員的

2、使用成員和靜態的區別:

1、成員的屬性和方法只能由例項化的物件去呼叫

2、靜態的屬性和方法只能由類名字取呼叫

3、靜態屬性和方法的場景和注意點:

1、constructor方法是用來初始化物件的屬性和方法的(也就是成員屬性和方法),不能初始化靜態的;只有呼叫new例項化的時候constructor才會自動呼叫,靜態方法的呼叫constructor不會執行

2、靜態的屬性可以在宣告屬性的時候,直接初始化,比如:static type='動物';後面不會被覆蓋嗎?不會,因為我們的類名字是唯一的,再定義同名類會報錯;類名字的唯一性就確定了它裡面靜態屬性和方法是唯一的

3、我們什麼時候該使用靜態的,什麼時候該使用成員的?在你不清楚的時候請使用成員的;靜態的特點就是只有乙份屬性和方法資料;成員的特點就是隨著不同物件的初始化,每個物件都具備他們各自的屬性和方法(很多份屬性和方法)

4、靜態的好處是使用方便,不需要new;直接類名字就可以使用

四、繼承

es6裡面使用extends關鍵字完成繼承;

1、constructor方法在繼承類裡面的使用注意

希望對於web前端的愛好者有幫助

我是孟噠噠

Web前端開發相關

1 優雅降級指的是 一開始就制定完美的計畫,然後先在主流的瀏覽器中測試實現功能,最後在老一點版本,不常用的版本中測試實現,如果不能完全達到我們的要求,這時我們的原則是盡量去實現,如果還是沒辦法,那就適當減少功能,在這個過程中,我們可能會用到特性檢測 特性檢測指的是測試瀏覽器是否支援某個特性或者方法 ...

WEB 前端開發何去何從

公司專案關係,前段時間招募了四五個新人。共事一段時間後,發現乙個問題,就是新人的html,js基礎普遍太差。框架頁不會呼叫,說沒有用過。js函式也是寫的痛苦不堪。問問其中一位,居然以為jsp這塊應該是美工或者專門乙個人來做的。服了。不過,這兩天我在想,是不是應該設計一套模板或者元件之類的,提高新手入...

Web前端開發學習

網際網路在2005年以後就步入了乙個web2.0時代了,各種相似桌面軟體的web應用大量的出現,讓 前端也發生了很大的變化。而不再只是個單一的只顯示文字和,各種 新聞使得網頁內容更加生動,使用者也通過了網頁上軟體化互動形式得到了更好的體驗,但這些都是基於前端技術才得以實現的。web前端開發 web前...