Css权重图谱
2015/01
07
14:01
对于css样式的优先级，很多人都知道ID比Class的权重高，但是对于dom、input[type]这些属性啊，还有就是复杂串联的Class表权重到底几何有点分不清楚，所以特别拿来一张Css的图谱作为解释，这个大鱼吃小鱼，小鱼吃小虾，小虾吃泥巴的CSS选择器类型与权重关系图的图谱简直是太赞了，必须收藏！！！–北北
Css-hack 样式兼容写法
2014/12
22
17:12
关于css-hack，首先说明2点
1.能不用hack就不用hack;
2.当必须用hack的时候，将hack写在后面，让通用样式先识别.
我这里不想说太多烂七八糟没用的，就说最常用到的几种hack.–北北
以下样式上下顺序不可以写错！！！
#css {
border:2px solid #00f; /* 通用属性 */ buy viagra online
border:2px solid #090\9; /* IE6/7/8的属性 */
border:2px solid #F90\0; /* IE8支持 */
*border:2px solid #F80; /* IE6/7的属性 */
+border:2px solid #000; /* IE7 */
_border:2px solid #011; /* IE6的属性 */
}
border:2px solid #00f; /* 通用属性 */ buy viagra online
border:2px solid #090\9; /* IE6/7/8的属性 */
border:2px solid #F90\0; /* IE8支持 */
*border:2px solid #F80; /* IE6/7的属性 */
+border:2px solid #000; /* IE7 */
_border:2px solid #011; /* IE6的属性 */
}
/*ie11 生效*/
@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, .apd .table-box{height: auto;overflow-y: inherit;}
}
/*ie11注意里面的标点符号*/
/*ie10 css hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.apd .table-box{height: auto;overflow-y: inherit;}
}
记住这个样式表，是不是简单粗暴，有了这些，相信可以解决95%以上的问题了。
支付宝-打通用户支付的最后一米
2014/12
13
20:12
众所周知，支付宝在双12活动打出了3个耀眼的活动，
1． 售货机饮料一分钱
2． 打车0起步价
3． 超市5折优惠
这活动一个比一个牛B啊，剑指用户支付的最后一米。如过你有幸去超市转一转，你就会看到什么叫人山人海，跟商品不要钱似的，货架商品扫荡一空，收银台的队伍排了几百米长，老头老太太都加入到了手机支付宝钱包的队伍中，累觉不爱。
显然，支付宝的这次活动是深入人心的，在用户支付最后一米的环节上不惜代价，当然这其中的意义也是深远的，试想像，如果从前的刷卡支付，可以变成以后的刷支付宝支付，这其中的利益将是一块硕大的蛋糕，真的令人垂涎欲滴。
不过这次活动暴露出了很多很多问题：
- 1．拥挤的人流，混乱的秩序
短时间的促销活动，导致人群集中，大家好像都不是去购物了，而是为了购物而购物，这样的效应并不是持久化的，而且很多商品在不能成功支付的情况被随意遗弃，整个超市凌乱不堪，这种情况有悖于文明社会的发展方向。
2．几乎瘫痪的网络
虽然超市提供了WIFI连接，但是接入量显然有限，巨大的接入量造成了网络不畅，而且联通移动等通讯运营商的网络在密集的终端区域中表现的极为吃力，移动2G网络几乎瘫痪，3G、4G在众多人群中也经常丢失信号，导致了大量支付失败的情况。
3.收银台长时间排队
由于优惠力度之大，导致结账队伍长达数百米，民众情绪难以控制，烦躁的气氛弥漫整个超市。我们是不是可以考虑自助支付终端的引入，以降低收银压力。
这些问题相信大家也都看到了，很多人也体验到了，科技虽然在改变我们的生活，但是显然我们的生活有些跟不上科技的改变，NFC（近场支付）在iPhone6上已经配备，相信这种移动收银台将在不久深入人心，在线下我们的配套设施还是有很多很多值得完善与总结的地方。
–来自北北的亲身购物体验
