less命令自動更新

『壹』 linux必學的60條命令是什麼

前言
第1章 Linux命令行簡介 / 1
1.1Linux命令行概述 / 1
1.2在Linux命令行下查看命令幫助 / 4
1.3Linux shutdown reboot halt / 9
關機：
shutdown -h now
halt
init 0

第2章 文件和目錄操作命令 / 13
2.1pwd：顯示當前所在的位置 / 13
2.2cd：切換目錄 / 16
2.3tree：以樹形結構顯示目錄下的內容 / 18
2.4mkdir：創建目錄 / 22
2.5touch：創建空文件或改變文件的時間戳屬性 / 27
2.6ls：顯示目錄下的內容及相關屬性信息 / 30
2.7cp：復制文件或目錄 / 39
2.8mv：移動或重命名文件 / 42
2.9rm：刪除文件或目錄 / 45
2.10rmdir：刪除空目錄 / 48
2.11ln：硬鏈接與軟鏈接 / 49
2.12readlink：查看符號鏈接文件的內容 / 54
2.13find：查找目錄下的文件 / 55
2.14xargs：將標准輸入轉換成命令行參數 / 68
2.15rename：重命名文件 / 71
2.16basename：顯示文件名或目錄名 / 72
2.17dirname：顯示文件或目錄路徑 / 72
2.18chattr：改變文件的擴展屬性 / 73
2.19lsattr：查看文件擴展屬性 / 75
2.20file：顯示文件的類型 / 76
2.21md5sum：計算和校驗文件的MD5值 / 77
2.22chown：改變文件或目錄的用戶和用戶組 / 80
2.23chmod：改變文件或目錄許可權 / 81
2.24chgrp：更改文件用戶組 / 85
2.25umask：顯示或設置許可權掩碼 / 86
2.26老男孩從新手成為技術大牛的心法 / 90
第3章 文件過濾及內容編輯處理命令 / 91
3.1cat：合並文件或查看文件內容 / 91
3.2tac：反向顯示文件內容 / 103
3.3more：分頁顯示文件內容 / 104
3.4less：分頁顯示文件內容 / 107
3.5head：顯示文件內容頭部 / 109
3.6tail：顯示文件內容尾部 / 111
3.7tailf：跟蹤日誌文件 / 114
3.8cut：從文本中提取一段文字並輸出 / 115
3.9split：分割文件 / 117
3.10paste：合並文件 / 118
3.11sort：文本排序 / 123
3.12join：按兩個文件的相同欄位合並 / 127
3.13uniq：去除重復行 / 129
3.14wc：統計文件的行數、單詞數或位元組數 / 131
3.15iconv：轉換文件的編碼格式 / 133
3.16dos2unix：將DOS格式文件轉換成UNIX格式 / 134
3.17diff：比較兩個文件的不同 / 135
3.18vimdiff：可視化比較工具 / 138
3.19rev：反向輸出文件內容 / 139
3.20tr：替換或刪除字元 / 140
3.21od：按不同進制顯示文件 / 143
3.22tee：多重定向 / 145
3.23vi/vim：純文本編輯器 / 147
3.24老男孩逆襲思想：做Linux運維的多個好處 / 152
第4章 文本處理三劍客 / 153
4.1grep：文本過濾工具 / 153
4.2sed：字元流編輯器 / 159
4.3awk基礎入門 / 165
第5章 Linux信息顯示與搜索文件命令 / 176
5.1uname：顯示系統信息 / 176
5.2hostname：顯示或設置系統的主機名 / 178

5.3dmesg：系統啟動異常診斷 / 179
5.4stat：顯示文件或文件系統狀態 / 181
5.5：統計磁碟空間使用情況 / 183
5.6date：顯示與設置系統時間 / 186
5.7echo：顯示一行文本 / 190
5.8watch：監視命令執行情況 / 193
5.9which：顯示命令的全路徑 / 195
5.10whereis：顯示命令及其相關文件全路徑 / 196
5.11locate：快速定位文件路徑 / 197
5.12updatedb：更新mlocate資料庫 / 199
5.13老男孩逆襲思想：新手在工作中如何問問題不會被鄙視 / 200
第6章 文件備份與壓縮命令 / 201
6.1tar：打包備份 / 201
6.2gzip：壓縮或解壓文件 / 208
6.3zip：打包和壓縮文件 / 211
6.4unzip：解壓zip文件 / 212
6.5scp：遠程文件復制 / 214
6.6rsync：文件同步工具 / 216
6.7老男孩逆襲思想：新手如何高效地提問 / 220
第7章 Linux用戶管理及用戶信息查詢命令 / 222
7.1 useradd：創建用戶 / 222
7.2usermod：修改用戶信息 / 227
7.3userdel：刪除用戶 / 229
7.4groupadd：創建新的用戶組 / 230
7.5groupdel：刪除用戶組 / 231
7.6passwd：修改用戶密碼 / 232
7.7chage:修改用戶密碼有效期 / 237
7.8chpasswd：批量更新用戶密碼 / 238
7.9su：切換用戶 / 240
7.10visudo：編輯sudoers文件 / 242
7.11sudo：以另一個用戶身份執行命令 / 244
7.12id：顯示用戶與用戶組的信息 / 248
7.13w：顯示已登錄用戶信息 / 249
7.14who：顯示已登錄用戶信息 / 250
7.15users：顯示已登錄用戶 / 252
7.16whoami：顯示當前登錄的用戶名 / 253
7.17last：顯示用戶登錄列表 / 253
7.18lastb：顯示用戶登錄失敗的記錄 / 254
7.19lastlog：顯示所有用戶的最近登錄記錄 / 255
第8章 Linux磁碟與文件系統管理命令 / 257
8.1fdisk：磁碟分區工具 / 257
8.2partprobe：更新內核的硬碟分區表信息 / 265
8.3tune2fs：調整ext2/ext3/ext4文件系統參數 / 266
8.4parted：磁碟分區工具 / 268
8.5mkfs：創建Linux文件系統 / 272
8.6mpe2fs：導出ext2/ext3/ext4文件系統信息 / 274
8.7resize2fs：調整ext2/ext3/ext4文件系統大小 / 275
8.8fsck：檢查並修復Linux文件系統 / 278
8.9dd：轉換或復制文件 / 281
8.10mount：掛載文件系統 / 284
8.11umount：卸載文件系統 / 288
8.12df：報告文件系統磁碟空間的使用情況 / 289
8.13mkswap：創建交換分區 / 293
8.14swapon：激活交換分區 / 294
8.15swapoff：關閉交換分區 / 295
8.16sync：刷新文件系統緩沖區 / 296
第9章 Linux進程管理命令 / 298
9.1ps：查看進程 / 298
9.2pstree：顯示進程狀態樹 / 305
9.3pgrep：查找匹配條件的進程 / 306
9.4kill：終止進程 / 307
9.5killall：通過進程名終止進程 / 310
9.6pkill：通過進程名終止進程 / 311
9.7top：實時顯示系統中各個進程的資源佔用狀況 / 313
9.8nice：調整程序運行時的優先順序 / 320
9.9renice：調整運行中的進程的優先順序 / 323
9.10nohup：用戶退出系統進程繼續工作 / 324
9.11strace：跟蹤進程的系統調用 / 325
9.12ltrace：跟蹤進程調用庫函數 / 332
9.13runlevel：輸出當前運行級別 / 334
9.14init：初始化Linux進程 / 335
9.15service：管理系統服務 / 335
第10章 Linux網路管理命令 / 338
10.1ifconfig：配置或顯示網路介面信息 / 338
10.2ifup：激活網路介面 / 343
ifup eth0
10.3ifdown：禁用網路介面 / 343
ifdown eth0
service network restart（/etc/init.d/network restart） 激活整個網路，所有網卡。
10.4route：顯示或管理路由表 / 344
10.5arp：管理系統的arp緩存 / 350
10.6ip：網路配置工具 / 351
10.7netstat：查看網路狀態 / 358
10.8ss：查看網路狀態 / 362
10.9ping：測試主機之間網路的連通性 / 363
10.10traceroute：追蹤數據傳輸路由狀況 / 366
10.11arping：發送arp請求 / 367
10.12telnet：遠程登錄主機 / 369
10.13nc：多功能網路工具 / 370
10.14ssh：安全地遠程登錄主機 / 373
10.15wget：命令行下載工具 / 376
10.16mailq：顯示郵件傳輸隊列 / 379
10.17mail：發送和接收郵件 / 381
10.18nslookup：域名查詢工具 / 386
10.19dig：域名查詢工具 / 389
10.20host：域名查詢工具 / 393
10.21nmap：網路探測工具和安全/埠掃描器 / 394
10.22tcpmp：監聽網路流量 / 398
第11章 Linux系統管理命令 / 407
11.1lsof：查看進程打開的文件 / 407
11.2uptime：顯示系統的運行時間及負載 / 411
11.3free：查看系統內存信息 / 411
11.4iftop：動態顯示網路介面流量信息 / 413
11.5vmstat：虛擬內存統計 / 415
11.6mpstat：CPU信息統計 / 419
11.7iostat：I/O信息統計 / 420
11.8iotop：動態顯示磁碟I/O統計信息 / 423
11.9sar：收集系統信息 / 425
11.10chkconfig：管理開機服務 / 430
11.11ntsysv：管理開機服務 / 433
11.12 setup：系統管理工具 / 434
11.13ethtool：查詢網卡參數 / 436
11.14mii-tool：管理網路介面的狀態 / 437
11.19rpm：RPM包管理器 / 443
11.20yum：自動化RPM包管理工具 / 446
top命令
第12章 Linux系統常用內置命令 / 450
12.1Linux內置命令概述 / 450
12.2Linux內置命令簡介 / 450
12.3Linux常用內置命令實例 / 452
Linux運維人員必會的120個命令
跟老男孩學Linux運維：核心系統命令實戰

『貳』 css棰勫勭悊鍣ㄦ湁鍝浜

CSS(Cascading Style Sheet)琚璇戜負綰ц仈鏍峰紡琛錛屽仛涓轟竴鍚嶅墠絝浠庝笟浜哄憳鏉ヨ達紝榪欎釜涓撲笟鍚嶈瘝騫朵笉闄岀敓錛屽湪琛屼笟涓閫氬父縐頒箣涓衡滈庢牸鏍峰紡琛錛圫tyle Sheet錛夆濓紝瀹冧富瑕佹槸鐢ㄦ潵榪涜岀綉欏甸庢牸璁捐＄殑銆傞氳繃璁劇珛鏍峰紡琛錛屽彲浠ョ粺涓鍦版帶鍒禜TML錛圶HTML錛変腑鍚勬爣絳劇殑鏄劇ず灞炴с傚彲浠ヤ嬌浜烘洿鑳芥湁鏁堢殑鎺у埗Web欏甸潰錛堟垨Web搴旂敤紼嬪簭錛夊栬傦紝鍙浠ョ簿紜鎸囧畾Web鍏冪礌浣嶇疆錛屽栬備互鍙婂壋寤虹壒孌婃晥鏋滅殑鑳藉姏銆侰SS鎷ユ湁瀵圭綉欏靛硅薄鍜屾ā鍨嬫牱寮忕紪杈戣兘鍔涳紝騫惰兘澶熻繘琛屽垵姝ヤ氦浜掕捐★紝鏄鐩鍓嶅熀浜庢枃鏈灞曠ず鏈浼樼鐨勮〃鐜拌捐¤璦銆侰SS鑳藉熸牴鎹 涓嶅悓浣跨敤鑰呯殑鐞嗚В鑳藉姏錛岀畝鍖栨垨鑰呬紭鍖栧啓娉曪紝閽堝瑰悇綾諱漢緹ゆ湁杈冨己鐨勬槗璇繪с

灝盋SS鏈韜鑰岃█錛屽逛簬澶у氭暟Web鍓嶇浠庝笟浜哄憳鏉ヨ村氨涓嶆槸闂棰樸傚﹁繃CSS鐨勪漢閮界煡閬擄紝瀹冧笉鏄涓縐嶇紪紼嬭璦銆備綘鍙浠ョ敤瀹冨紑鍙戠綉欏墊牱寮忥紝浣嗘槸娌℃硶鐢ㄥ畠緙栫▼銆傛崲鍙ヨ瘽璇達紝CSS鍩烘湰涓婃槸璁捐″笀鐨勫伐鍏鳳紝涓嶆槸紼嬪簭鍛樼殑宸ュ叿銆傚湪紼嬪簭鍛樼殑鐪奸噷錛孋SS鏄寰堝ご鐥涚殑浜嬫儏錛屽畠騫朵笉鍍忓叾瀹冪▼搴忚璦錛屾瘮濡傝碢HP銆丣avascript絳夌瓑錛屾湁鑷宸辯殑鍙橀噺銆佸父閲忋佹潯浠惰鍙ヤ互鍙婁竴浜涚紪紼嬭娉曪紝鍙鏄涓琛岃屽崟綰鐨勫睘鎬ф弿榪幫紝鍐欒搗鏉ョ浉褰撶殑璐逛簨錛岃屼笖浠ｇ爜闅炬槗緇勭粐鍜岀淮鎶ゃ

寰堣嚜鐒剁殑錛屾湁浜哄氨寮濮嬪湪鎯籌紝鑳戒笉鑳界粰CSS鍍忓叾浠栫▼搴忚璦涓鏍鳳紝鍔犲叆涓浜涚紪紼嬪厓緔狅紝璁〤SS鑳藉儚鍏朵粬紼嬪簭璇璦涓鏍峰彲浠ュ仛涓浜涢勫畾鐨勫勭悊銆傝繖鏍蜂竴鏉ワ紝灝辨湁浜嗏淐SS棰勫勫櫒錛圕SS Preprocessor錛夆濄

涓銆佷粈涔堟槸CSS棰勫勫櫒

CSS棰勫勭悊鍣ㄥ畾涔変簡涓縐嶆柊鐨勮璦錛屽叾鍩烘湰鎬濇兂鏄錛岀敤涓縐嶄笓闂ㄧ殑緙栫▼璇璦錛屼負CSS澧炲姞浜嗕竴浜涚紪紼嬬殑鐗規э紝灝咰SS浣滀負鐩鏍囩敓鎴愭枃浠訛紝鐒跺悗寮鍙戣呭氨鍙瑕佷嬌鐢ㄨ繖縐嶈璦榪涜岀紪鐮佸伐浣溿傞氫織鐨勮達紝CSS棰勫勭悊鍣ㄧ敤涓縐嶄笓闂ㄧ殑緙栫▼璇璦錛岃繘琛學eb欏甸潰鏍峰紡璁捐★紝鐒跺悗鍐嶇紪璇戞垚姝ｅ父鐨凜SS鏂囦歡錛屼互渚涢」鐩浣跨敤銆侰SS棰勫勭悊鍣ㄤ負CSS澧炲姞涓浜涚紪紼嬬殑鐗規э紝鏃犻渶鑰冭檻嫻忚堝櫒鐨勫吋瀹規ч棶棰橈紝渚嬪備綘鍙浠ュ湪CSS涓浣跨敤鍙橀噺銆佺畝鍗曠殑閫昏緫紼嬪簭銆佸嚱鏁扮瓑絳夊湪緙栫▼璇璦涓鐨勪竴浜涘熀鏈鐗規э紝鍙浠ヨ╀綘鐨凜SS鏇村姞綆媧併侀傚簲鎬ф洿寮恆佸彲璇繪ф洿浣籌紝鏇存槗浜庝唬鐮佺殑緇存姢絳夎稿氬ソ澶勩

CSS棰勫勭悊鍣ㄦ妧鏈宸茬粡闈炲父鐨勬垚鐔燂紝鑰屼笖涔熸穠鐜板嚭浜嗗緢澶氱嶄笉鍚岀殑CSS棰勫勭悊鍣ㄨ璦錛屾瘮濡傝達細Sass錛圫CSS錛夈丩ESS銆丼tylus銆乀urbine銆丼withch CSS銆丆SS Cacheer銆丏T CSS絳夈傚傛や箣澶氱殑CSS棰勫勭悊鍣錛岄偅涔堚滄垜搴旇ラ夋嫨鍝縐岰SS棰勫勭悊鍣錛熲濅篃鐩稿簲鎴愪簡鏈榪戠綉涓婄殑涓澶х儹闂ㄨ瘽棰橈紝鍦↙inkedin銆乀witter銆丆SS-Trick銆佺煡鍛間互鍙婂悇澶ф妧鏈璁哄潧涓婏紝寰堝氫漢涓烘や簤璁轟笉浼戙傜浉姣旇繃璁℃垜浠瀵規槸鍚﹀簲璇ヤ嬌鐢–SS棰勫勭悊鍣ㄧ殑璇濋樿岃█錛岃繖宸茬粡鏄寰堝ぇ鐨勮繘姝ヤ簡銆

鍒扮洰鍓嶄負姝錛屽湪浼楀氫紭縐鐨凜SS棰勫勭悊鍣ㄨ璦涓灝卞睘Sass銆丩ESS鍜孲tylus鏈浼樼錛岃ㄨ虹殑涔熷氾紝瀵規瘮鐨勪篃澶氥傛湰鏂囧皢鍒嗗埆浠庝粬浠浜х敓鐨勮儗鏅銆佸畨瑁呫佷嬌鐢ㄨ娉曘佸紓鍚岀瓑鍑犱釜瀵規瘮涔嬪勫悜浣犱粙緇嶈繖涓夋綜SS棰勫勭悊鍣ㄨ璦銆傜浉淇″墠絝寮鍙戝伐紼嬪笀浼氬仛鍑鴻嚜宸辯殑閫夋嫨鈥斺旀垜瑕侀夋嫨鍝嬈綜SS棰勫勭悊鍣ㄣ

浜屻丼ass銆丩ESS鍜孲tylus鑳屾櫙浠嬬粛

涓轟簡鑳芥洿濂界殑浜嗚В榪欎笁嬈炬祦琛岀殑CSS棰勫勭悊鍣錛屾垜浠鍏堜粠鍏惰儗鏅鍏ユ墜錛岀畝鍗曠殑浜嗚В涓涓嬪悇鑷鐨勮儗鏅淇℃伅銆

1.Sass鑳屾櫙浠嬬粛

Sass鏄瀵笴SS錛堝眰鍙犳牱寮忚〃錛夌殑璇娉曠殑涓縐嶆墿鍏咃紝璇炵敓浜2007騫達紝鏈鏃╀篃鏄鏈鎴愮啛鐨勪竴嬈綜SS棰勫勭悊鍣ㄨ璦錛屽畠鍙浠ヤ嬌鐢ㄥ彉閲忋佸父閲忋佸祵濂椼佹販鍏ャ佸嚱鏁扮瓑鍔熻兘錛屽彲浠ユ洿鏈夋晥鏈夊脊鎬х殑鍐欏嚭CSS銆係ass鏈鍚庤繕鏄浼氱紪璇戝嚭鍚堟硶鐨凜SS璁╂祻瑙堝櫒浣跨敤錛屼篃灝辨槸璇村畠鏈韜鐨勮娉曞苟涓嶅お瀹規槗璁╂祻瑙堝櫒璇嗗埆錛屽洜涓哄畠涓嶆槸鏍囧噯鐨凜SS鏍煎紡錛屽湪瀹冪殑璇娉曞唴閮ㄥ彲浠ヤ嬌鐢ㄥ姩鎬佸彉閲忕瓑錛屾墍浠ュ畠鏇村儚涓縐嶆瀬綆鍗曠殑鍔ㄦ佽璦銆

鍏跺疄鐜板湪鐨凷ass宸茬粡鏈変簡涓ゅ楄娉曡勫垯錛氫竴涓渚濇棫鏄鐢ㄧ緝榪涗綔涓哄垎闅旂︽潵鍖哄垎浠ｇ爜鍧楃殑錛涘彟涓濂楄勫垯鍜孋SS涓鏍烽噰鐢ㄤ簡澶ф嫭鍙鳳紙鍀涳綕錛変綔涓哄垎闅旂︺傚悗涓縐嶈娉曡勫垯鍙堝悕SCSS錛屽湪Sass3涔嬪悗鐨勭増鏈閮芥敮鎸佽繖縐嶈娉曡勫垯銆

2.LESS鐨勮儗鏅浠嬬粛

2009騫村紑婧愮殑涓涓欏圭洰錛屽彈Sass鐨勫獎鍝嶈緝澶э紝浣嗗張浣跨敤CSS鐨勮娉曪紝璁╁ぇ閮ㄥ垎寮鍙戣呭拰璁捐″笀鏇村規槗涓婃墜銆侺ESS鎻愪緵浜嗗氱嶆柟寮忚兘騫蟲粦鐨勫皢鍐欏ソ鐨勪唬鐮佽漿鍖栨垚鏍囧噯鐨凜SS浠ｇ爜錛屽湪寰堝氭祦琛岀殑妗嗘灦鍜屽伐鍏蜂腑宸茬粡鑳界粡甯哥湅鍒癓ESS鐨勮韓褰變簡錛堜緥濡俆witter鐨凚ootstrap妗嗘灦灝變嬌鐢ㄤ簡LESS錛夈

鏍規嵁緇村熀鐧劇戜笂鐨勪粙緇嶏紝鍏跺疄LESS鏄疉lexis Sellier鍙桽ass鐨勫獎鍝嶅壋寤虹殑涓涓寮婧愰」鐩銆傚綋鏃禨ASS閲囩敤浜嗙緝榪涗綔涓哄垎闅旂︽潵鍖哄垎浠ｇ爜鍧楋紝鑰屼笉鏄疌SS涓騫誇負浣跨敤鐨勫ぇ鎷鍙鳳紙鍀涳綕錛夈備負浜嗚〤SS鐜版湁鐨勭敤鎴蜂嬌鐢ㄨ搗鏉ユ洿浣蟲柟渚匡紝Alexis寮鍙戜簡LESS騫舵彁渚涗簡綾諱技CSS鐨勪功鍐欏姛鑳姐

3.Stylus鑳屾櫙浠嬬粛

Stylus錛2010騫翠駭鐢燂紝鏉ヨ嚜浜嶯ode.js紺懼尯錛屼富瑕佺敤鏉ョ粰Node欏圭洰榪涜孋SS棰勫勭悊鏀鎸侊紝鍦ㄦょぞ鍖轟箣鍐呮湁涓瀹氭敮鎸佽咃紝鍦ㄥ箍娉涚殑鎰忎箟涓婁漢姘旇繕瀹屽叏涓嶅係ass鍜孡ESS銆

Stylus琚縐頒負鏄涓縐嶉潻鍛芥х殑鏂拌璦錛屾彁渚涗竴涓楂樻晥銆佸姩鎬併佸拰浣跨敤琛ㄨ揪鏂瑰紡鏉ョ敓鎴怌SS錛屼互渚涙祻瑙堝櫒浣跨敤銆係tylus鍚屾椂鏀鎸佺緝榪涘拰CSS甯歌勬牱寮忎功鍐欒勫垯銆

娉錛歋tylus涓婁笅杞絉uby瀹夎呮枃浠訛紙闅忔剰閫夋嫨涓涓鐗堟湰錛夛紝姝ゅ勯夋嫨鐨勬槸鏈鏂扮増鏈琑uby1.9.3-p385錛

闄や簡浣跨敤Ruby鐨凜ommand鎺у埗闈㈡澘杞璇慡ass涔嬪栬繕鍙浠ヨ冭檻絎涓夋柟宸ュ叿錛屾瘮濡傝存湁鍚嶇殑Compass.app鍜宖ire.app銆

2.LESS鏂囦歡鐨勮漿璇戞垚CSS鏂囦歡

LESS鏂囦歡鐨勮漿璇戝拰Sass鏂囦歡杞璇戝彲浠ヨ存槸澶у悓灝忓紓錛屼笉鍚屼箣澶勬槸LESS鍦ㄥ畨瑁呯殑Node JS鐜澧冧笅閫氳繃鍏惰嚜宸辯殑鍛戒護鏉ヨ繘琛岃漿璇戙

$ lessc style.less

涓婇潰鐨勫懡浠や細灝嗙紪璇戠殑CSS浼犻掔粰stdout錛屼綘鍙浠ュ皢瀹冧繚瀛樺埌涓涓鏂囦歡涓錛

$ lessc style.less > style.css

闄や簡涓婇潰鐨勫懡浠よ漿璇慙ESS婧愭枃浠朵箣澶栵紝鐜板湪榪樻湁寰堝氱涓夋柟寮鍙戠殑宸ュ叿錛屾瘮杈冨父瑙佺殑鏈夛細SimpleLess銆丩ess.app銆丩ESS緙栬瘧杈呭姪鑴氭湰-LESS2CSS銆乄inLess鍜孋odeKit.app絳夛紝鎴戜釜浜虹幇鍦ㄥ父鐢ㄧ殑鏄疻inLess宸ュ叿錛岀畝鍗曟槗鐢錛屼笉榪囧湪IOS緋葷粺涓婰ESS.app鍜孋odeKit.app寰堝ソ鐢ㄣ

3.Stylus婧愭枃浠惰漿璇戞垚CSS鏂囦歡

Stylus鍏鋒湁鍙鎵ц屾э紝鍥犳Stylus鑳藉皢鑷韜杞鎹㈡垚CSS銆係tylus鍙浠ヨ誨彇鑷鈥渟tdin鈥濊緭鍑哄埌鈥渟tdout鈥濓紝鍥犳Stylus鍙浠ュ儚涓嬮潰杞璇戞簮鏂囦歡錛

$ stylus 鈥揷ompress <some.styl> some.css

Stylus涔熷儚Sass涓鏍鳳紝鍚屾椂鎺ュ彈鍗曚釜鏂囦歡鍜屾暣涓鐩褰曠殑杞璇戙備緥濡傦紝涓涓鐩褰曞悕涓衡渃ss鈥濆皢鍦ㄥ悓涓涓鐩褰曠紪璇戝苟杈撳嚭鈥.css鈥濇枃浠躲

$ stylus css

涓嬮潰鐨勫懡浠ゅ皢杈撳嚭鍒扳./public/stylesheets鈥濓細

$ stylus css 鈥搊ut public/stylesheets

榪樺彲浠ュ悓鏃惰漿璇戝氫釜鏂囦歡錛

$ stylus one.styl two.styl

濡傛灉浣犵殑嫻忚堝櫒瀹夎呬簡Firebug錛岄偅涔堝彲浠ヤ嬌鐢‵ireStylus鎵╁睍銆

$ stylus 鈥揻irebug <path>

浜斻丼ass銆丩ESS鍜孲tylus鐨勮娉

姣忎竴縐嶈璦閮芥湁鑷宸變竴瀹氱殑璇娉曡勫垯錛孋SS棰勫勭悊鍣ㄨ璦涔熶笉渚嬪栵紝鍦ㄧ湡姝ｄ嬌鐢–SS棰勫勫櫒璇璦涔嬪墠榪樻湁涓涓涓嶅彲緙哄皯鐨勭煡璇嗙偣錛屽氨鏄瀵硅娉曠殑鐞嗚В銆傚煎緱搴嗗垢鐨勬槸錛岃繖涓夋綜SS棰勫勭悊鍣ㄨ璦鐨勮娉曞拰CSS璇娉曢兘宸涓嶅氥

1.Sass璇娉

Sass3.0鐗堟湰寮濮嬩嬌鐢ㄧ殑鏄鏍囧噯鐨凜SS璇娉曪紝鍜孲CSS鍙浠ヨ存槸涓鏍風殑銆傝繖鏍稴ass浠ｇ爜杞鎹㈡垚CSS浠ｇ爜鍙樺緱鏇村規槗銆傞粯璁Sass浣跨敤鈥.scss鈥濇墿灞曞悕銆係ass璇娉曡勫垯鍙浠ュ儚CSS閭ｆ牱涔﹀啓錛

/*style.sass鏂扮増璇娉曡勫垯*/h1{ color:#936;
background-color:#333;}

姝ｅ備綘鎵鐪嬪埌鐨勶紝鍦⊿ass鏍峰紡涓錛岃繖鏍風殑浠ｇ爜鏄鍦ㄧ畝鍗曚笉榪囩殑浜嗐

閲嶈佺殑涓鐐規槸錛孲ass涔熷悓鏃舵敮鎸佽佺殑璇娉曪紝鑰佺殑璇娉曞拰甯歌勭殑CSS璇娉曠暐鏈変笉鍚岋紝浠栭渶瑕佷弗鏍肩殑璇娉曪紝浠諱綍鐨勭緝榪涘拰瀛楃︾殑閿欒閮戒細閫犳垚鏍峰紡鐨勭紪璇戦敊璇銆係ass鍙浠ョ渷鐣ュぇ鎷鍙鳳紙鍀涳綕錛夊拰鍒嗗彿錛堬紱錛夛紝瀹屽叏渚濋潬涓ユ牸鐨勭緝榪涘拰鏍煎紡鍖栦唬鐮侊紝鑰屼笖鏂囦歡浣跨敤鈥.sass鈥濇墿灞曞悕錛屼粬鐨勮娉曠被浼間簬錛

/*style.sass*/h1
color:#936
background-color: #333

2.LESS璇娉

LESS鏄疌SS鐨勪竴縐嶆墿灞曞艦寮忥紝瀹冨苟娌℃湁闃夊壊CSS鐨勫姛鑳斤紝鑰屾槸鍦ㄧ幇鏈夌殑CSS璇娉曚笂錛屾坊鍔犱簡寰堝氶濆栫殑鍔熻兘銆傚氨璇娉曡勫垯鑰岃█錛孡ESS鍜孲ass涓鏍鳳紝閮芥槸浣跨敤CSS鐨勬爣鍑嗚娉曪紝鍙鏄疞ESS鐨勬簮鏂囦歡鐨勬墿灞曞悕鏄鈥.less鈥濓紝鍏跺熀鏈璇娉曠被浼間簬錛

/*style.less*/h1 { color: #963;
background-color: #333;}

3.Stylus璇娉

Stylus鐨勮娉曡姳鏍峰氫竴浜涳紝瀹冪殑鏂囦歡鎵╁睍鍚嶆槸鈥.styl鈥濓紝Stylus涔熸帴鍙楁爣鍑嗙殑CSS璇娉曪紝浣嗘槸浠栦篃鍍廠ass鑰佺殑璇娉曡勫垯錛屼嬌鐢ㄧ緝榪涙帶鍒訛紝鍚屾椂Stylus涔熸帴鍙椾笉甯﹀ぇ鎷鍙鳳紙鍀涳綕錛夊拰鍒嗗彿鐨勮娉曪紝濡備笅鎵紺猴細

/*style.styl*//*綾諱技浜嶤SS鏍囧噯璇娉*/h1 { color: #963;
background-color:#333;}/*鐪佺暐澶ф嫭鍙鳳紙鍀涳綕錛*/h1
color: #963; background-color: #333;/*鐪佺暐澶ф嫭鍙鳳紙鍀涳綕錛夊拰鍒嗗彿錛;錛*/h1
color:#963
background-color:#333

鍦⊿tylus鏍峰紡涓錛屼綘涔熷彲浠ュ湪鍚屼竴涓鏍峰紡鏂囦歡涓浣跨敤涓嶅悓鐨勮娉曡勫垯錛屼笅闈㈣繖鏍風殑鍐欐硶涔熶笉浼氭姤閿欙細

/*style.styl*/h1 {
color #963}
h2
font-size:1.2em

鍏銆丼ass銆丩ESS鍜孲tylus鐗規

榪欎笁嬈綜SS棰勫勭悊鍣ㄨ璦鍏鋒湁涓浜涚浉鍚岀殑鐗規э紝渚嬪傦細鍙橀噺銆佹販鍏ャ佸祵濂椼佸嚱鏁扮瓑銆傚湪榪欎竴鑺備腑錛屾垜浠渚濇℃潵瀵規瘮涓涓嬭繖涓夋綜SS棰勫勭悊鍣ㄨ璦鍚勭嶇壒鎬х殑寮傚悓涔嬪勶紝浠ュ強浣跨敤鏂規硶銆

1.鍙橀噺錛圴ariables錛

濡傛灉浣犳槸涓涓寮鍙戜漢鍛橈紝鍙橀噺搴旇ユ槸浣犳渶濂芥湅鍙嬩箣涓銆傚湪CSS棰勫勭悊鍣ㄨ璦涓浣犱篃鍙浠ュ０鏄庡彉閲忥紝騫跺湪鏁翠釜鏍峰紡琛ㄤ腑浣跨敤銆侰SS棰勫勭悊鍣ㄨ璦鏀鎸佷換浣曞彉閲忥紙渚嬪傦細棰滆壊銆佹暟鍊箋佹枃鏈錛夈傜劧鍚庝綘鍙浠ュ湪浠繪剰鍦版柟寮曠敤鍙橀噺銆

a)Sass鐨勫彉閲

Sass澹版槑鍙橀噺蹇呴』鏄鈥$鈥濆紑澶達紝鍚庨潰緔ц窡鍙橀噺鍚嶅拰鍙橀噺鍊礆紝鑰屼笖鍙橀噺鍚嶅拰鍙橀噺鍊奸渶瑕佷嬌鐢ㄥ啋鍙鳳紙錛氾級鍒嗛殧寮銆傚氨鍍廋SS灞炴ц劇疆涓鏍鳳細

/*澹版槑鍙橀噺*/$mainColor: #963;$siteWidth: 1024px;$borderStyle: dotted;/*璋冪敤鍙橀噺*/ | /*杞璇戝嚭鏉ョ殑CSS*/------------------------------------------+------------------------------
body { | body {
color: $mainColor; | color: #963;
border:1px $borderStyle $mainColor; | border:1px dotted #963;
max-width: $siteWidth; | max-width: 1024px;
} | }

b)LESS鐨勫彉閲

LESS鏍峰紡涓澹版槑鍙橀噺鍜岃皟鐢ㄥ彉閲忓拰Sass涓鏍鳳紝鍞涓鐨勫尯鍒灝辨槸鍙橀噺鍚嶅墠闈浣跨敤鐨勬槸鈥淍鈥濆瓧絎︼細

/*澹版槑鍙橀噺*/@mainColor: #963;@siteWidth: 1024px;@borderStyle: dotted;/*璋冪敤鍙橀噺*/ | /*杞璇戝嚭鏉ョ殑CSS*/----------------------------------------+-------------------------------
body { | body {
color: @mainColor; | color:#963;
border:1px @borderStyle @mainColor; | border:1px dotted #963;
max-width: @siteWidth; | max-width:1024px;
} | }

c)Stylus鐨勫彉閲

Stylus鏍峰紡涓澹版槑鍙橀噺娌℃湁浠諱綍闄愬畾錛屼綘鍙浠ヤ嬌鐢ㄢ$鈥濈﹀彿寮濮嬨傜粨灝劇殑鍒嗗彿錛;錛夊彲鏈夊彲鏃狅紝浣嗗彉閲忓悕鍜屽彉閲忓間箣闂寸殑絳夊彿錛=錛夋槸闇瑕佺殑銆傛湁涓鐐歸渶瑕佹敞鎰忕殑鏄錛屽傛灉鎴戜滑浣跨敤鈥淍鈥濈﹀彿寮澶存潵澹版槑錛0.22.4錛夊彉閲忥紝Stylus浼氳繘琛岀紪璇戱紝浣嗗叾瀵瑰簲鐨勫煎苟涓嶄細璧嬪肩粰鍙橀噺銆傛崲鍙ヨ瘽璇達紝鍦⊿tylus涓涓嶈佷嬌鐢ㄢ淍鈥濈﹀彿寮澶村０鏄庡彉閲忋係tylus涓璋冪敤鍙橀噺鐨勬柟娉曞拰LESS銆丼ass鏄瀹屽叏鐩稿悓鐨勩

/*澹版槑鍙橀噺*/mainColor = #963;siteWidth = 1024px;$borderStyle = dotted;/*璋冪敤鍙橀噺*/ | /*杞璇戝嚭鏉ョ殑CSS*/----------------------------------------+--------------------------------
body | body {
color mainColor | color: #963;
border 1px $borderStyle mainColor | border:1px dotted #963
max-width siteWidth | max-width:1024px;
| }

Stylus榪樻湁涓涓鐙鐗瑰姛鑳斤紝涓嶉渶瑕佸垎閰嶅肩粰鍙橀噺灝卞彲浠ュ畾涔夊紩鐢ㄥ睘鎬э細

/*姘村鉤鍨傜洿灞呬腑*/ | /*杞璇戝嚭鏉ョ殑CSS*/------------------------------------+------------------------------------#logo | #logo {
position absolute | position:absolute;
top 50% | top:50%;
left 50% | left:50%;
width w = 150px | width:150px;
height h = 80px | height:80px;
margin-left -(w / 2)

『叄』 win7 钃濆睆鏄劇ずdriver_irql_not_less_or_equal 閿欒浠ｇ爜鏄0x000000D1(0x000000D1,0x00000004,0x00000002,0x0

寮曡搗鍏蟲満钃濆睆鏁呴殰錛
1 鍙鏄鍋剁劧浜嬩歡錛岄噸璧峰嵆鍙鎺掗櫎銆備笉鍙浠ユ帓闄よ繖涓鍙鑳斤紝鍥犱負鎸夋傜巼鏉ヨ村湪鏄瀛樺湪鐨勶紝鎴戜滑涓嶅彲浠ュ洜涓轟竴嬈¤摑灞忚屽氨鍥烘墽鐨勮や負璁＄畻鏈烘湁鏁呴殰錛

2 WindowsXP鏈韜甯︽湁鐨勪竴涓狟UG銆傚畠鐨勮〃鐜版槸錛氬湪鍏蟲満榪囩▼涓錛岄棿姝囨х殑鍑虹幇钃濆睆鐜拌薄錛屾垜浠鍙浠ラ氳繃涓嬭澆琛ヤ竵鐨勫姙娉曟潵瑙ｅ喅榪欎釜闂棰橈紒

3 椹卞姩紼嬪簭闂棰樸傛垜浠鍙浠ユ煡鎵炬渶榪戝畨瑁呯殑椹卞姩紼嬪簭錛屾槸鍚﹀瓨鍦ㄥ吋瀹規х殑闂棰樻垨鑰呮妸緋葷粺榪樺師鍒頒笂涓嬈℃ｇ『鎿嶄綔錛
濡傛灉浣犱嬌鐢ㄧ殑鏄鍒涙柊澹板崱錛屽苟涓斿湪鍏蟲満榪囩▼涓鍑虹幇钃濆睆錛岄敊璇鐮佹槸鈥0X0A鈥濓紝閭ｄ箞錛岃瘋繘鍏ヨ懼囩＄悊鍣錛屽皢澹板崱鍒犻櫎錛屽埛鏂板悗錛屾墜鍔ㄥ畨瑁呮渶鏂扮殑甯︽湁鏁板瓧絳懼悕鐨勯┍鍔ㄧ▼搴忋

4 杞浠跺啿紿侀犳垚鍏蟲満钃濆睆銆傜『璁ゅ湪鍏蟲満鍓嶅叧鎺夋墍鏈夋ｅ湪榪愯岀殑紼嬪簭錛屽傛灉鍙嶅嶅嚭鐜板叧鏈鴻摑灞忕幇璞¤鋒鏌ユ渶榪戝畨瑁呰蔣浠剁殑鍏煎規ф垨鑰呴噸鏂板畨瑁呯郴緇熴佺郴緇熻繕鍘熸垨鑰呭垹闄ゆ渶榪戝畨瑁呰蔣浠惰瘯璇曪紒

5 鎰熸煋鐥呮瘨銆傝繘鍏ュ畨鍏ㄦā寮忓交搴曟潃姣掞紒

6 涓繪澘BIOS涓嶇ǔ瀹氥傜粰BIOS鏀劇數鎴栬呭崌綰т富鏉緽IOS錛

7 闈炴ｅ父鍏抽棴璁＄畻鏈哄紩璧風殑钃濆睆鏁呴殰銆

8 鍐呭瓨鏉℃晠闅溿傚ぇ閮ㄥ垎鏄鍐呭瓨鏉¤姘у寲錛屾湁姍＄毊鎿︿笅閲戞墜鎸 鎹涓涓嬪唴瀛樻彃妲藉熀鏈鏄灝卞彲浠ユ帓闄わ紝榪樻湁灝辨槸鍐呭瓨鐨勪笉鍏煎癸紝涓鑸閲嶆柊瀹夎呯郴緇熷彲浠ヨВ鍐籌紒鏁ｈ呭唴瀛樹竴鑸鍝佽川鍙傚樊涓嶉綈錛屼吉鍔ｄ駭鍝佺敱浜庡搧璐ㄤ笉榪囧叧寰堝規槗寮曡搗钃濋戞晠闅滐紒

9 娉ㄥ唽琛ㄦ崯鍧忓艱嚧鏂囦歡鎸囧悜閿欒鎵寮曡搗鐨勮摑灞忋

10 紜浠舵晠闅溿傝繖涓涓鑸鍙浠ョ敤鏇挎崲娉曡В鍐籌紒

11 紜浠惰祫婧愬啿紿併傜敱浜庢樉鍗℃垨鑰呭０鍗¤劇疆鍐茬獊錛屽紩璧風殑寮傚父閿欒銆傝В鍐蟲柟娉曡繘鍏モ滃畨鍏ㄦā寮忊濃滄帶鍒墮潰鏉庫旂郴緇熲旇懼囩＄悊鈥濅腑榪涜岄傚綋璋冩暣錛屼竴鑸鍙浠ヨВ鍐籌紒

12 紜鐩樺垎鍖轟俊鎮閿欒銆傛渶濂借繍鐢ㄧ佺洏宸ュ叿榪涜屾壂鎻忎慨澶嶏紒

13 紓佺洏鍓╀綑絀洪棿榪囧皯鎴栬呭瀮鍦炬枃浠惰繃澶氫篃涓ラ噸褰卞搷璁＄畻鏈鴻繍琛岋紒鎴戜滑搴旇ュ艦鎴愬ソ鐨勪範鎯瀹氭湡娓呯悊紓佺洏鍨冨溇錛

14 瓚呴戝紩璧瘋摑灞忔晠闅溿

15 鐏板皹闂棰樸傚畾鏈熸竻鐞嗘満綆卞唴鍨冨溇鍙浠ユ湁鏁堥勯槻姝繪満浠ュ強钃濆睆鐨勫彂鐢燂紒

16 鍗囩駭DX鏃舵妸system涓嬬殑閮ㄥ垎閲嶈佹枃浠惰嗙洊瀹夎呫

17 媯鏌ユ満綆卞唴綰胯礬鏄鍚︽澗鍔錛岀‖鐩樻帴鍙ｇ瓑浠ュ強鏄懼崱 緗戝崱 澹板崱 鍐呭瓨絳夋槸鍚︽彃緔с

18 鐢墊簮闂棰樸傜敱浜庡姡璐ㄧ數婧愮數鍘嬩笉紼沖畾錛岄潪甯告湁鍙鑳藉紩璧蜂竴緋誨垪鐨勯棶棰橈紝姣斿傛棤鏁呮繪満 閲嶈搗 钃濆睆絳夌幇璞★紝鐢墊簮闂棰樺紩璧瘋摑灞忎富瑕佹槸鍥犱負鐢靛帇涓嶇ǔ瀹氾紝寮鏈烘椂闂磋繃闀垮湪鏄懼崱絳変竴緋誨垪璁懼囦腑褰㈡垚涓浜涜剦鍐茬數闃伙紝鍦ㄥ叧鏈虹殑鏃跺欒＄畻鏈哄氨浼氬彂鐜伴敊璇錛屾墍浠ュ紩璧瘋摑灞忥紒