您現在的位置是:電腦技術吧?>? 組裝維修 ??>??如何編程,編程有哪些??>??正文詳情

如何編程,編程有哪些

史景行2019-11-26 17:11:25 人圍觀
簡介編程代碼干巴巴的意思是不要重復你自己。但事實上,這個名字有點無聊。哪種理論不是消除重復,而是如何消除重復的意義。一般來說,我認為drycss和OOCSS是兩個極端,所以算法編程

DRY就是Donot repeat youself 不要重復。

但其實這個名字有點無趣,哪個理論不是消除重復呢,但如何消除才是意義所在。

總的來說我認為DRYCSS與OOCSS是兩個極端,所以我將會以對比的方式來講講DRYCSS的內容。

使用DRYCSS很簡單,三步。

  1. 分組可復用屬性  DRYCSS跟OOCSS有點像,第一步都是分組樣式,消除重復,但就像我說的,關鍵在于如何。

OOCSS將樣式集合看作對象,所以分組的邏輯是,某個元素本身應該是什么樣的,而DRYCSS則關注重復,無論什么邏輯,只要是一樣的就應該只有一個。

其中粒度是值得思考的問題,如果太細,那只會成為一行樣式一組這樣無意義的情況,如果太粗,又會變成毫無復用性的龐然大物。

我認為可以將一些有關聯的缺了A時B就沒作用的樣式分為一組,還可以將某些慣用搭配分為一組。

下面舉個例子:  CSS Code復制內容到剪貼板  {  float: left;  position: absolute;  display: inline-block;  overflow: hidden;  }  這是一組樣式,可用來觸發Block formatting Contexts(塊級格式化上下文),如此就完成了一組樣式。

接著再寫2組關于尺寸的樣式吧。

  CSS Code復制內容到剪貼板  {  width: 960px;  height: auto;  }  {  width: 720px;  height: 600px;  }  {  width: 220px;  height: 600px;  }  這是三組樣式用來布局,將頁面分為左右兩部分。

  2. 按邏輯為分組命名  接著我們來為其命名,其實就是添加一個ID選擇器,但是我們并不真的使用它,而是用來標示該組樣式。

下面就來命名上面所分組的樣式。

  CSS Code復制內容到剪貼板  #BLOCK_FORMATTING_CONTEXTS  {  float: left;  position: absolute;  display: inline-block;  overflow: hidden;  }  #LAYOUT_FULL  {  width: 960px;  height: auto;  }  #LAYOUT_CONTENT  {  width: 720px;  height: 600px;  }  #LAYOUT_SIDEBAR  {  width: 220px;  height: 600px;  }  這一步類似OOCSS的class,它決定了每組樣式所代表的邏輯或用途,然而DRYCSS多了最關鍵的下一步,也是與OOCSS本質區別。

  3. 為各個分組添加選擇器  DRYCSS在使用時和OOCSS有著巨大的差異,在CSS文件中寫入HTML中的class選擇器來使用這些分組后的樣式,而不是直接在HTML中使用CSS文件中寫好的class。

  CSS Code復制內容到剪貼板  .header,  .container,  .content-rightright,  .content-left,  #BLOCK_FORMATTING_CONTEXTS  {  float: left;  position: absolute;  display: inline-block;  overflow: hidden;  }  .header,  .navigator,  .container,  #LAYOUT_FULL  {  width: 960px;  height: auto;  }  .content-rightright,  .section,  #LAYOUT_CONTENT  {  width: 720px;  height: 600px;  }  .content-rightright,  .sidebar,  .profile,  #LAYOUT_SIDEBAR  {  width: 220px;  height: 600px;  }  可以看到,使用DRYCSS時,在HTML中所寫的class將會非常表意,元素本身是什么用來做什么,就使用其意義的class命名,而且基本上是一個元素對應一個class,HTML將變的簡單明了。

另外DRYCSS也是相對于OOCSS的一種逆向思維,這才是最有趣的地方。

在開發中,不應該像OOCSS那樣思考如何應對未來假象的HTML,而是僅僅思考CSS本身。

  總的來說,OOCSS適合開發CSS框架或整套UI模版,是自外向內的UI開發方式;而DRYCSS則適合拯救混沌的HTML,或者加強HTML的結構性和表意性,是自內向外的UI開發方式。

這里的內指地是HTML結構,外指地是CSS樣式。

版權聲明:本文由 史景行 整理編輯。

原標題:什么是編程,編程分類

轉載注明出處:http://www.dn9ww09s.icu/assemble/14517.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 美顏相機大頭貼模板,美顏相機最新版

    美顏相機大頭貼模板,美顏相機最新版 相關圖片美顏相機孩子們有沒有看到美相機的代言人angelababy,對他為美相機宣傳的動畫海報非常興奮?他們想自己試試。那么如何使用美女相機的卡通貼紙呢?下面我們就來看看:美顏相機怎么...

  • 繪圖工具在哪,繪圖工具都有什么

    繪圖工具在哪,繪圖工具都有什么 相關圖片excel 繪圖工具在哪HTML5無疑是目前最流行的技術。每個網頁設計師都在討論這種神奇的標記語言的興起。HTML5是一種不費吹灰之力的標記語言,但它可以提供迷人的藝術特性,幫助網頁設...

  • Excel怎么轉換成PDF,PDF轉換成Excel

    Excel怎么轉換成PDF,PDF轉換成Excel 相關圖片pdf轉換成excel是空白Excel是日常辦公中必不可少的數據處理軟件之一。它的獨特之處在于它是以表格的形式出現的,而且這個表格還具有計算功能。它對于統計、報表和數據排序是必不可...

  • 水晶球制作教程,自己制作水晶球的方法

    水晶球制作教程,自己制作水晶球的方法 相關圖片自制水晶球這篇文章是要做一個漂亮的超級水晶球煙花。方法很簡單。它是用圓形工具畫幾個球,把它們放在一起,調節光線,從而達到超光效的水晶球。原文:http://www.polps水晶球制作...

  • 京東金條10000一年利息,京東金條一萬一天利息

    京東金條10000一年利息,京東金條一萬一天利息 相關圖片京東金條分期6期怎樣算京東金條盈利是京東正式推出的個人貸款產品。很多人說他們想用它,但他們對興趣知之甚少。京東金條的興趣如何?京東金條的利息高嗎?接下來,超人軟件將...

  • template標簽,template

    template標簽,template 相關圖片java中template標簽一、HTML5模板元素的初始元素基本確定在2013年出現。你為什么用它?現在只是聲明它是一個模板元素,我們將模板HTML嵌入到HTML中,通常是這樣寫的:復制Xtemplate file...

  • 圖片轉換ppt,如何將ppt轉換為圖片

    圖片轉換ppt,如何將ppt轉換為圖片 相關圖片圖片變成ppt雖然PPT在日常辦公中被廣泛用作演示文稿,但也有人將PPT轉換成圖片,以防被他人復制。所以問題是,我們如何將PPT批量轉換成圖像?讓我們看看快速的PDF轉換ppt轉高清圖片...

  • 利用通道實現了,可以利用BBS實現的是

    利用通道實現了,可以利用BBS實現的是 相關圖片炫酷的頭像今天,讓我們在Carl philipebrenner的網站上探索一個微妙而有趣的動畫效果。當鼠標通過網格元素時,將會有一個微妙的動畫。網格元素變得透明,每個邊都炫酷背景圖...

  • usb接口有幾種,usb六種接口

    usb接口有幾種,usb六種接口 相關圖片usb c接口USB設備一連接,USB接口就會自動直接開始運行,這是一件讓人無法忍受的事情。那么,如何防止USB接口直接在計算機中運行呢?超人小編提醒你,如果你使用win7,usb2.0接口...

  • 瀏覽器應用程序,谷歌瀏覽器擴展程序

    瀏覽器應用程序,谷歌瀏覽器擴展程序 相關圖片瀏覽器打開目前,只有少數瀏覽器支持webgl,請參閱我的另一篇文章:我可以使用webgl嗎?。下面的例子是windows下的chrome 16/23和Android下的FlE瀏覽器進入...

熱評文章

  • 網頁僅html格式保存,網頁以html格式保存

    網頁僅html格式保存,網頁以html格式保存 相關圖片html網頁PPT通常用作演示文稿,但有時我們需要將PPT文檔用作HTML頁面,所以此時我們應該做什么?不可能重新編輯HTML,因此將PPT轉換為HTML格式html網頁文件保存的格式為...

  • 如何編程,編程有哪些

    如何編程,編程有哪些 相關圖片編程代碼OOCSS是面向對象的CSS。這里的對象是指頁面中的元素對象,它不同于傳統編程中的面向對象。例如,沒有方法。具體來說,一些附加的類可以看作是繼承類或接口類來實現算法編...

  • 2019白條最新自套技術,白條閃付開通資格

    2019白條最新自套技術,白條閃付開通資格 相關圖片京東白條c店什么意思白條閃付是京東正式推出的虛擬信用卡,用戶可以先消費后支付。那么如何打開閃付呢?接下來,超人軟件編輯將介紹京東閃付的應用方法,希望對您有所幫助!白...

  • 股票怎么提現,股票提現時間

    股票怎么提現,股票提現時間 相關圖片賣出股票什么時候可以提現股票投資是一個非常實用的金融軟件。許多小合伙人通過它賺了一桶黃金,那么他們如何從股票和投資中提取現金呢?接下來,超人軟件將介紹股票和投資套...

  • 彈出式菜單怎么設置,為了顯示彈出式菜單

    彈出式菜單怎么設置,為了顯示彈出式菜單 相關圖片彈出式菜單怎么做我們希望在產品中完成的效果是,當鼠標移動到文本上時,會彈出一個漂亮的菜單,如圖17-1和圖17-2所示,具體步驟如下:1。輸入文本并設置超鏈接。根據Dreamw彈出式...

  • 廣東文理查成績,廣東文理學院查成績

    廣東文理查成績,廣東文理學院查成績 相關圖片廣東文理職業學院查成績智能文理是一款功能強大的校園卡消費軟件。在這個軟件中,用戶可以查詢自己的分數。那么如何檢查自己的成績呢?接下來,超人軟件編輯器將為您介紹一門...

  • C盤滿了如何清理,C盤快滿了

    C盤滿了如何清理,C盤快滿了 相關圖片電腦d盤滿了怎么清理技巧磁盤C是計算機的系統磁盤。有些朋友為了方便,喜歡把文件放在桌面上,桌面上的文件一般默認存儲在C盤上。所以一般來說,我們不想把程序安裝在C盤上,這...

  • 你活得久,活得比你久一點

    你活得久,活得比你久一點 相關圖片你長得丑活的久H5能活多久?我想它還能活一秒鐘。這是W創始人三水先生在主旨演講中給出的答案。當然,三水先生的言外之意其實并不在具體的時間長度上,沒有人能保證H5能活多久,...

  • 一碼付,一碼付手續費

    一碼付,一碼付手續費 相關圖片支付寶掃碼付高速費融碼支付作為一款方便、實用、功能強大的收款軟件,受到了很多人的喜愛。那么榮碼怎么收費呢?下一步,超人軟件編輯將為您介紹rongcodepay收藏教程。如果你不多...

  • 文字效果轉換彎曲,文字效果轉換彎曲倒v型

    文字效果轉換彎曲,文字效果轉換彎曲倒v型 相關圖片PPT文字彎曲如果你有更好的方法,本教程只提供一個想法供你分享,讓我們看看效果第一步:使用螺旋工具繪制螺旋第二步:根據情況從中心刪除多余的節點第三步:復制一個并適當調...

關注微信

变脸官网查询