sass預編譯框架

1. 如何編寫高效的Sass並兼容像Bootstrap那樣的第三方UI框架

使用這些前端框架，有如下好處： 跨瀏覽器。這一點已被證實。 一致性。UI組件，如導航、按鈕、標簽、表單、下拉框、表格……，在設計上保持風格一致。 快速開發。你可以快速、容易地構建布局。這些框架都配有詳細的說明文檔。 響應式。

2. 有sass-loader還需要node-sass嗎

要的。因為 sass-loader 包中loader.js文件中有引包。

3. SPSS、SASS是什麼

Sass是一種 CSS 的預編譯語言。提供了變數（variables）、嵌套（nested rules）、 混合（mixins）、 函數（functions）等功能，並且完全兼容 CSS 語法。Sass 能夠幫助復雜的樣式表更有條理， 並且易於在項目內部或跨項目共享設計。

Sass是一個最初由Hampton Catlin設計並由Natalie Weizenbaum開發的層疊樣式表語言。在開發最初版本之後，Weizenbaum和Chris Eppstein繼續通過SassScript來繼續擴充Sass的功能。SassScript是一個在Sass文件中使用的小型腳本語言。

scss/sass可以更好的組織CSS代碼，自從接觸到後就沒在項目中使用純的CSS了。

這個文章介紹《讀scss/sass實例項目帶你入門》的知識點足以應付項目需要了網頁鏈接。裡麵包括SCSS常用的知識點及實例代碼。希望能夠幫助你。

4. CSS 的預處理程序分別都有哪些優缺點

普遍的三款 CSS 預處理器框架，分別是 Sass、Less CSS、Stylus。

1. CSS 預處理器概述：CSS 預處理器是一種語言用來為 CSS 增加一些編程的的特性，無需考慮瀏覽器的兼容性問題，例如你可以在 CSS 中使用變數、簡單的程序邏輯、函數等等在編程語言中的一些基本技巧，可以讓你的 CSS 更見簡潔，適應性更強，代碼更直觀等諸多好處。

   總結來講就是用編程的方法來寫CSS樣式，而不是手工一行行碼，相當於從手工業時代進化到工業時代。

2. 三種CSS 預處理器（框架）簡介：
   

   A、SASS2007年誕生，最早也是最成熟的CSS預處理器，擁有ruby社區的支持和compass這一最強大的css框架，目前受LESS影響，已經進化到了全面兼容CSS的SCSS。

   B、LESS2009年出現，受SASS的影響較大，但又使用CSS的語法，讓大部分開發者和設計師更容易上手，在ruby社區之外支持者遠超過SASS，其缺點是比起SASS來，可編程功能不夠，不過優點是簡單和兼容CSS，反過來也影響了SASS演變到了SCSS的時代，著名的Twitter Bootstrap就是採用LESS做底層語言的。

   C、Stylus，2010年產生，來自Node.js社區，主要用來給Node項目進行CSS預處理支持，在此社區之內有一定支持者，在廣泛的意義上人氣還完全不如SASS和LESS。

3. Stylus主要優點：
   1. 簡短直觀，縮進讓CSS的層次非常直觀。
   2. At 屬性引用可以減少維護量。
   3. 函數和Mixin，重用的利器。

4. CSS 預處理器優缺點：

   A、可以把PostCSS和預處理器(Sass、Stylus或LESS)結合起來使用。

   B、部分PostCSS插件配合預處理器將功能添加到你的工作流中，讓你工作變得更加輕松。如果只使用一個預處理器，而不使用這些插件，工作流至少會變得更加困難。

   C、PostCSS插件和喜歡的預處理器(Sass、Stylus或LESS)之一結合在一起使用。

   D、在常規的預處理器通過使用混合宏或函數特性像程序一樣處理代碼，達到類似的結果。不過不同的是CSS代碼，而其他一切通過插件去處理，而這個過程中不需要調用函數，也沒有混合宏等等。

5. 使用技巧：Sass看起來在提供的特性上佔有優勢，但是LESS能夠讓開發者平滑地從現存CSS文件過渡到LESS，而不需要像Sass那樣需要將CSS文件轉換成Sass格式。

5. mac版的sass預編譯怎麼設置

你好現在HBuilder默認集成了less、sass文件的編譯器，請右鍵less、sass文件，點擊編譯即可

6. css預編譯器： Sass 和 Less的實現和通過編譯css的js文件，然後通過引用js的方法實現css編譯的原理有區別

先說問題，css預編譯器，前端都必須要使用嗎？當然是非必需的，如果是小的項目沒必要使用，但是項目大了之後css預編譯器的優勢才會凸顯出來，配合postcss整個項目的css文件會有極大的壓縮

7. 請問前端開發在哪裡能學到呢

第一 在哪裡學習前端靠譜點？？

我個人的經驗是不要去小機構，沒有保障，學習缺乏持續性，不知道哪天老闆就溜了，學習前端可以找大型的機構進行學習，穩定有保障啊。學習嘛，我們就得學個放心，以前我學前端在我們當地小縣城報了個小機構，裡面的老師水平一般，也沒學到多少東西，當時想先試聽他們的課程，他們老闆不願意，就報名進去學了，結果發現不是那麼回事，後來我就離開了那家機構，我表哥給我說了一個互聯網免費直播課，我去聽了，在那裡學會的。

第二 學前端去實體好還是去網路平台學習好？

首先還是我前邊說的那個，學前端去實體的話，可以去大型的連鎖教育機構，但是費用是非常的高的兩三萬，如果你經濟條件比較優越的話，可以去的。也可以在網路平台進行學習，一般七八千左右的支出吧，一般是晚上開課，不會耽誤白天的工作和學習，也有錄播提供。至於哪個好，各有優劣，這個沒法比較，無論是網上還是實體的，只要是正規的大機構都可以。

第三 好或者不好，可以去體驗一下，實踐得真知。

我個人是從網上的直播平台學會的這門技術，別的平台怎麼樣，我沒有去體驗過，沒有發言權，我聽的這個前端直播平台還行，每天晚上都有免費直播課，老師講的通俗易懂，很多自學的時候一直搞不明白的問題，聽聽老師講的，就感覺醍醐灌頂的感覺，想聽這個這個老師課的同學，可以進入他的前端教程資料裙：首先位於開頭的一組數字是：655，其次處於中間地帶的一組數字是：567，最後位於尾部的一組數字是：613，把以上三組數字按照先後順序組合起來即可。對前端感興趣又不知道何去何從的小夥伴，可以去聽一下，肯定有很多的收獲，畢竟是哥們實踐出來的，前人栽樹後人乘涼嘛。

8. 為什麼你們在項目中還不用 Less 或 Sass 等 CSS 預編譯工具

為什麼要用？第三方的玩意，另外增加學習成本，對團隊來說不一定方便。並且說不定哪天就淘汰了，這些玩意能實現的東西css後面的版本裡面很多都將內置。

9. sass 用koala怎麼編譯

我最近也在學sass，之前用的是sublime test2，這個編譯器有個好處就是轉譯成css的時候方便，但是終究還是和項目分離，也很麻煩。後來發現只要通過命令行一直監視整個目錄或者文件就方便多了，只要保存，sass就會自動編譯，下面是例子：
監視文件：
sass --watch test.scss:test.css

監視目錄
sass --watch sass(sass目錄):css（css目錄）

滿意的話希望採納啦。。。。

10. 在STS中能否使用gulp和sass預編譯

var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('sass', function () {
return gulp.src('./sass/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('./css'));
});
其中，gulp.dest這句就是編譯sass為css到指定的路徑上。