摘要:網(wǎng)站樣式減少冗余和污染不濫用選擇器網(wǎng)站行為對(duì)人類(lèi)友好,多注釋?zhuān)獮榱藢?xiě)功能而寫(xiě)代碼,盡量不要為了炫技而寫(xiě)語(yǔ)法糖。 前言 見(jiàn)解有限,如有描述不當(dāng)之處,請(qǐng)幫忙指出,如有錯(cuò)誤,會(huì)及時(shí)修正。 為什么要寫(xiě)此文章?把自己感覺(jué)對(duì)的用文字的形式記錄下來(lái)。 1、網(wǎng)站欄目劃分 網(wǎng)站欄目劃分,在前端的角度看就是首頁(yè)和子頁(yè),在佛系點(diǎn)都是頁(yè)面,然而站在客戶(hù)的角度想,又有不同的答案,網(wǎng)站是一個(gè)企業(yè)的另一種展示。而...
摘要:對(duì)比步驟用對(duì)象來(lái)表達(dá)結(jié)構(gòu)標(biāo)簽名元素屬性唯一標(biāo)識(shí)子元素格式和父元素一樣有幾個(gè)子元素,用于計(jì)算當(dāng)前元素的索引,處于整個(gè)中的第幾個(gè),方便操作原對(duì)象原對(duì)象渲染成結(jié)構(gòu)修改原對(duì)象對(duì)比哪些節(jié)點(diǎn)被修改類(lèi)型,為標(biāo)簽名改變,為子元素改變刪除或添加,為屬性改變, dom對(duì)比步驟 1.用js對(duì)象來(lái)表達(dá)dom結(jié)構(gòu) tagName 標(biāo)簽名props 元素屬性key 唯一標(biāo)識(shí)children 子元素,格式和父元素一...
摘要:不同的塊級(jí)元素的行系統(tǒng)各自獨(dú)立,就算它們有父子關(guān)系。再次注意控制的是內(nèi)聯(lián)元素在其所在行的行內(nèi)居中,它只對(duì)帶有特性的元素起作用,包括內(nèi)聯(lián)塊元素。其實(shí)這個(gè)值對(duì)于行中的內(nèi)聯(lián)塊元素同樣有效。 哪里說(shuō)起呢?就從一道老生常談的前端面試題開(kāi)始吧。 塊級(jí)元素與行內(nèi)元素 問(wèn):塊級(jí)元素和行內(nèi)元素有什么區(qū)別? 估計(jì)各位同學(xué)都在各種前端面試中被問(wèn)到過(guò),當(dāng)然也在各種網(wǎng)站上搜尋過(guò)答案。要真正羅列兩者的區(qū)別可以找到...
摘要:技術(shù)我們使用一些特殊的選擇器,然后配合單選框以及復(fù)選框自帶的一些特性,可以實(shí)現(xiàn)元素的顯示隱藏效果。當(dāng)接口返回的分?jǐn)?shù)是分的時(shí)候,剛好占據(jù)一半的星星,星半,只要計(jì)算出百分比就行,只用管數(shù)據(jù),用上數(shù)據(jù)驅(qū)動(dòng)的特點(diǎn)來(lái)動(dòng)態(tài)展示樣式這個(gè)簡(jiǎn)直不要太容易。 最近做的一個(gè)項(xiàng)目涉及到評(píng)分和展示分?jǐn)?shù)的模塊,UI設(shè)計(jì)師也給了幾個(gè)切好的圖片,實(shí)現(xiàn)五角星評(píng)分方式很多,本質(zhì)愛(ài)折騰的精神和對(duì)性能追求以及便于維護(hù)的考慮,...
摘要:只要沒(méi)有被覆蓋的話對(duì)象原型的屬性就能在所有的實(shí)例中找到,若整個(gè)原型鏈未找到則返回如何實(shí)現(xiàn)繼承構(gòu)造繼承原型繼承實(shí)例繼承拷貝繼承原型機(jī)制或和方法去實(shí)現(xiàn)較簡(jiǎn)單,建議使用構(gòu)造函數(shù)與原型混合方式。 HTML相關(guān)問(wèn)題 1.XHTML和HTML有什么區(qū)別 HTML是一種基本的WEB網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言,XHTML是一個(gè)基于XML的標(biāo)記語(yǔ)言最主要的不同:XHTML 元素必須被正確地嵌套。XHTML 元素必須被...