程式師世界 >> 數據庫知識 >> MYSQL數據庫 >> MySQL綜合教程 >> 周全懂得MySql中的事務

周全懂得MySql中的事務

編輯：MySQL綜合教程

周全懂得MySql中的事務。本站提示廣大學習愛好者：（周全懂得MySql中的事務）文章只能為提供參考，不一定能成為您想要的結果。以下是周全懂得MySql中的事務正文

自從2008年Nicole Sullivan提出Object-Oriented CSS(OOCSS)以來。它就成為一個搶先的模塊體系，用來組織你的CSS代碼方法之一。

OOCSS分歧於其他組織CSS代碼辦法，好比SMACSS或許BEM。經由過程將CSS代碼和構造分別讓你的模塊可重用。現實上，我也平日將SMACSS與OOCSS混為一談。

OOCSS、SMACC和BEM在CSS中是很有內在的東東，早就在W3cplus站點上有相干內容科普過。可以說懂得了這些內容將能更好的贊助您組織、治理您的CSS代碼或許說CSS模塊。

明天，我要和年夜家一路商量的是OOCSS的一些根本准繩。重要跟年夜家一路商量的是若何將Sass和OOCSS更好聯合在一路的一些建議。
甚麼是對象？

在視覺是這是一個反復的模塊，可以將HTML、CSS和JavaSctrip自力抽掏出來，成為一個自力的片斷——Nicole Sullivan

將一個CSS對象抽掏出來要斟酌的第一件工作就是怎樣將款式與構造分別出來，組織代碼的最好方法是甚麼？OOCSS的開創人Nicole Sllivan提了兩個重要准繩：

構造與款式分別：你應當在對象中界說構造和地位，而關於款式特征應當應用類名分別出來，好比說background或border。如許一來你就不須要去籠罩一些特點性款式。
容器與內容分別：不要在你的HTML構造中拔出款式。換句話說，你的款式中盡可能不要應用html標簽或許id標識符。相反，應當界說一些類名來界說款式，並且選擇器的嵌套的層級應當盡可能的少。

我們疾速做一個示例

應用這些准繩能夠比擬艱苦（懂得實際的器械老是蛋疼的）。讓我們來看一個簡略的實例，看看是若何組織如許的代碼:

    /* 欠好的方法 */  
    .box-1 {   
      border: 1px solid #ccc;   
      width: 200px;   
      height: 200px;   
      border-radius: 10px;   
    }   
    .box-2 {   
      border: 1px solid #ccc;   
      width: 120px;   
      height: 120px  
      border-radius: 10px;   
    }

你不難發明，有一些反復的款式湧現。在這個例子中，border款式在兩個類中都界說了。假如你想轉變border-radius或border屬性值時，不能不在兩個處所修正。

為懂得決這個成績，把這個款式放在另外一個新增長的類名中：

    /* 好的方法 */  
    .box-1 {   
      width: 200px;   
      height: 200px;   
    }   
    .box-2 {   
      width: 120px;   
      height: 120px;   
    }   
    .box-border{   
      border: 1px solid #CCC;   
      border-radius: 10px;   
    }

在HTML構造中，我們可以如許應用：

    <div class="box-2 box-border">Lorem ipsum</div>  
    <div class="box-1 box-border">Lorem ipsum</div>

語義化和保護

你在乎沒有語義化，而我更關懷的是代碼的保護。好比說這個示例所示。

純CSS來界說對象就沒有語義化，但如許就存在一些成績:

每次改成款式作風時，都須要修正HTML
沒有一種平安的方法來拜訪DOM元素

關於OOCSS來講，除保護HTML比擬艱苦以外，其他都是很完善的。我們的CSS很輕易擴大，也異常便利用於新的內容中。

是以我們寫了部門CSS代碼用於在HTML構造中停止擴大。如許的方法真的會變得更好？
Sass的到來

我可以確定你確定聽過Sass的@extend敕令和懂得他是若何任務的。是以，要異常感激選擇器的占位符%placeholder，在Sass中可以經由過程@extend來擴大，如斯一來在CSS就是可以創立一些有語義化的類名，也處理了HTML中的存在的成績。

我們必需應用%placeholder來創立對象，經由過程@extend在類中挪用，將其合在一路。如許便可以本身組織代碼：

    /* 欠好的方法 */  
    a.twitter {   
      min-width: 100px;   
      padding: 1em;   
      border-radius: 1em;   
      background: #55acee  
      color: #fff;   
    }   
    span.facebook {   
      min-width: 100px;   
      padding: 1em;   
      border-radius: 1em;   
      background: #3b5998;   
      color: #fff;   
    }

一切的對象都應用@extend和根本對象混雜在一路，如許便可以獲得一個清潔的CSS對象，在Sass中是非常輕易的工作，我們也不用要再花時光來修正HTML。

    /* 好的方法 */  
    %button {   
      min-width: 100px;   
      padding: 1em;   
      border-radius: 1em;   
    }   
    %twitter-background {   
      color: #fff;   
      background: #55acee;   
    }   
    %facebook-background {   
      color: #fff;   
      background: #3b5998;   
    }   
      
    .btn {   
      &--twitter {   
        @extend %button;   
        @extend %twitter-background;   
      }   
      &--facebook {   
        @extend %button;   
        @extend %facebook-background;   
      }   
    }