學習CSS的瓶頸

何爲學習瓶頸

學習到了必定的階段,就很難繼續提升水平的一種現象
這是不少人都正面對的,但同時本身並未意識到。
既然是瓶頸,那麼一旦突破了,就是廣闊天空!css

你是否常常面對這樣的情景:
遇到一個奇葩問題,着急地抓耳撓腮,苦逼地把以爲有可能的CSS屬性一個個去試一下;你是否清楚本身還有不少東西要學。工做是很認真的,頁面也是能寫,前端書籍買了不少,
技術博客也會逛,然而本身並無以爲有實質性的提升。
其實一些關鍵的突破性的知識點並非你不可以搞明白,而是沒有意識到要搞明白。
好比樣式重置,我大概總結了前端開發者如下幾種類型解決方案:前端

懵懂型:什麼鬼?
簡單粗暴型: * {margin:0; paddong:0;}
文藝型: body, table, ul, ol, dl, dd, dt... {margin:0; paddong:0;}
簡約高效型: body, h1...dl, dd {margin: 0;}

很長一段時間我都是使用簡單粗暴的解決辦法,形成了不少沒有必要的樣式重寫,並且破壞了UI的兼容性
後來也學着別人把標籤分開來寫,卻被人指出dt標籤默認是沒有margin和padding的,
並且padding默認屬性值僅極少標籤(ol, ul)有,對這些標籤重置樣式只會增長頁面渲染負荷;
因而對各個標籤的屬性有了深刻的瞭解以後寫,開始傾向於寫後面簡約高效型的樣式,保證樣式最精簡,渲染最高效。git

再思考幾個問題:

  • 假設背景圖片500px*500px,應用background-size:50%後,背景圖片大小?
  • display:none和visibility:hidden的區別?
  • line-height在什麼樣的狀況下會不起做用?
  • float爲何會讓外部容器高度塌陷?
  • CSS選擇器爲何會從右往左解析?

問題 1考察細節掌握;後面問題考察機制理解github

也許不瞭解這些問題,咱們依然能根據設計圖成型頁面完成工做,然而若是花點時間去了解,對CSS的底層表現有必定的理解與認識的時候,當咱們遇到一些看似奇怪的問題,就能對症下藥迎刃而解,面對一些奇葩需求的時候,也能夠發揮咱們的創造性思惟,信手拈來各類解決方案。
另外一方面,市場上前端那麼多,只有對知識深度掌握,咱們纔有核心競爭力。
有些知識點並非咱們沒有能力明白,二是沒有意識到要去弄明白,意識遠比技術自己更有價值,意識到瓶頸所在,問題就已經解決了一大半了。瀏覽器

舉一個突破瓶頸的例子

郭靖師從6個師傅,武學根基好,踏實努力,但遇到稍微厲害點的小嘍囉就打不贏了,師傅們着急對他進行特訓,效果反而更很差。後來他遇到帶給他人生的第一個轉折點的馬鈺,教他使用巧力,修煉內功心法,武學生涯有了第一次突破。再後來,在名師好友(洪七公&黃蓉)的指導下,學會了降龍十八掌,名震江湖,又由於傳奇的經歷,跟周伯通學會了武學寶典《九陰真經》,武學造詣達到當時的頂峯。
咱們每一個人均可能經歷像郭靖剛開始同樣,拼命努力但收穫平平,這時候 戒驕戒躁、查漏補缺,想比別人走得更遠,更快突破瓶頸,就要,多看規範、多讀技術博客、遇到問題多深刻思考、要動手試驗、對比、整理、分析分享,深刻細節掌握,深刻機制理解,若是有一個師傅來指點再好不過,他不必定很牛,但必定要合適,固然合適的標準每一個人都不一樣。
必定不要閉門造車,去分享,去討論,你會發現:準備分享內容以及在分享的過程當中,會對你要分享的東西有更高一層次的思考,在討論中,別人看似傻逼的建議也會讓你發現你知識上的盲點。在成就一件事上,不能沒有朋友,有朋友的同舟共濟,事情才能更加的「出彩」。架構

縱觀郭大俠的成長史,他也是學了赫赫有名的降龍十八掌和九陰真經才達到那麼高的造詣的
因此咱們也要學經典的東西,好比:《精通CSS》《CSS權威指南》《CSS CookBook》《CSS禪意花園》之類的經典著做。若是接受能力強,也能夠直接看w3規範,畢竟是一手知識。
聽別人說他們對w3規範的理解,能夠幫助咱們快速入門,然而別人的理解可能有必定的誤差,咱們最後必定要造成本身的知識體系,系統、完整、能自圓自說。
學以至用也是很重要的,藏馬(動漫《幽遊白書》中的妖狐)說:‘提高格鬥技巧最快的方式就是不斷去戰鬥’。咱們能夠經過多作項目、github上follow別人的開源代碼,模仿已有框架的API本身嘗試實現,等等。只要想作,事情必定會找上你。
從我我的經驗出發,最後勸你們必定要節制,知識重在平時積累,堅持、適度,按部就班纔是王道,畢竟冰凍三尺非一日之寒,再好吃的東西一頓猛吃也會厭倦。框架

另外,今天看到一篇小故事佈局

一我的在公司幹了25年,他天天用一樣的方法作着一樣的工做,每月都領着一樣的薪水。一天,他憤憤不平的決定要求老闆給加薪及晉升。他對老闆說:「畢竟,我已經有了25年的經驗。」「親愛的員工,」老闆嘆氣說:「你沒有25年的經驗,你只是一個經驗用了25年。」

這個故事告訴咱們警戒溫馨區,貴在創造,若是你以爲目前的工做沒挑戰性了,那頗有可能進入了這個溫馨區,必定要警戒。
這時候可使用巧力來避免,好比:你習慣百分比佈局,想要突破,能夠嘗試捨棄過往,接受新穎的架構,恰恰使用flex佈局,總之,不要執拗於一種已經習慣的解決方案,聲明在於折騰,這樣才能呢過不斷進步 。學習

以上是我我的在學習與工做中的一些感悟,若是你正處在瓶頸期,我指望會對你有所幫助,咱們一塊兒進步。flex

咱們最終的目的就是深刻了解瀏覽器的機制、知道屬性設計的初衷、屬性之間如何互相影響,既知其然又知其因此然,代碼優雅不羅嗦、渲染高效、遇到問題能快速定位、對症下藥。與君共勉!

相關文章
相關標籤/搜索