博客中几个组件的实现
在开发博客时做的几个小组件，记录一下他们的实现过程。
数字时钟
数字时钟是这个博客中第一个实现的组件，网上实现指针时钟的教程和demo很多，但是大多是钟表样的时钟， 比较近似我想实现的效果的也是一些翻牌式的数字时钟效果，因此打算自己实现一个电子表式的时钟。
具体实现
观察电子表的结构可以看出，所有的数字都是由七个条形拼凑的，七个条形中除了中间的横条不同外其余六个都类似梯形，因此基本单位只需要实现三种形状， 梯形、中间横条、分隔的冒号。按照真实数码管的展示方式，这里也将几个长条的先按照'8'字排列好，对于不同朝向的梯形使用css的rotate来改变其朝向， 编写每个朝向的梯形后将他们按‘8’字进行布局，并对每个的长条进行编号，在代码中编写每个像素数字对应的需要亮起的长条编号。即可完成电子钟表的实现。 那么有人问了，费这么大功夫为什么不直接找一个合适的字体来显示时间呢。当然是为了动画效果，见下图。