縮小代碼如何在網頁設計方面發揮作用?網頁設計流程:縮小?
我理解爲了降低加載速度而進行縮小的重要性。我用縮進來編寫我的html和css代碼。我現在正在做的是在我的本地計算機上,我有我的原始代碼。然後,當我準備好將其上傳到現場網站時,我會縮小它並將代碼複製/粘貼到那裏。
所以,現在我有2個版本的網站:原始&縮小。
這是做這件事的正確方法,還是應該用「縮小」的形式寫我的代碼?如果我用縮小的形式寫的話,它會非常糟糕,不可能編碼。
請告訴我你們是怎麼做的!
縮小代碼如何在網頁設計方面發揮作用?網頁設計流程:縮小?
我理解爲了降低加載速度而進行縮小的重要性。我用縮進來編寫我的html和css代碼。我現在正在做的是在我的本地計算機上,我有我的原始代碼。然後,當我準備好將其上傳到現場網站時,我會縮小它並將代碼複製/粘貼到那裏。
所以,現在我有2個版本的網站:原始&縮小。
這是做這件事的正確方法,還是應該用「縮小」的形式寫我的代碼?如果我用縮小的形式寫的話,它會非常糟糕,不可能編碼。
請告訴我你們是怎麼做的!
縮小不是你網頁設計過程的一部分。你需要寫你的代碼漂亮和漂亮。然後使用一個工具來縮小你的CSS和JavaScript,可能作爲你的構建過程的一部分。
謝謝!瞭解到這個新的「工具」。 – Peter 2014-11-07 02:37:52
以清晰,可維護的方式編寫代碼。因此,請保留縮進等。
在部署代碼時縮小代碼。你正在通過自己運行一個工具來做到這一點。許多人將其作爲其構建/部署過程的一部分。所以你可能有一個命令可以縮小你的所有資產並將它們部署到你的服務器上。
但是如果你現在還沒有構建/部署工具,那麼你這樣做的方式可能就是要走的路。在你的待辦事項/自我完善清單上放置「瞭解構建工具並採用一種工具」。你會很高興你做到了。
我第一次聽說過這個「構建工具」。你可以分享一些有用的網站,我可以瞭解它們嗎?我是一位經驗豐富的「網頁設計師」,並沒有跟上最新的工具。謝謝! – Peter 2014-11-07 02:34:27
我正在使用http://gulpjs.com/及其一些軟件包。它可以看我可讀的CSS(或更少),並管道它每次我通過像縮小或前綴一樣的方法自動保存(自動添加瀏覽器特定的CSS爲舊的瀏覽器不支持css3)
也許檢查本教程if你想深入挖掘http://www.sitepoint.com/introduction-gulp-js/
以可讀形式書寫,部署時用工具縮小。 – 2014-11-02 19:11:18
縮小源代碼應該是部署過程的一部分。 如果您當前正在通過手動複製文件進行部署,那麼您確實沒有支持縮小的進程。您應該使用可以爲您處理縮小的工具進行部署。 – meagar 2014-11-02 19:15:35