雖說接觸前端也有一個多學期了，也模仿過一些網站，可是今天當我更加深入的去了解之后，讓我覺得之前學的只是真的時太淺了，雖說僅僅一天，可是讓我接觸了許多，學到了許多。首先接觸的自然時markdown了，這款編輯器將文檔排版的更加簡潔，更加美觀。尤其是排版功能！ 還有git，即分布式版本控制系統，具有極為豐富的命令集，對內部系統提供了高級操作和完全訪問，而且還支持離線操作，功能非常強大。git運用了大量的命令，而所有的東西都是放在一個庫里，$ git init 就是一個創建庫的命令，它支持多個版本，而且實時跟新，比如，我在編寫非常長的論文，而如果這時候我要發給其他人，當他閱讀完重新發給我之后我不能清楚的了解他是否修改，因此，我們這時候就可以將這篇文檔放在庫里面，以便在任何時候都可以調用。 媒體查詢，簡單的就可以總結為一句話，媒體查詢是界面為了適應不同屏幕大小而存在的。同時，可以歸納為一句語法，即：@media mediatype(即類型) and（在）| not（不再）|only （僅在）(media feature （設備尺寸）){（這里就是調用CSS樣式了）}。媒體查詢需要牢記格式，上手很容易。 less是基于css的，瀏覽器目前并不支持，所以我們在使用less后需要將之編譯為css文件，我現在用的ide是HBuilder，是一款可以創建ide和編譯less的一款軟件，既然less是基于css的，所以在less中，less的代碼比起css要更加簡介，而且我們可以定義函數，在每個塊中去調用它，甚至我們可以調用不同的塊，例如我們定義了public A，然而我們還可以在Public B中去調用它。這里我就直接上圖吧，這就是簡單的運用less函數的定義。 bootstrap柵格，柵格系統將一行分成12個格子，我覺得這個與表格有些相似之處，在我用的HBuilder中，不用在下載bootstrap的插件，只需直接調用。在我之前模仿網站的時候，許多時候都直接用margin 以及height，width屬性直接將塊定成唯一，所以很難實現響應式布局。 這里直接上圖，這幾個參數尤為重要，例如col-log-3就是指這個div自己占四分之一，它相當與一個容器，比如當我寫了一個1200px時，它就會占據一定的格子，這就起到了響應式布局的效果，在bootstrap中，bootstrap可以讓我們避免了很多的麻煩，可以直接調用，換句話說，也就是我們用了別人已經寫好的代碼，這省卻了很多的麻煩。