width:100vh有感而发「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。

在看一个网页的代码是看到

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岁要转行，这只是无能者的藉口。

古人说——“人无远虑，必有近忧”。你平时有这么多空闲时间，为何不努力提升一下自己的水平呢。不去认真阅读一下大师们的框架，不自己写一个框架。记得当初我在博客宣传我的框架，被某个嫉妒的人骂个狗血喷头，两年过去，他消声匿迹，而我，从一个公司的核心前端变为另一个公司的核心前端，现在是去哪儿网的前端架构师。因此要相信自己！不要怕这怕那，有努力就有回报！

总之不管是做什么都要有一个计划，然后去学习，去努力，去坚持，对自己负责，对自己的人生负责。