在看一個網頁的代碼是看到
width:100vh
納尼。。。這這我怎么沒有見過，這是個什么屬性，隨之有看到 min-height:calc(100vh + 51px);這尼瑪又是怎么用的....
感嘆入行已整整兩年卻...
先介紹一下vh:相對於視窗的高度，那么vw:則是相對於視窗的寬度
“視區”所指為瀏覽器內部的可視區域大小，即window.innerWidth/window.innerHeight大小，不包含任務欄標題欄以及底部工具欄的瀏覽器區域大小。
詳細vh的用法，大家可以參考http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/
這就是差距人家兩年前的已經在玩的東西現在自己還是小白。。
calc是英文單詞calculate(計算)的縮寫，是CSS3的一個新增的功能，用來指定元素的長度。比如說，你可以使用calc()給元素的border、margin、pading、font-size和width等屬性設置動態值。為何說是動態值呢?因為我們使用的表達式來得到的值。不過calc()最大的好處就是用在流體布局上，可以通過calc()計算得到元素的寬度。
故大家應該清楚calc的用法了。詳細還得自己研究一下。
重點不是將這個，而是今天看到這個一個屬性，我接下來都看到些什么，看到堅持寫博客好幾年的同學自己感到慚愧，而且看到他們寫的內容都是那么真實，都是一步一步的走過來的，中間節選一段文字與君共勉：
四月前，低迷、失志躊躇不前形容自己再好不過，中途來了一次徹底的醒悟，於是
我發現自己變得勤奮了，我發現自己樂於付出了，因為我知道安逸的生活磨礪不出優秀的能力，沒有能力的人何來安逸？
於是我清晰了自己的理想，明確了自己的目標
天道酬勤，敢於自省且突破自身的人總會得到上天的眷念，前提是你是不是正在作死！
想找個好點的工作安逸度日，一點一點的吃着老本，甚至還感覺游刃有余？
不再精進自己的能力，做着毫無工作量的事情，卻又抱怨自己的才華得不到施展？
於是，突破不了工作的困局就一再的消磨自己的意志，
喪失了思想會看不清東西，失去了眼界就是折翼的雄鷹，生活帶來的是活生生的真實，最后只會發現很無力
我們無力改變生活的一切，是因為我們沒有改變的擔當，我們缺乏直面變化的勇氣，我們不敢改變自己的根本原因還是我們安於現狀
簡言之，貪生怕死
想獲得更多，就需要折騰的勇氣，突破不了工作的困局就突破自身的瓶頸
工作與理想總要有一個在路上！人不能沒有希望，處於困境的人需要改變不是環境而是自己
改變會帶來痛苦嗎？勤奮會帶來痛苦嗎？
有能力才能阻止改變，敢做就要有敢死的氣魄
我可以清晰明白的告訴你，你所認為的痛苦不是真正的痛苦，真正的痛苦是無能！
無能最是痛苦，無奈最是痛苦，不停的后悔，不停的自責最是痛苦，勘不破，最是迷障！
在信息爆炸的年代，生活本來就很浮躁了，我們不能隨波逐流，我們需要重新踏上征途，我們應該給自己一個目標
我們必須還自己一個理想，哪怕他不能實現！至少你努力過，一旦你努力了卻發現理想好像可以更高點，這才是真實
有了目標有了理想，就需要不懈的奮斗，不要貪生怕死，不要舍不得付出，生活需要不是一時的沖勁，而是持之以恆的付出，
所以，兄弟姐們請找回自己的初心！
做好前端
咳咳，好久沒有水一發了，久不出江湖，我竟然忘了我最初的愛好是武俠，甚至說書也是我的理想工作之一
但是，兄弟們，我不得不說前端是一個值得你們付出的工作，甚至整個程序是值得你傾盡全力的工作，因為我們的工作很有趣，我們幾乎每天都有新的BUG
我老大剛剛才花了一個多小時找到一個我剛埋的坑（其實是他在我這里提交的代碼！哼），所以我們工作看着無時無刻不對着電腦，好像無事可做
其實我們天天工作是換樣的，總會有一個彩蛋讓你猜到，當你解決疑難BUG時候的驚喜是其它工作來不得的，至少他沒那么多
所以，要做好前端首先要愛好前端，首先要熱愛自己的工作，知道自己的工作是很有趣的
關於離職
最近有一個師妹說她想離職，問我可以推薦個工作不，對於離職這個事情，我其實是有不同的想法的
一個人進入優秀的團隊，再遇到一個好的老大，那簡直就是中了彩票一樣，不知不覺自己就成長起來了
但是，這種幾率卻很低，所以多數朋友的工作是不如意的，不如意的原因各種各樣，但是我還是認為責任主要在自己，因為沒有團隊會放棄創造價值的人
你在團隊不如意，一定是你自己不努力，如果你努力了仍然不如意，就是你努力的時間不夠長，如果你自己真的做的很好了還是不如意的話
我就建議你離職了，因為經過你如此的工作，離職漲個50%完全不是問題，問題是你是不是真的在努力
所以有不如意想離職的朋友，我其實是不建議的，有為了錢而離職的朋友，我更建議你為了發展而離職
如何成為優秀的前端
如何成為優秀的前端明我不是優秀的前端，我甚至不是一個合格的前端，優秀前端是我一年后的目標，有一次看到我的名字和湯姆大叔與正美一並出現，嚇
我雖然不是一個優秀的前端，但是我明顯感覺我正在向一個靠譜前端靠近，所以這方面我還是有些經驗可以與大家交流的
書籍推薦
書籍這個事情貴精不在多，我這里推薦兩本即可：
《javascript高級程序設計》
《CSS權威指南》
為什么只推薦兩本呢？因為我發現很多朋友看書其實是有問題的，我個人看JavaScript高級程序設計至少三篇，其中寫了很多demo
而很多朋友看書就跟看連環畫似的，第一次看一個星期就看完了，我是該說你悟性高呢還是喜歡裝B啊，這種書要細看，要慢慢看，要反復看
學習要有成果，學習要有效率，比如這小半年我就干了這些事情，是拿的出來的：
那各位看書后，或者看博客后會留下痕跡么，如果留不下痕跡，那么多數就給忘了
看經典的書切記要細，切記要看懂，看不懂就反復看，最后一定要留下學習成果
博客推薦
除了看書以外就是建議大家寫博客了，這個也是一種學習成果，不要怕寫不好，寫着寫着就寫好了
我現在技術博客量是140左右，其中自己滿意的博客是10篇左右，所以說，博客質量其實不高，但是高質量博客是精華，哪里又有那么多？？？
高手不是一下就來的，簡單將我和高手的差距就是：
司徒正美：
公司利益與個人成長，這個更不用說。只有目光短淺的公司，才會用雜牌的組件寫碼。大公司早已為你准備一整好東西了。而你的任務就是成長到具有寫UI組件的地步，進入架構師，為公司的未來挑戰做好更多准備（工具）。HTML5對於一般人而言，好像是非常遙遠的事，但大公司早已有一幫人用它做出許多好東西，為公司產品的用戶體驗添磚加瓦。為了積聚這實力，你必須自己暗暗發力，偷偷自己寫一套東西。之前人家寫過的彈出層，富文本編輯器，語法高亮插件……你一套也不能少，這樣你才能接觸到之前碰不到的原生API與知識點。如彈出層有關垂直居中的CSS知識點，select穿透問題，富文本編輯器用到的iframe知識點，Range與Selection對象的知識點，語法高亮則是你正則的大檢驗！如果寫業務代碼，你寫十年，水平還是那樣。因此有句話說——“用一年的經驗混十年”
"我能力強，我效率高，我應該是公司的關鍵人物"，其實那是錯的，不可替代性才是最重要的。如果靠“賣力”增加不可替代性，作用是微乎其微的，還是得靠“高門檻”。我認識的工程師里，越是技術好的工程師越會意識到這個問題，然后去做一些"深度"的發展，這也算是工程師的自我保護吧。說什么做IT沒前途，30歲要轉行，這只是無能者的藉口。
古人說——“人無遠慮，必有近憂”。你平時有這么多空閑時間，為何不努力提升一下自己的水平呢。不去認真閱讀一下大師們的框架，不自己寫一個框架。記得當初我在博客宣傳我的框架，被某個嫉妒的人罵個狗血噴頭，兩年過去，他消聲匿跡，而我，從一個公司的核心前端變為另一個公司的核心前端，現在是去哪兒網的前端架構師。因此要相信自己！不要怕這怕那，有努力就有回報！
總之不管是做什么都要有一個計划，然后去學習，去努力，去堅持，對自己負責，對自己的人生負責。