国产宅男网站在线|亚洲A级性爱免费视频|亚洲中精品级在线|午夜福利AA毛

  • <dd id="gf5jf"><th id="gf5jf"></th></dd>

    <cite id="gf5jf"><label id="gf5jf"></label></cite>
  • <div id="gf5jf"><listing id="gf5jf"></listing></div>
    學習啦——學設計>網頁設計>網站建設>網站開發(fā)工具>

    CSS前端開發(fā)工具哪個適合你

    時間: 宇民40 分享

      緊跟任何開發(fā)工具包的更新都是一件需要持續(xù)努力的事,特別是前端開發(fā)工具。下面由學習啦小編為大家整理的CSS開發(fā)工具,希望大家喜歡!

      CSS開發(fā)工具

      1. 文件查看和編譯

      首先,如果你還在使用命令行編譯SASS,那肯定得看自動執(zhí)行的過程,這里有許多你用得上的工具,我使用 Grunt-Watch,但是有很多人喜歡 Gulp-Watch。

      2. SCSS 庫

      庫是一個大型工具包,它包含并混合從 CSS 重置、跨瀏覽器背景漸變和使用黃金比例設置字體大小的便捷數學計算等的很多東西。

      主流的庫:

      Bourbon

      Compass

      PostCSS

      3. Autoprefixer

      Autoprefixer 基于 https://caniuse.com 添加所需的前綴。當我單槍匹馬干活時,給我節(jié)省了不少時間,強烈推薦。

      CSS前端開發(fā)工具

      1. Animate.css

      我喜歡編寫我自己的 CSS 動畫效果,但經常我們沒有太多的時間。

      Animate.css 可以讓我快速的添加和測試 CSS 動畫效果,無需思考這些動畫的邏輯。

      2. KSS styleguide

      KSS 允許你從你的CSS直接創(chuàng)建一個樣式向導文件,這有很多的優(yōu)點。

      配對的 KSS含有一個模塊化的CSS,比如BEM,允許你可靠的創(chuàng)建一個可重復使用的可見樣式集,你會從強大的文檔中獲得巨大的回報。

      你通過文檔化的CSS得到正強化。

      由于文檔和可視化的樣式向導,組件更容易被找到和重用-不用懷疑,如果已經建立了一個類似的組件!

      3. CSS minification with CSS NANO

      自動縮小我編寫的CSS文件。

      CSSNANO 也可以刪除所有不必要的或過時的瀏覽器前綴,如果有的話,以及重復的類。

      其他CSS前端開發(fā)工具

      1.CSS 預處理器

      超過 63% 的受訪者使用 Sass – 無可爭議的預處理器冠軍。8%的受訪者還使用 PostCSS,雖然它通常與其他預處理器結合使用以提供有用的功能 – 如AutoPrefixer( 65% 的受訪者采用)。

      近 14% 的受訪者不使用預處理器,而更喜歡使用原始 CSS 代碼。當你認為它是最簡單的(和最好的)開始前端開發(fā)的方式時,這個比例似乎有點低。如果 86% 的開發(fā)人員使用 CSS 預處理器,我預計平均每個網站的CSS文件請求應該低于7.2個。

      近 70% 的受訪者嘗試過 Less ,19% 的受訪者嘗試了 Stylus 。80% 從未聽說過 Rework。

      2.CSS 命名方案

      46% 的受訪開發(fā)人員使用命名方案,但是對于那些將 CSS 水平自我評價為高級或專家級別的人來說,這一比例上升到 57% 。

      最受歡迎的選擇是 BEM ,占40%,其次是 CSS模塊(CSS Modules)(16%),OOCSS(15%)和 SMACSS(13%)。

    CSS前端開發(fā)工具哪個適合你

    緊跟任何開發(fā)工具包的更新都是一件需要持續(xù)努力的事,特別是前端開發(fā)工具。下面由學習啦小編為大家整理的CSS開發(fā)工具,希望大家喜歡! CSS開發(fā)工具 1. 文件查看和編譯 首先,如果你還在使用命令行編譯SASS,那肯定得看自動執(zhí)行的過程,這里有許多你用得上的工
    推薦度:
    點擊下載文檔文檔為doc格式

    精選文章

    • 可以替代Dreamweaver的網頁開發(fā)工具
      可以替代Dreamweaver的網頁開發(fā)工具

      Adobe Dreamweaver雖然非常好用,但它并不是唯一一個能夠設計、開發(fā)、發(fā)布精彩網站的Web開發(fā)集成環(huán)境。下面由學習啦小編為大家整理的Dreamweaver開發(fā)工具,希

    • 學習html5的同學想知道html5開發(fā)工具有哪些
      學習html5的同學想知道html5開發(fā)工具有哪些

      HTML5被看做是web開發(fā)者創(chuàng)建流行web應用的利器,用HTML5的優(yōu)點主要在于,這個技術可以進行跨平臺的使用。下面由學習啦小編為大家整理的HTML5開發(fā)工具,希

    • Frontpage開發(fā)工具有什么需要注意的
      Frontpage開發(fā)工具有什么需要注意的

      Frontpage,是微軟公司出品的一款網頁制作入門級軟件。下面由學習啦小編為大家整理的Frontpage開發(fā)工具,希望大家喜歡! Frontpage開發(fā)工具 1、所見即所得 結

    • 微信小程序開發(fā)工具和方法有哪些
      微信小程序開發(fā)工具和方法有哪些

      自從小程序開放以來,相信大家都試用過摩拜單車、美團等小程序了,哪么開發(fā)工具和方法有哪些。下面由學習啦小編為大家整理的微信小程序開發(fā)工具,

    26073