作業：1、scss、less的區別用法 、gulp 、cmd命令

標籤：編輯   mplayer   for   放大鏡   加密   基於   tmg   div   依賴   

一、sass/scss 和 less的區別

一. Sass/Scss、Less是什麼? Sass (Syntactically Awesome Stylesheets)是一種動態樣式語言，Sass文法屬於縮排文法，比css比多出好些功能(如變數、嵌套、運算,混入(Mixin)、繼承、顏色處理，函數等)，更容易閱讀。 Sass與Scss是什麼關係? Sass的縮排文法，對於寫慣css前端的web開發人員來說很不直觀，也不能將css代碼加入到Sass裡面，因此sass文法進行了改良，Sass 3就變成了Scss(sassy css)。與原來的文法相容，只是用{}取代了原來的縮排。 Less也是一種動態樣式語言. 對CSS賦予了動態語言的特性，如變數，繼承，運算， 函數.  Less 既可以在用戶端上運行 (支援IE 6+, Webkit, Firefox)，也可在服務端運行 (藉助 Node.js)。 二. Sass/Scss與Less區別 1.編譯環境不一樣 Sass的安裝需要Ruby環境，是在服務端處理的，而Less是需要引入less.js來處理Less代碼輸出css到瀏覽器，也可以在開發環節使用Less，然後編譯成css檔案，直接放到項目中，也有 Less.app、SimpleLess、CodeKit.app這樣的工具，也有線上編譯地址。 2.變數符不一樣，Less是@，而Scss是$，而且變數的範圍也不一樣。 Less-範圍@color: #00c; /* 藍色 */ #header {  @color: #c00; /* red */   border: 1px solid @color; /* 紅色邊框 */ } #footer {  border: 1px solid @color; /* 藍色邊框 */ } Less-範圍編譯後#header{border:1px solid #cc0000;}#footer{border:1px solid #0000cc;} scss-範圍$color: #00c; /* 藍色 */  #header {   $color: #c00; /* red */   border: 1px solid $color; /* 紅色邊框 */ } #footer {  border: 1px solid $color; /* 藍色邊框 */ } Sass-範圍編譯後 #header{border:1px solid #c00}#footer{border:1px solid #c00} 我們可以看出來，less和scss中的變數會隨著範圍的變化而不一樣。  3.輸出設定，Less沒有輸出設定，Sass提供4中輸出選項：nested, compact, compressed 和 expanded。 輸出樣式的風格可以有四種選擇，預設為nested nested：嵌套縮排的css代碼expanded：展開的多行css代碼compact：簡潔格式的css代碼compressed：壓縮後的css代碼4.Sass支援條件陳述式，可以使用if{}else{},for{}迴圈等等。而Less不支援。 /* Sample Sass “if” statement */  @if lightness($color) > 30% { } @else { } /* Sample Sass “for” loop */  @for $i from 1 to 10 {  .border-#{$i} {    border: #{$i}px solid blue;  }} 5. 引用外部CSS檔案 scss引用的外部檔案命名必須以_開頭, 如下例所示:其中_test1.scss、_test2.scss、_test3.scss檔案分別設定的h1 h2 h3。檔案名稱如果以底線_開頭的話，Sass會認為該檔案是一個引用檔案，不會將其編譯為css檔案.  // 原始碼：@import "_test1.scss";@import "_test2.scss";@import "_test3.scss"; // 編譯後：h1 {  font-size: 17px;} h2 {  font-size: 17px;} h3 {  font-size: 17px;}  Less引用外部檔案和css中的@import沒什麼差異。 6.Sass和Less的工具庫不同 Sass有工具庫Compass, 簡單說，Sass和Compass的關係有點像Javascript和jQuery的關係,Compass是Sass的工具庫。在它的基礎上，封裝了一系列有用的模組和模板，補充強化了Sass的功能。 Less有UI組件庫Bootstrap,Bootstrap是web前端開發中一個比較有名的前端UI組件庫，Bootstrap的樣式檔案部分源碼就是採用Less文法編寫。   三. 總結 不管是Sass，還是Less，都可以視為一種基於CSS之上的進階語言，其目的是使得CSS開發更靈活和更強大，Sass的功能比Less強大,基本可以說是一種真正的程式設計語言了，Less則相對清晰明了,易於上手,對編譯環境要求比較寬鬆。考慮到編譯Sass要安裝Ruby,而Ruby官網在國內訪問不了,個人在實際開發中更傾向於選擇Less。 二、gulp 1. 全域安裝 gulp： $ npm install --global gulp2. 作為項目的開發依賴（devDependencies）安裝： $ npm install --save-dev gulp3. 在項目根目錄下建立一個名為 gulpfile.js 的檔案： var gulp = require(‘gulp‘); gulp.task(‘default‘, function() {  // 將你的預設的任務代碼放在這});4. 運行 gulp： $ gulp預設的名為 default 的任務（task）將會被運行，在這裡，這個任務並未做任何事情。 想要單獨執行特定的任務（task），請輸入 gulp <task> <othertask>。三、cmd命令大全（第一部分）　　winver---------檢查Windows版本 　　wmimgmt.msc----開啟windows管理體繫結構(WMI) 　　wupdmgr--------windows更新程式 　　wscript--------windows指令碼宿主設定 　　write----------寫字板 　　winmsd---------系統資訊 　　wiaacmgr-------掃描器和照相機嚮導 　　winchat--------XP內建區域網路聊天 cmd命令大全／cmd命令提示字元大全 原創2011-11-29 2612 398505　　剛接觸電腦的時候是從DOS系統開始，DOS時代根本就沒有Windows這樣的視窗操作介面，只有一個黑漆漆的視窗，讓你輸入命令。所以學DOS系統操作，cmd命令提示字元是不可或缺的。可以告訴大家，大多數的程式員牛人或電腦專家在DOS系統下的操作是非常了得的，所以菜鳥要想成為電腦高手，DOS命令是非學不可。　　直到今天的Windows系統，還是離不開DOS命令的操作。學習DOS系統操作，首先瞭解命令提示字元。先瞭解每個命令提示字元的作用，然後才能夠靈活運用。　　下面將詳細的為大家介紹cmd命令大全的符號和作用說明。cmd命令大全（第一部分）　　winver---------檢查Windows版本 　　wmimgmt.msc----開啟windows管理體繫結構(WMI) 　　wupdmgr--------windows更新程式 　　wscript--------windows指令碼宿主設定 　　write----------寫字板 　　winmsd---------系統資訊 　　wiaacmgr-------掃描器和照相機嚮導 　　winchat--------XP內建區域網路聊天cmd命令大全（第二部分）　　mem.exe--------顯示記憶體使用量情況 　　Msconfig.exe---系統配置公用程式 　　mplayer2-------簡易widnows media player 　　mspaint--------畫圖板 　　mstsc----------遠端桌面連線 　　mplayer2-------媒體播放機 　　magnify--------放大鏡公用程式 　　mmc------------開啟控制台 　　mobsync--------同步命令  cmd命令大全／cmd命令提示字元大全 原創2011-11-29 2612 398505　　剛接觸電腦的時候是從DOS系統開始，DOS時代根本就沒有Windows這樣的視窗操作介面，只有一個黑漆漆的視窗，讓你輸入命令。所以學DOS系統操作，cmd命令提示字元是不可或缺的。可以告訴大家，大多數的程式員牛人或電腦專家在DOS系統下的操作是非常了得的，所以菜鳥要想成為電腦高手，DOS命令是非學不可。　　直到今天的Windows系統，還是離不開DOS命令的操作。學習DOS系統操作，首先瞭解命令提示字元。先瞭解每個命令提示字元的作用，然後才能夠靈活運用。　　下面將詳細的為大家介紹cmd命令大全的符號和作用說明。cmd命令大全（第一部分）　　winver---------檢查Windows版本 　　wmimgmt.msc----開啟windows管理體繫結構(WMI) 　　wupdmgr--------windows更新程式 　　wscript--------windows指令碼宿主設定 　　write----------寫字板 　　winmsd---------系統資訊 　　wiaacmgr-------掃描器和照相機嚮導 　　winchat--------XP內建區域網路聊天cmd命令大全（第二部分）　　mem.exe--------顯示記憶體使用量情況 　　Msconfig.exe---系統配置公用程式 　　mplayer2-------簡易widnows media player 　　mspaint--------畫圖板 　　mstsc----------遠端桌面連線 　　mplayer2-------媒體播放機 　　magnify--------放大鏡公用程式 　　mmc------------開啟控制台 　　mobsync--------同步命令cmd命令大全（第三部分）　　dxdiag---------檢查DirectX資訊 　　drwtsn32------ 系統醫生 　　devmgmt.msc--- 裝置管理員 　　dfrg.msc-------磁碟磁碟重組程式 　　diskmgmt.msc---磁碟管理公用程式 　　dcomcnfg-------開啟系統元件服務 　　ddeshare-------開啟DDE共用設定 　　dvdplay--------DVD播放器 cmd命令大全／cmd命令提示字元大全 原創2011-11-29 2612 398505　　剛接觸電腦的時候是從DOS系統開始，DOS時代根本就沒有Windows這樣的視窗操作介面，只有一個黑漆漆的視窗，讓你輸入命令。所以學DOS系統操作，cmd命令提示字元是不可或缺的。可以告訴大家，大多數的程式員牛人或電腦專家在DOS系統下的操作是非常了得的，所以菜鳥要想成為電腦高手，DOS命令是非學不可。　　直到今天的Windows系統，還是離不開DOS命令的操作。學習DOS系統操作，首先瞭解命令提示字元。先瞭解每個命令提示字元的作用，然後才能夠靈活運用。　　下面將詳細的為大家介紹cmd命令大全的符號和作用說明。cmd命令大全（第一部分）　　winver---------檢查Windows版本 　　wmimgmt.msc----開啟windows管理體繫結構(WMI) 　　wupdmgr--------windows更新程式 　　wscript--------windows腳宿主設定 　　write----------寫字板 　　winmsd---------系統資訊 　　wiaacmgr-------掃描器和照相機嚮導 　　winchat--------XP自7區域網路聊天cmd命令大全（第二部分）　　mem.exe--------顯示記憶體使用量情況 　　Msconfig.exe---系統配置公用程式 　　mplayer2-------簡易widnows media player 　　mspaint--------畫圖板 　　mstsc----------遠端桌面連線 　　mplayer2-------媒體播放機 　　magnify--------放大鏡公用程式 　　mmc------------開啟控制台 　　mobsync--------同步命令cmd命令大全（第三部分）　　dxdiag---------檢查DirectX資訊 　　drwtsn32------ 系統醫生 　　devmgmt.msc--- 裝置管理員 　　dfrg.msc-------磁碟磁碟重組程式 　　diskmgmt.msc---磁碟管理公用程式 　　dcomcnfg-------開啟系統元件服務 　　ddeshare-------開啟DDE共用設定 　　dvdplay--------DVD播放器cmd命令大全（第四部分）　　net stop messenger-----停止信差服務 　　net start messenger----開始信差服務 　　notepad--------開啟記事本 　　nslookup-------網路管理的工具嚮導 　　ntbackup-------系統備份與還原 　　narrator-------螢幕“講述人” 　　ntmsmgr.msc----移動儲存管理器 　　ntmsoprq.msc---移動儲存管理員操作請求 　　netstat -an----(TC)命令檢查介面 cmd命令大全（第五部分）　　syncapp--------建立一個公事包 　　sysedit--------系統配置編輯器 　　sigverif-------檔案簽名驗證程式 　　sndrec32-------錄音機 　　shrpubw--------建立共用資料夾 　　secpol.m轉載自電腦十萬個為什麼http://www.qq880.com，請保留此標記sc-----本地安全性原則 　　syskey---------系統加密，一旦加密就不能解開，保護windows xp系統的雙重密碼 　　services.msc---本地服務設定 　　Sndvol32-------音量控製程序 　　sfc.exe--------系統檔案檢查器 　　sfc /scannow---windows檔案保護  cmd命令大全／cmd命令提示字元大全 原創2011-11-29 2612 398505　　剛接觸電腦的時候是從DOS系統開始，DOS時代根本就沒有Windows這樣的視窗操作介面，只有一個黑漆漆的視窗，讓你輸入命令。所以學DOS系統操作，cmd命令提示字元是不可或缺的。可以告訴大家，大多數的程式員牛人或電腦專家在DOS系統下的操作是非常了得的，所以菜鳥要想成為電腦高手，DOS命令是非學不可。　　直到今天的Windows系統，還是離不開DOS命令的操作。學習DOS系統操作，首先瞭解命令提示字元。先瞭解每個命令提示字元的作用，然後才能夠靈活運用。　　下面將詳細的為大家介紹cmd命令大全的符號和作用說明。cmd命令大全（第一部分）　　winver---------檢查Windows版本 　　wmimgmt.msc----開啟windows管理體繫結構(WMI) 　　wupdmgr--------windows更新程式 　　wscript--------windows指令碼宿主設定 　　write----------寫字板 　　winmsd---------系統資訊 　　wiaacmgr-------掃描器和照相機嚮導 　　winchat--------XP內建區域網路聊天cmd命令大全（第二部分）　　mem.exe--------顯示記憶體使用量情況 　　Msconfig.exe---系統配置公用程式 　　mplayer2-------簡易widnows media player 　　mspaint--------畫圖板 　　mstsc----------遠端桌面連線 　　mplayer2-------媒體播放機 　　magnify--------放大鏡公用程式 　　mmc------------開啟控制台 　　mobsync--------同步命令cmd命令大全（第三部分）　　dxdiag---------檢查DirectX資訊 　　drwtsn32------ 系統醫生 　　devmgmt.msc--- 裝置管理員 　　dfrg.msc-------磁碟磁碟重組程式 　　diskmgmt.msc---磁碟管理公用程式 　　dcomcnfg-------開啟系統元件服務 　　ddeshare-------開啟DDE共用設定 　　dvdplay--------DVD播放器cmd命令大全（第四部分）　　net stop messenger-----停止信差服務 　　net start messenger----開始信差服務 　　notepad--------開啟記事本 　　nslookup-------網路管理的工具嚮導 　　ntbackup-------系統備份與還原 　　narrator-------螢幕“講述人” 　　ntmsmgr.msc----移動儲存管理器 　　ntmsoprq.msc---移動儲存管理員操作請求 　　netstat -an----(TC)命令檢查介面cmd命令大全（第五部分）　　syncapp--------建立一個公事包 　　sysedit--------系統配置編輯器 　　sigverif-------檔案簽名驗證程式 　　sndrec32-------錄音機 　　shrpubw--------建立共用資料夾 　　secpol.m轉載自電腦十萬個為什麼http://www.qq880.com，請保留此標記sc-----本地安全性原則 　　syskey---------系統加密，一旦加密就不能解開，保護windows xp系統的雙重密碼 　　services.msc---本地服務設定 　　Sndvol32-------音量控製程序 　　sfc.exe--------系統檔案檢查器 　　sfc /scannow---windows檔案保護cmd命令大全（第六部分）　　tsshutdn-------60秒倒計時關機命令 　　tourstart------xp簡介（安裝完成後出現的漫遊xp程式） 　　taskmgr--------工作管理員 　　eventvwr-------事件檢視器 　　eudcedit-------造字程式 　　explorer-------開啟資源管理員 　　packager-------對象封裝程式 　　perfmon.msc----電腦效能監測程式 　　progman--------程式管理器 　　regedit.exe----註冊表 　　rsop.msc-------組策略結果集 　　regedt32-------登錄編輯程式 　　rononce -p ----15秒關機 　　regsvr32 /u *.dll----停止dll檔案運行 　　regsvr32 /u zipfldr.dll------取消ZIP支援cmd命令大全／cmd命令提示字元大全 原創2011-11-29 2612 398505　　剛接觸電腦的時候是從DOS系統開始，DOS時代根本就沒有Windows這樣的視窗操作介面，只有一個黑漆漆的視窗，讓你輸入命令。所以學DOS系統操作，cmd命令提示字元是不可或缺的。可以告訴大家，大多數的程式員牛人或電腦專家在DOS系統下的操作是非常了得的，所以菜鳥要想成為電腦高手，DOS命令是非學不可。　　直到今天的Windows系統，還是離不開DOS命令的操作。學習DOS系統操作，首先瞭解命令提示字元。先瞭解每個命令提示字元的作用，然後才能夠靈活運用。　　下面將詳細的為大家介紹cmd命令大全的符號和作用說明。cmd命令大全（第一部分）　　winver---------檢查Windows版本 　　wmimgmt.msc----開啟windows管理體繫結構(WMI) 　　wupdmgr--------windows更新程式 　　wscript--------windows指令碼宿主設定 　　write----------寫字板 　　winmsd---------系統資訊 　　wiaacmgr-------掃描器和照相機嚮導 　　winchat--------XP內建區域網路聊天cmd命令大全（第二部分）　　mem.exe--------顯示記憶體使用量情況 　　Msconfig.exe---系統配置公用程式 　　mplayer2-------簡易widnows media player 　　mspaint--------畫圖板 　　mstsc----------遠端桌面連線 　　mplayer2-------媒體播放機 　　magnify--------放大鏡公用程式 　　mmc------------開啟控制台 　　mobsync--------同步命令cmd命令大全（第三部分）　　dxdiag---------檢查DirectX資訊 　　drwtsn32------ 系統醫生 　　devmgmt.msc--- 裝置管理員 　　dfrg.msc-------磁碟磁碟重組程式 　　diskmgmt.msc---磁碟管理公用程式 　　dcomcnfg-------開啟系統元件服務 　　ddeshare-------開啟DDE共用設定 　　dvdplay--------DVD播放器cmd命令大全（第四部分）　　net stop messenger-----停止信差服務 　　net start messenger----開始信差服務 　　notepad--------開啟記事本 　　nslookup-------網路管理的工具嚮導 　　ntbackup-------系統備份與還原 　　narrator-------螢幕“講述人” 　　ntmsmgr.msc----移動儲存管理器 　　ntmsoprq.msc---移動儲存管理員操作請求 　　netstat -an----(TC)命令檢查介面cmd命令大全（第五部分）　　syncapp--------建立一個公事包 　　sysedit--------系統配置編輯器 　　sigverif-------檔案簽名驗證程式 　　sndrec32-------錄音機 　　shrpubw--------建立共用資料夾 　　secpol.m轉載自電腦十萬個為什麼http://www.qq880.com，請保留此標記sc-----本地安全性原則 　　syskey---------系統加密，一旦加密就不能解開，保護windows xp系統的雙重密碼 　　services.msc---本地服務設定 　　Sndvol32-------音量控製程序 　　sfc.exe--------系統檔案檢查器 　　sfc /scannow---windows檔案保護cmd命令大全（第六部分）　　tsshutdn-------60秒倒計時關機命令 　　tourstart------xp簡介（安裝完成後出現的漫遊xp程式） 　　taskmgr--------工作管理員 　　eventvwr-------事件檢視器 　　eudcedit-------造字程式 　　explorer-------開啟資源管理員 　　packager-------對象封裝程式 　　perfmon.msc----電腦效能監測程式 　　progman--------程式管理器 　　regedit.exe----註冊表 　　rsop.msc-------組策略結果集 　　regedt32-------登錄編輯程式 　　rononce -p ----15秒關機 　　regsvr32 /u *.dll----停止dll檔案運行 　　regsvr32 /u zipfldr.dll------取消ZIP支援cmd命令大全（第七部分）　　cmd.exe--------CMD命令提示字元 　　chkdsk.exe-----Chkdsk磁碟檢查 　　certmgr.msc----認證管理公用程式 　　calc-----------啟動計算機 　　charmap--------啟動字元對應表 　　cliconfg-------SQL SERVER 用戶端網路公用程式 　　Clipbrd--------剪貼簿查看器 　　conf-----------啟動netmeeting 　　compmgmt.msc---電腦管理 　　cleanmgr-------垃圾整理 　　ciadv.msc------索引服務程式 　　osk------------開啟螢幕小鍵盤 　　odbcad32-------ODBC資料來源管理器 　　oobe/msoobe /a----檢查XP是否啟用 　　lusrmgr.msc----本機使用者和組 　　logoff---------登出命令 　　iexpress-------木馬捆綁工具，系統內建 　　Nslookup-------IP地址偵測器 　　fsmgmt.msc-----共用資料夾管理器 　　utilman--------協助工具輔助管理器 　　gpedit.msc-----組策略     

作業：1、scss、less的區別用法 、gulp 、cmd命令