前端之路之自述
緣起
年初的時候惠呼，我換了一個工作漱贱，之前的工作主要是擼Oracle的openjdk7妇垢，或者V8什么的源碼。現(xiàn)在的工作主要是處理web開發(fā)方面的事情宰衙。web開發(fā)涉及到前后端平道，我負責后端，前端直接交給前端工程師去做供炼，不過鑒于公司路由器有問題一屋，都由我來解決的現(xiàn)狀，涉及到前端的事自然也落到我的頭上了袋哼。汗冀墨！
我的CSS基礎(chǔ)
這里說一個事情。有這么一個功能：一個搜索框涛贯，下面是一個很長的列表诽嘉。點擊搜索框，會到后臺去搜索特定的內(nèi)容，并返回前臺虫腋。這個后臺功能不復(fù)雜骄酗，現(xiàn)在看來，涉及到的前臺顯示——讓搜索框和列表變的好看悦冀，其實也不是很復(fù)雜趋翻。但當時，一籌莫展昂畜 踏烙！我的css基礎(chǔ)嘛，為0.1历等，知道一些CSS文本屬性讨惩，其它的就不知道了。
怎么學習CSS募闲、應(yīng)該掌握什么CSS知識步脓，怎么實現(xiàn)眼前的這個功能等等愿待，我都不知道浩螺，而且這個不可以借鑒我之前的后端知識。用php做個比對仍侥，php我之前一次沒有見過要出，但對于php，我知道我所不知道农渊。我知道什么該知道患蹂，什么可以緩緩，不懂的原因砸紊、解決方法在那里传于，我都很清楚。我可以拿一本php權(quán)威指南之類的書籍醉顽，或者php編程之類的書籍沼溜，直接開始擼代碼。但對于css不行游添，我不知道我不知道的系草。而且在學了css后，我才了解前端程序員的不容易：如果把后端程序員比喻成去解決開源軟件的問題唆涝，那前端程序員就是去解決windows那閉源的軟件問題找都。
初衷
我打算將我目前對css的學習記錄下來。不知道誰說過廊酣，你只有教會某一樣東西能耻，你才能真正地學會某一樣東西。嗯，這句話送給我嚎京。我有一句話送給你：沒有教會的嗡贺，只有學會的。
學而不思則罔 思而不學則殆
有一個簡單的綱要：
-
CSS布局
- 浮動布局（float鞍帝、浮動包含诫睬、浮動清除）
- 定位（靜態(tài)定位、絕對定位帕涌、固定定位摄凡、相對定位等）
- flex布局（使用的比較廣泛，尤其是移動端蚓曼，目前的微信小程序就是使用的flex布局）
- grid布局（不會亲澡，因為目前瀏覽器支持比較少，屬于實驗性纫版，暫時沒有學的心情）
CSS控件實例學習
通過各個控件的實現(xiàn)床绪，來學習CSS。重要的CSS屬性介紹其弊，比如
line-height癞己、background等屬性。
希望達到的目的：
- 看懂別人的CSS代碼梭伐。
- 可以熟練地利用CSS框架痹雅，比如Bootstrap、weui等CSS框架糊识。
- 可以不借助框架绩社，實現(xiàn)自己的布局；控件的布局
- 可以自己實現(xiàn)特定的CSS控件赂苗。
CSS書籍推薦
我只推薦我看過愉耙，我認為還可以的。我聽說是好書拌滋，但我沒看過的朴沿，我就不推薦了！
CSS基礎(chǔ)知識類：
- 《CSS設(shè)計指南》（第2遍在讀）
- 《精通CSS：高級Web標準解決方案》（第二次讀完background一節(jié)后鸠真，認為整本書獨值得一讀）
- 《CSS權(quán)威指南》（讀的昏昏欲睡）
《CSS設(shè)計指南》我認為比較適合初學者悯仙，實例結(jié)合理論，有內(nèi)涵吠卷，有一定深度锡垄。圖書的厚度也合適。 我發(fā)現(xiàn)一點祭隔，前端的書籍货岭，好像都不是太厚路操，我還沒有見過500頁向上的前端書籍。
《精通CSS：高級Web標準解決方案》這本書是我看被人推薦的千贯，我剛拿到手屯仗，看了background一節(jié)，發(fā)現(xiàn)介紹的都是老的技術(shù)搔谴，以現(xiàn)在的效果魁袜，只要CSS3的一個屬性就可以做到，還講那個做什么敦第。就放下了峰弹，知道后來開始擼CSS代碼的時候，才發(fā)現(xiàn)這些技術(shù)隨處可見芜果，于是把它又撿起來鞠呈，準備認真地通讀全本書。
《CSS權(quán)威指南》這本書右钾，我已經(jīng)不止一次看到推薦了蚁吝，比如《CSS設(shè)計指南》的作者也看過這本書。那為什么放在最后呢舀射，因為難讀窘茁。尤其是浮動一節(jié)，不太適合剛做CSS的同學們?nèi)プx后控。嗯庙曙，對的空镜，我就是第一次接觸CSS時浩淘，直接看《CSS權(quán)威指南》的，效果不好吴攒，看完就忘了张抄。
寫出這本書的作者，起碼對CSS規(guī)范很熟悉洼怔，甚至可能自己接觸過瀏覽器對CSS特性的實現(xiàn)署惯，否則不可能寫出介紹CSS原理的書籍來。這本書甚至可以換個名字镣隶，叫《CSS原理》极谊。但這本書不是從代碼的角度去介紹CSS的，更多的是從規(guī)范的角度去寫CSS安岂。我覺得每一個前端開發(fā)者都應(yīng)該讀一下這本書轻猖。嗯，我沒必要域那，我是后端程序員咙边。
Bootstrap類：
- 《Bootstrap實戰(zhàn)》李松峰翻譯（讀完）
- 《Packt Bootstrap By Example》（實踐部分讀完）
《Bootstrap實戰(zhàn)》是國外的那一本，不是國內(nèi)的那一本，要分清败许。自從看到這本王带，我就知道我可以去駕馭Bootstrap了，當然我現(xiàn)在也沒能自由駕馭Bootstrap市殷。不過愕撰，書寫的真是好，屬于深入淺出之類的書籍醋寝，書中還教你前端開發(fā)的一些好的實踐盟戏，不錯！
《Packt Bootstrap By Example》這本書就是教你學Bootstrap的甥桂，有些人可能很驚訝柿究，這本書不教你Bootstrap，那教你什么黄选。舉個例子：《Bootstrap用戶手冊：設(shè)計響應(yīng)式網(wǎng)站》這本書就不是教你Bootstrap的蝇摸，起碼在我眼里不是，它是賣錢的办陷。
沒有結(jié)論
先給個結(jié)論吧貌夕，好像我們學前端的東西，需要先看最終的顯示效果一樣民镜。此結(jié)論啡专，只表明我目前對CSS的一些使用看法，不代表最終結(jié)論：
- CSS和瀏覽器結(jié)合緊密制圈，而瀏覽器與CSS的關(guān)系们童，繁雜、瑣碎鲸鹦。需要花費特定的時間來學習慧库，故CSS比較難學。
- CSS也比較好學馋嗜，因為沒有秘密齐板，隨時可以看到其代碼，看到就能學到葛菇，類似于開源的概念甘磨。
- 需要看CSS代碼，和后端一樣眯停。
- CSS比較有趣济舆。
簡書的自己的樣式比較漂亮，為什么個人寫作的CSS這么丑庵朝？
