位小伙伴，接下來講解html基礎部分的填空題的講解。

·在html標準中一系列的集合主要包括結構、表現和行為，在這里面不建議各位寫英文。

·接下來在這里面htm要通過將網站與網頁之間各個元素鏈接起來并且構成豐富多彩。在這個頁面里面是不是點擊任意的下拉或者對應的內容有什么？是不是有對應的頁面跳轉在這里面就是超鏈接。

·在html中可以應用tr，這里面就是行標來設置當前的垂直屬性，就是we alone。

·在這里面網頁的跟標記是html主體標記是標題，標記是主體標題是body標題，標題是tatto。

·在html標準中結構標準用于對網頁元素進行整理和分類，包括xml和xhtml。

·選擇題、填空題做一遍下來都有對應的答案了是吧？什么標記在最前面不用講了，就是文檔類型標記。

·在這里面也可以再讀一遍這句話，網頁當中常見的圖片格式有gpg、png和jpg格式。htm有一個中文翻譯，超文本標記語言這個字也要記住，這里面就對應的一個內容的縮寫。

·在這里面常用于對于術語和名詞的解析和描述。

·列表沒有任何的項目符號，u l無需列表有沒有符號？有ol有沒有有序列表有沒有符號？有一二三四，一個是點方形和圓圈對不對？那就只有哪一個定義列表？d l、d t跟d d。

·當to gate等于什么的時候打開新頁面是blank，在這里面記得加個下劃線。

·html中spin標記屬于行內標記。html中什么標記用于設置當前表格的表頭？t h標記。t h是標題標記表格的標題標記。

·在網頁中列表通常分為三類分別定義，分別是什么？有序、無序和定義。但友情提示，不要寫中文，中文完了之后還補英文的內容，因為格式是這樣子的。如果在這里面把后面忽略掉，也可以把后面內忽略掉。

·在圖像中什么屬性用于設置鼠標懸停的時候的提示文字？記住懸停不是未加載，所以是title out是加載不出來的時候顯示。

·在html中文本標記負責給文本添加語義，其中he標記為文本添加標題，就主標題，標題用來添加段落。一般情況下寫標題也應該沒問題，只能說一般情況，但是建議按照參考答案走，如果參考答案是錯的不要按照參考答案走。

·在input標記中什么是用來指定不同類型的空間？肯定是tap，input標簽又稱之為變色龍標簽。隨著tap的值不同，它的狀態和效果也是不同的。

·設置訪問超鏈接的樣子需要給a標簽添加css樣式的尾類是什么？就是list，因為list表示已經訪問。html語言主要通過什么？對當前的內容進行描述肯定是通過標記。htm標記單擊網頁抄鏈接默認的情況下發送的請求方式為get。

在通常將標記分為單標跟雙標，其中什么是指當前一個標記符號即可以完整的描述當前功能？肯定是單標記。image標簽表示一個圖像信息，它有一個必須要指定的屬性來指定路徑，那就src。在這里面各要知道link標記、a標記還有js的標記常用的外列的標記是哪幾個？這個要懂。

a標簽用的是客服，image用的是src，放的標記就是放的指的是字體樣式，可以指什么屬性可以指定當前的文本顏色，那就卡了。英文單詞自己記，不要寫錯了。

若請求u i r地址為當前的內容，則ht t p請求中的host表示主機地址就是對應的網址。在這里面填空題就給大家說完了，謝謝。

剛創建了這個樣式綁定，看看如何用類綁定替換它，以便可以使用類綁定，而不是內聯樣式。這里不使用這種風格綁定，類綁定有特殊的語法，提供了一個對象，但屬性名是想要的，所以將應用一個銷售邊界類。也設置了一個表達式返回true或fault，要把這個設為selectedrobot head onsale。

現在如果機器人頭部在出售，將應用sale邊界，把那個類添加到樣式中。下面這里在part類下面將添加一個sailborder類，它將有一個border屬性，有一個3像素的實紅色邊框。現在在上面的部件類之后添加sail邊框類是很重要的，因為可以在這里看到實際應用到元素上的部件類有一個灰色邊框，希望在應用。

這不是一個人的問題，只是一般的C-S-S問題?？梢钥吹秸谑褂玫膁iv有一個類屬性和一個類綁定，這是很重要的一點，可以同時擁有類屬性和類綁定?，F在樣式綁定之前使用了頭部邊界樣式計算機屬性，不再需要它了，現在如果在瀏覽器中看一下應該可以正常工作了，所以現在得到了條件樣式，但它是使用CSS類而不是樣式綁定來應用的，這很酷。

當然可以通過添加附加屬性向其中添加多個類，所以可以在這里添加另一個類并將它設置為另一個表達式。如果在這里添加很多條件類，這可能會變得相當復雜，因此如果想在組件中進行一系列計算以確定應用哪些類，可以將這個類屬性綁定到一個計算機屬性上。

通過樣式綁定還可以在這里使用數組而不是使用這個對象，可以使用數組，可以在這里提供一個類名，然后它會一直應用那個類，在頭部出售時才會再次應用這個帆邊界類，就像以前一樣，但這對于模板來說有點復雜，把這個設為borderclasscomputer屬性，然后回到下面這個組件中。

在創建了選定的機器人之后可以把現在有了一個計算機屬性，在傳遞給類finding的數組中使用計算機屬性，可以看到，但現在由于在類綁定中使用數組，可以通過在這里提供頂部和部分類來將這個類屬性和這個類綁定連接在一個綁定中，條件地應用基于計算機屬性的銷售邊界類，現在這也很有效?？嵛蚁矚g最后的語法就這樣吧。

有最后一種方法可以看有條件應用的樣式，那就是在組件樣式中使用綁定，下面來看一下。

文首發自「慕課網」，想了解更多IT干貨內容，程序員圈內熱聞，歡迎關注！

JavaScript 是一種弱類型的語言，且函數是一等公民，因此在代碼的組織上非常靈活，有非常多的方法可以實現代碼的復用。

“函數是一等公民”的意思，即函數和其他的類型一樣，并沒有什么特殊。因此在 JavaScript 中，函數可以和其他類型的數據一樣，被當成值返回、被當成參數傳遞、被不同的變量賦值/引用等。

具體到代碼復用方面，在 JavaScript 中被使用最廣泛的就是類和 Mixin。

JavaScript 中的類

類，即 Class，在 Java 等語言中，類是最基本的概念，所有的代碼都要基于類來編寫。對類一個最直觀的理解是“它是對象的藍本，對象的形狀由類的定義來決定”。因此，只要我們將需要復用的代碼封裝到類中，然后在不同的場合都使用這個類的實例，就可以在各種不同的場合來復用這些相同的代碼。

如果我們希望復用一部分代碼，但是又希望不同場合的對象形狀是不同的，則可能需要使用類的繼承：將需要復用的代碼放到基類中，將不同的部分放入不同的子類中，然后不同場合視需要使用不同子類的實例，但這些實例仍然可以共享基類的方法和成員，從而實現代碼復用。

class Animal{
  constructor() {
    this.head = 1;
  }
  eat() {

  }
}

class Cat extends Animal{
  constructor() {
    super();
    this.legs = 4;
  }
  makeSound() {
    console.log('miao');
  }
}

在這個例子中，我們定義了一個類Animal，它頭（head）的數量為1，并且有eat()方法。接下來有一個Cat類繼承自Animal類，它加上了自定義的成員legs和makeSound()，并且從基類Animal中繼承了head和eat()，因此它既可以使用自定義的成員，也可以利用基類的成員，這便是繼承復用代碼的方式。

在 ES6 之前，JavaScript 中是沒有正統的“類”的概念的，這也是 JavaScript 飽受誤解的一個重要來源：習慣了使用“類”來組織代碼的開發者來到了 JavaScript 的世界后，發現他們熟悉的概念和模式都不見了，因此覺得這門語言本身是有非常大的缺陷甚至是“玩具語言”。

但是因為 JavaScript 在設計之初有參考一些 Java 的概念，加上它非常靈活，懂這門語言的開發者仍然可以使用一些方法來模擬類，從而將經典的基于類的概念和模式引入 JavaScript 中。這些方法中使用最廣泛的就是“構造函數”加“基于原型的繼承”。

上面的例子用構造函數和基于原型的繼承，寫起來類似這樣：

function Animal(){
  this.head = 1;
}
Animal.prototype.eat = function() {
};

function Cat(){
  this.legs = 4;
}
Cat.prototype = new Animal();
Cat.prototype.makeSound = function() {
    console.log('miao');
};

ES6 正式為 JavaScript 加上了“類”的概念，但它在概念和性質上與基于原型的類模擬相差不多，在日常使用的場景下，基本上可以認為它們是相同的。

而有時候為了代碼的靈活或者兼容，開發者仍然會使用 ES6 之前的類的寫法，Vue 源代碼中亦是如此。為了避免無謂的爭論，后文中將不區分 ES6 的類和 ES5 基于原型的模擬類，而統稱為“類”。

Mixin

Mixin 在一些中文文檔中也被稱為“混入”或者“混元”，是另一種實現代碼復用的方式。在具體的原理上，類主要通過“繼承”來復用代碼，而 Mixin 則主要是通過“組合”。

Mixin 的具體做法是：定義一些單獨的方法，然后在某一些時機（例如初始化），動態地修改當前使用的對象，將這些方法掛載到對象上去，從而實現不同對象中都可以使用同一個方法。這種行為充分地復用了 JavaScript 語言的動態性，在運行時修改對象，從而改變對象的行為，實現代碼復用。

例如在 Vue 的構造函數定義中，就使用了一系列的 mixin 來擴展 Vue 類型的方法，以initMixin()為例：

export function initMixin (Vue: Class<Component>) {
  Vue.prototype._init = function (options?: Object) {
  }
}

當initMixin()被調用時，就會在傳入的Vue變量（Vue 構造函數）的原型上添加_init()方法。

Vue 中大量使用了類似上面示例的 Mixin，從而使得功能代碼可以分散在不同的代碼文件中，從而保持代碼結構簡單。

使用繼承還是使用 Mixin

繼承和 Mixin 都能很好地達到代碼復用的目的，但它們也有各自的優缺點。

當繼承使用過多時，容易出現一些問題，例如繼承層數過多、大量覆蓋父類實現等，使用不當時會導致代碼難以維護。關于這一點，可以參考更多的資料，例如被廣泛流傳的“組合優于繼承”的說法，在此不再贅述。

Mixin 也有一些缺點，例如代碼組織過于靈活，很容易導致代碼間的互相引用混亂，從而影響可維護性。

因此在實際使用中，選擇使用繼承還是使用 Mixin 來組織代碼并不是一個有明確答案的問題，需要根據實際情況來進行取舍。Vue 中大量使用了 Mixin 來組織代碼。

小結

了解類和 Mixin 有助于我們從宏觀上去構架代碼，從而使文件組織更合理，代碼結構更可讀。而具體到 Vue 源碼上，則能幫助我們撥開 Vue 源碼結構上的迷霧，使我們在閱讀 Vue 源碼時不被與類和 Mixin 有關的代碼干擾，從而更好地理解 Vue 的代碼組織形式和各個部分的實現原理。

歡迎關注「慕課網」，發現更多IT圈優質內容，分享干貨知識，幫助你成為更好的程序員！