最近使用Vue之后一直用iView作为UI库。每次看到整齐划一的样式都不免概叹开源社区真好，让我省了多少时间呀。虽然产品某些奇葩的要求不能通过这些UI库实现，但是基于这些UI库的二次开发难度也不大，毕竟从1到2远比从0到1难。感谢无私奉献的开发者们。
以下记录自己Vue组件的实践过程。此篇不包括打包编译。
jQuery中几个不常用但是超实用的方法
做前端也快一年了，感觉没有比jQuery用的更多的库了。虽然最近也会用Vue.js来省省力，但是用的主力还是jQuery。虽然用了这么久，但是对jQuery的api并没有特别深入地去看。最近发现了jQuery特别有用的方法，写篇文章记录下，以防过段时间忘了。
CSS3长度单位总结
前几天写一个界面的时候这个界面的宽高需要自适应浏览器的宽高。宽度用百分比写还好，但是高度用百分比写太难受了，只要有一个父元素没写就不起作用。并且用100%总感觉怪怪的。之后找了下发现css3的长度vh可以完美解决我的问题。顺带把其他css3的长度单位用法好好总结下。
css3提供了以下几个长度单位，ch、rem、vw、vh、vm。下面一个个说它们的用法。
em
em是一个相对单位，基准是父节点的字体大小。div中的font-size为16x2=32px，div中的span的font-size为16x2x3=96px。1
2
3
4
5
6
7
8
9body {
font-size: 16px;
}
div {
font-size: 2em;
}
div span{
font-size: 3em;
}
rem
rem也是一个相对单位，基准是根节点html的字体大小。’r’可以理解为’root’。div中的font-size为16x2=32px，div中的子元素span的font-size为16x3=48px。1
2
3
4
5
6
7
8
9body {
font-size: 16px;
}
div {
font-size: 2rem;
}
div span{
font-size: 3rem;
}
vw
vw即’viewpoint width’，1vw的长度为浏览器宽度的1%。
vh
vh即’viewpoint heihgt’，1vh的长度即为浏览器高度的1%。
vmin和vmax
vmin为vw和vh中较小的那个，vmax为两者中较大的那个。
ch
ch以根节点字体中’0’为基准，1ch的长度即为’0’的宽度。找不到时为0.5em。