Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
位小伙伴,接下來講解html基礎(chǔ)部分的填空題的講解。
·在html標(biāo)準(zhǔn)中一系列的集合主要包括結(jié)構(gòu)、表現(xiàn)和行為,在這里面不建議各位寫英文。
·接下來在這里面htm要通過將網(wǎng)站與網(wǎng)頁之間各個元素鏈接起來并且構(gòu)成豐富多彩。在這個頁面里面是不是點(diǎn)擊任意的下拉或者對應(yīng)的內(nèi)容有什么?是不是有對應(yīng)的頁面跳轉(zhuǎn)在這里面就是超鏈接。
·在html中可以應(yīng)用tr,這里面就是行標(biāo)來設(shè)置當(dāng)前的垂直屬性,就是we alone。
·在這里面網(wǎng)頁的跟標(biāo)記是html主體標(biāo)記是標(biāo)題,標(biāo)記是主體標(biāo)題是body標(biāo)題,標(biāo)題是tatto。
·在html標(biāo)準(zhǔn)中結(jié)構(gòu)標(biāo)準(zhǔn)用于對網(wǎng)頁元素進(jìn)行整理和分類,包括xml和xhtml。
·選擇題、填空題做一遍下來都有對應(yīng)的答案了是吧?什么標(biāo)記在最前面不用講了,就是文檔類型標(biāo)記。
·在這里面也可以再讀一遍這句話,網(wǎng)頁當(dāng)中常見的圖片格式有g(shù)pg、png和jpg格式。htm有一個中文翻譯,超文本標(biāo)記語言這個字也要記住,這里面就對應(yīng)的一個內(nèi)容的縮寫。
·在這里面常用于對于術(shù)語和名詞的解析和描述。
·列表沒有任何的項(xiàng)目符號,u l無需列表有沒有符號?有ol有沒有有序列表有沒有符號?有一二三四,一個是點(diǎn)方形和圓圈對不對?那就只有哪一個定義列表?d l、d t跟d d。
·當(dāng)to gate等于什么的時候打開新頁面是blank,在這里面記得加個下劃線。
·html中spin標(biāo)記屬于行內(nèi)標(biāo)記。html中什么標(biāo)記用于設(shè)置當(dāng)前表格的表頭?t h標(biāo)記。t h是標(biāo)題標(biāo)記表格的標(biāo)題標(biāo)記。
·在網(wǎng)頁中列表通常分為三類分別定義,分別是什么?有序、無序和定義。但友情提示,不要寫中文,中文完了之后還補(bǔ)英文的內(nèi)容,因?yàn)楦袷绞沁@樣子的。如果在這里面把后面忽略掉,也可以把后面內(nèi)忽略掉。
·在圖像中什么屬性用于設(shè)置鼠標(biāo)懸停的時候的提示文字?記住懸停不是未加載,所以是title out是加載不出來的時候顯示。
·在html中文本標(biāo)記負(fù)責(zé)給文本添加語義,其中he標(biāo)記為文本添加標(biāo)題,就主標(biāo)題,標(biāo)題用來添加段落。一般情況下寫標(biāo)題也應(yīng)該沒問題,只能說一般情況,但是建議按照參考答案走,如果參考答案是錯的不要按照參考答案走。
·在input標(biāo)記中什么是用來指定不同類型的空間?肯定是tap,input標(biāo)簽又稱之為變色龍標(biāo)簽。隨著tap的值不同,它的狀態(tài)和效果也是不同的。
·設(shè)置訪問超鏈接的樣子需要給a標(biāo)簽添加css樣式的尾類是什么?就是list,因?yàn)閘ist表示已經(jīng)訪問。html語言主要通過什么?對當(dāng)前的內(nèi)容進(jìn)行描述肯定是通過標(biāo)記。htm標(biāo)記單擊網(wǎng)頁抄鏈接默認(rèn)的情況下發(fā)送的請求方式為get。
在通常將標(biāo)記分為單標(biāo)跟雙標(biāo),其中什么是指當(dāng)前一個標(biāo)記符號即可以完整的描述當(dāng)前功能?肯定是單標(biāo)記。image標(biāo)簽表示一個圖像信息,它有一個必須要指定的屬性來指定路徑,那就src。在這里面各要知道link標(biāo)記、a標(biāo)記還有js的標(biāo)記常用的外列的標(biāo)記是哪幾個?這個要懂。
a標(biāo)簽用的是客服,image用的是src,放的標(biāo)記就是放的指的是字體樣式,可以指什么屬性可以指定當(dāng)前的文本顏色,那就卡了。英文單詞自己記,不要寫錯了。
若請求u i r地址為當(dāng)前的內(nèi)容,則ht t p請求中的host表示主機(jī)地址就是對應(yīng)的網(wǎng)址。在這里面填空題就給大家說完了,謝謝。
剛創(chuàng)建了這個樣式綁定,看看如何用類綁定替換它,以便可以使用類綁定,而不是內(nèi)聯(lián)樣式。這里不使用這種風(fēng)格綁定,類綁定有特殊的語法,提供了一個對象,但屬性名是想要的,所以將應(yīng)用一個銷售邊界類。也設(shè)置了一個表達(dá)式返回true或fault,要把這個設(shè)為selectedrobot head onsale。
現(xiàn)在如果機(jī)器人頭部在出售,將應(yīng)用sale邊界,把那個類添加到樣式中。下面這里在part類下面將添加一個sailborder類,它將有一個border屬性,有一個3像素的實(shí)紅色邊框。現(xiàn)在在上面的部件類之后添加sail邊框類是很重要的,因?yàn)榭梢栽谶@里看到實(shí)際應(yīng)用到元素上的部件類有一個灰色邊框,希望在應(yīng)用。
這不是一個人的問題,只是一般的C-S-S問題。可以看到正在使用的div有一個類屬性和一個類綁定,這是很重要的一點(diǎn),可以同時擁有類屬性和類綁定。現(xiàn)在樣式綁定之前使用了頭部邊界樣式計(jì)算機(jī)屬性,不再需要它了,現(xiàn)在如果在瀏覽器中看一下應(yīng)該可以正常工作了,所以現(xiàn)在得到了條件樣式,但它是使用CSS類而不是樣式綁定來應(yīng)用的,這很酷。
當(dāng)然可以通過添加附加屬性向其中添加多個類,所以可以在這里添加另一個類并將它設(shè)置為另一個表達(dá)式。如果在這里添加很多條件類,這可能會變得相當(dāng)復(fù)雜,因此如果想在組件中進(jìn)行一系列計(jì)算以確定應(yīng)用哪些類,可以將這個類屬性綁定到一個計(jì)算機(jī)屬性上。
通過樣式綁定還可以在這里使用數(shù)組而不是使用這個對象,可以使用數(shù)組,可以在這里提供一個類名,然后它會一直應(yīng)用那個類,在頭部出售時才會再次應(yīng)用這個帆邊界類,就像以前一樣,但這對于模板來說有點(diǎn)復(fù)雜,把這個設(shè)為borderclasscomputer屬性,然后回到下面這個組件中。
在創(chuàng)建了選定的機(jī)器人之后可以把現(xiàn)在有了一個計(jì)算機(jī)屬性,在傳遞給類finding的數(shù)組中使用計(jì)算機(jī)屬性,可以看到,但現(xiàn)在由于在類綁定中使用數(shù)組,可以通過在這里提供頂部和部分類來將這個類屬性和這個類綁定連接在一個綁定中,條件地應(yīng)用基于計(jì)算機(jī)屬性的銷售邊界類,現(xiàn)在這也很有效。酷我喜歡最后的語法就這樣吧。
有最后一種方法可以看有條件應(yīng)用的樣式,那就是在組件樣式中使用綁定,下面來看一下。
文首發(fā)自「慕課網(wǎng)」,想了解更多IT干貨內(nèi)容,程序員圈內(nèi)熱聞,歡迎關(guān)注!
JavaScript 是一種弱類型的語言,且函數(shù)是一等公民,因此在代碼的組織上非常靈活,有非常多的方法可以實(shí)現(xiàn)代碼的復(fù)用。
“函數(shù)是一等公民”的意思,即函數(shù)和其他的類型一樣,并沒有什么特殊。因此在 JavaScript 中,函數(shù)可以和其他類型的數(shù)據(jù)一樣,被當(dāng)成值返回、被當(dāng)成參數(shù)傳遞、被不同的變量賦值/引用等。
具體到代碼復(fù)用方面,在 JavaScript 中被使用最廣泛的就是類和 Mixin。
類,即 Class,在 Java 等語言中,類是最基本的概念,所有的代碼都要基于類來編寫。對類一個最直觀的理解是“它是對象的藍(lán)本,對象的形狀由類的定義來決定”。因此,只要我們將需要復(fù)用的代碼封裝到類中,然后在不同的場合都使用這個類的實(shí)例,就可以在各種不同的場合來復(fù)用這些相同的代碼。
如果我們希望復(fù)用一部分代碼,但是又希望不同場合的對象形狀是不同的,則可能需要使用類的繼承:將需要復(fù)用的代碼放到基類中,將不同的部分放入不同的子類中,然后不同場合視需要使用不同子類的實(shí)例,但這些實(shí)例仍然可以共享基類的方法和成員,從而實(shí)現(xiàn)代碼復(fù)用。
class Animal{
constructor() {
this.head = 1;
}
eat() {
}
}
class Cat extends Animal{
constructor() {
super();
this.legs = 4;
}
makeSound() {
console.log('miao');
}
}
在這個例子中,我們定義了一個類Animal,它頭(head)的數(shù)量為1,并且有eat()方法。接下來有一個Cat類繼承自Animal類,它加上了自定義的成員legs和makeSound(),并且從基類Animal中繼承了head和eat(),因此它既可以使用自定義的成員,也可以利用基類的成員,這便是繼承復(fù)用代碼的方式。
在 ES6 之前,JavaScript 中是沒有正統(tǒng)的“類”的概念的,這也是 JavaScript 飽受誤解的一個重要來源:習(xí)慣了使用“類”來組織代碼的開發(fā)者來到了 JavaScript 的世界后,發(fā)現(xiàn)他們熟悉的概念和模式都不見了,因此覺得這門語言本身是有非常大的缺陷甚至是“玩具語言”。
但是因?yàn)?JavaScript 在設(shè)計(jì)之初有參考一些 Java 的概念,加上它非常靈活,懂這門語言的開發(fā)者仍然可以使用一些方法來模擬類,從而將經(jīng)典的基于類的概念和模式引入 JavaScript 中。這些方法中使用最廣泛的就是“構(gòu)造函數(shù)”加“基于原型的繼承”。
上面的例子用構(gòu)造函數(shù)和基于原型的繼承,寫起來類似這樣:
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 加上了“類”的概念,但它在概念和性質(zhì)上與基于原型的類模擬相差不多,在日常使用的場景下,基本上可以認(rèn)為它們是相同的。
而有時候?yàn)榱舜a的靈活或者兼容,開發(fā)者仍然會使用 ES6 之前的類的寫法,Vue 源代碼中亦是如此。為了避免無謂的爭論,后文中將不區(qū)分 ES6 的類和 ES5 基于原型的模擬類,而統(tǒng)稱為“類”。
Mixin 在一些中文文檔中也被稱為“混入”或者“混元”,是另一種實(shí)現(xiàn)代碼復(fù)用的方式。在具體的原理上,類主要通過“繼承”來復(fù)用代碼,而 Mixin 則主要是通過“組合”。
Mixin 的具體做法是:定義一些單獨(dú)的方法,然后在某一些時機(jī)(例如初始化),動態(tài)地修改當(dāng)前使用的對象,將這些方法掛載到對象上去,從而實(shí)現(xiàn)不同對象中都可以使用同一個方法。這種行為充分地復(fù)用了 JavaScript 語言的動態(tài)性,在運(yùn)行時修改對象,從而改變對象的行為,實(shí)現(xiàn)代碼復(fù)用。
例如在 Vue 的構(gòu)造函數(shù)定義中,就使用了一系列的 mixin 來擴(kuò)展 Vue 類型的方法,以initMixin()為例:
export function initMixin (Vue: Class<Component>) {
Vue.prototype._init = function (options?: Object) {
}
}
當(dāng)initMixin()被調(diào)用時,就會在傳入的Vue變量(Vue 構(gòu)造函數(shù))的原型上添加_init()方法。
Vue 中大量使用了類似上面示例的 Mixin,從而使得功能代碼可以分散在不同的代碼文件中,從而保持代碼結(jié)構(gòu)簡單。
繼承和 Mixin 都能很好地達(dá)到代碼復(fù)用的目的,但它們也有各自的優(yōu)缺點(diǎn)。
當(dāng)繼承使用過多時,容易出現(xiàn)一些問題,例如繼承層數(shù)過多、大量覆蓋父類實(shí)現(xiàn)等,使用不當(dāng)時會導(dǎo)致代碼難以維護(hù)。關(guān)于這一點(diǎn),可以參考更多的資料,例如被廣泛流傳的“組合優(yōu)于繼承”的說法,在此不再贅述。
Mixin 也有一些缺點(diǎn),例如代碼組織過于靈活,很容易導(dǎo)致代碼間的互相引用混亂,從而影響可維護(hù)性。
因此在實(shí)際使用中,選擇使用繼承還是使用 Mixin 來組織代碼并不是一個有明確答案的問題,需要根據(jù)實(shí)際情況來進(jìn)行取舍。Vue 中大量使用了 Mixin 來組織代碼。
了解類和 Mixin 有助于我們從宏觀上去構(gòu)架代碼,從而使文件組織更合理,代碼結(jié)構(gòu)更可讀。而具體到 Vue 源碼上,則能幫助我們撥開 Vue 源碼結(jié)構(gòu)上的迷霧,使我們在閱讀 Vue 源碼時不被與類和 Mixin 有關(guān)的代碼干擾,從而更好地理解 Vue 的代碼組織形式和各個部分的實(shí)現(xiàn)原理。
歡迎關(guān)注「慕課網(wǎng)」,發(fā)現(xiàn)更多IT圈優(yōu)質(zhì)內(nèi)容,分享干貨知識,幫助你成為更好的程序員!
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。