{"id":12218,"date":"2023-11-28T22:47:31","date_gmt":"2023-11-28T14:47:31","guid":{"rendered":"https:\/\/wx.kaifamiao.info\/?p=12218"},"modified":"2023-11-28T22:47:36","modified_gmt":"2023-11-28T14:47:36","slug":"qian-duan-mian-shi-tisass-heless-you-shen-me-qu-bi","status":"publish","type":"post","link":"http:\/\/wx.kaifamiao.info\/index.php\/2023\/11\/28\/qian-duan-mian-shi-tisass-heless-you-shen-me-qu-bi\/","title":{"rendered":"\u524d\u7aef\u9762\u8bd5\u9898\uff1asass\u548cless\u6709\u4ec0\u4e48\u533a\u522b\uff1f"},"content":{"rendered":"<p>1\u3001\t\u7f16\u8bd1\u73af\u5883\u4e0d\u4e00\u6837Sass\u7684\u5b89\u88c5\u9700\u8981Ruby\u73af\u5883\uff0c\u662f\u5728\u670d\u52a1\u7aef\u5904\u7406\u7684\uff0c\u800cLess\u662f\u9700\u8981\u5f15\u5165 less, js\u6765\u5904\u7406Less\u4ee3\u7801\u8f93\u51facss\u5230\u6d4f\u89c8\u5668\uff0c\u4e5f\u53ef\u4ee5\u5728\u5f00\u53d1\u73af\u8282\u4f7f\u7528Less,\u7136\u540e\u7f16\u8bd1\u6210css \u6587\u4ef6\uff0c\u76f4\u63a5\u653e\u5230\u9879\u76ee\u4e2d\u3002<br \/>\n2\u3001\t\u53d8\u91cf\u7b26\u4e0d\u4e00\u76f8\uff0cless\u662f@,\u800cscss\u662f$\uff0c\u800c\u4e14\u5b83\u4eec\u7684\u4f5c\u7528\u57df\u4e5f\u4e0d\u4e00\u6837\uff0cless\u662f\u5757\u7ea7\u4f5c\u7528\u57df<br \/>\n3\u3001\t\u8f93\u51fa\u8bbe\u7f6e\uff0cLess\u6ca1\u6709\u8f93\u51fa\u8bbe\u7f6e\uff0csass\u63d0\u4f9b4\u79cd\u8f93\u51fa\u9009\u9879\uff0cnested,compact,compressed \u548cexpanded nested\uff1a\u5d4c\u5957\u7f29\u8fdb\u7684css\u4ee3\u7801\uff08\u9ed8\u8ba4\uff09expanded\uff1a\u5c55\u5f00\u7684\u591a\u884ccss\u4ee3\u7801compact\uff1a \u7b80\u6d01\u683c\u5f0f\u7684css\u4ee3\u7801compressed\uff1a\u538b\u7f29\u540e\u7684css\u4ee3\u7801<br \/>\n4\u3001\tsass\u652f\u6301\u6761\u4ef6\u8bed\u53e5\uff0c\u53ef\u4ee5\u4f7f\u7528if{}else{},for{}\u5faa\u73af\u7b49\u7b49\uff0c\u800cless\u4e0d\u884c<br \/>\n5\u3001\t\u5f15\u7528\u5916\u90e8css\u6587\u4ef6\uff0csass\u5f15\u7528\u5916\u90e8\u6587\u4ef6\u5fc5\u987b\u4ee5\u77dc\u6587\u4ef6\u540d\u5982\u679c\u4ee5\u4e0b\u5212\u7ebf\u5f62\u72c0,sass\u4f1a \u8ba4\u4e3a\u8be5\u6587\u4ef6\u662f\u4e00\u4e2a\u5f15\u7528\u6587\u4ef6\uff0c\u4e0d\u4f1a\u5c06\u5176\u7f16\u8bd1\u4e3acss\u6587\u4ef6dess\u5f15\u7528\u5916\u90e8\u6587\u4ef6\u548ccss\u4e2d\u7684@import \u6ca1\u4ec0\u4e48\u5dee\u5f02\u3002<br \/>\n6\u3001\tsass\u548cless\u7684\u5de5\u5177\u5e93\u4e0d\u540c\u3002sass\u6709\u5de5\u5177\u5e93Compass,\u7b80\u5355\u8bf4\uff0csass\u548cCompass\u7684\u5173\u7cfb\u6709 \u70b9\u50cfJavascript\u548cjQuery\u7684\u5173\u7cfb\uff0cCompass\u662fsass\u7684\u5de5\u5177\u5e93\u3002\u5728\u5b83\u7684\u57fa\u7840\u4e0a\uff0c\u5c01\u88c5\u4e86 \u4e00\u7cfb\u5217 \u6709\u7528\u7684\u6a21\u5757\u548c\u6a21\u677f\uff0c\u8865\u5145\u5f3a\u5316\u4e86 sass\u7684\u529f\u80fd\u3002less\u6709UI\u7ec4\u4ef6\u5e93Bootstrap,Bootstrap\u662fweb \u524d\u7aef\u5f00\u53d1\u4e2d\u4e00\u4e2a\u6bd4\u8f83\u6709\u540d\u7684\u524d\u7aefUI\u7ec4\u4ef6\u5e93\uff0cBootstrap\u7684\u6837\u5f0f\u6587\u4ef6\u90e8\u5206\u6e90\u7801\u5c31\u662f\u91c7\u7528less\u8bed \u6cd5\u7f16\u5199\u3002<br \/>\n\u603b\u7ed3\uff1a\u4e0d\u7ba1\u662fsass,\u8fd8\u662fless,\u90fd\u53ef\u4ee5\u89c6\u4e3a\u4e00\u79cd\u57fa\u4e8eCSS\u4e4b\u4e0a\u7684\u9ad8\u7ea7\u8bed\u8a00\uff0c\u5176\u76ee\u7684\u662f\u4f7f\u5f97CSS \u5f00\u53d1\u66f4\u7075\u6d3b\u548c\u66f4\u5f3a\u5927\uff0csass\u7684\u529f\u80fd\u6bd4less\u5f3a\u5927\uff0c\u57fa\u672c\u53ef\u4ee5\u8bf4\u662f\u4e00\u79cd\u771f\u6b63\u7684\u7f16\u7a0b\u8bed\u8a00\u4e86\uff0cless \u5219\u76f8\u5bf9\u6e05\u6670\u660e\u4e86\uff0c\u6613\u4e8e\u4e0a\u624b,\u5bf9\u7f16\u8bd1\u73af\u5883\u8981\u6c42\u6bd4\u8f83\u5bbd\u677e\u3002\u8003\u8651\u5230\u7f16\u8bd1sass\u8981\u5b89\u88c5Ruby,\u800cRuby \u5b98\u7f51\u5728\u56fd\u5185\u8bbf\u95ee\u4e0d\u4e86\uff0c\u4e2a\u4eba\u5728\u5b9e\u9645\u5f00\u53d1\u4e2d\u66f4\u503e\u5411\u4e8e\u9009\u62e9less\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>1\u3001 \u7f16\u8bd1\u73af\u5883\u4e0d\u4e00\u6837Sass\u7684\u5b89\u88c5\u9700\u8981Ruby\u73af\u5883\uff0c\u662f\u5728\u670d\u52a1\u7aef\u5904\u7406\u7684\uff0c\u800cLess\u662f\u9700\u8981\u5f15\u5165 less, js\u6765 [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[103],"tags":[],"class_list":["post-12218","post","type-post","status-publish","format-standard","hentry","category-qianduan"],"_links":{"self":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/12218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/comments?post=12218"}],"version-history":[{"count":1,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/12218\/revisions"}],"predecessor-version":[{"id":12219,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/12218\/revisions\/12219"}],"wp:attachment":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/media?parent=12218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/categories?post=12218"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/tags?post=12218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}