常见问题处理方式,未完待续


简单的模板引擎
function
formatTemplate(dta, tmpl) { var b; var format = { price: function(x) { //console.log(typeof x,this.discount); return (x*b).toFixed(2); }, discount:function(a){ b=a==0?1:a*0.1; return b; } }; return tmpl.replace(/{(\w+)}/g, function(m1, m2) { if (!m2) return ""; return (format && format[m2]) ? format[m2](dta[m2]) : dta[m2]; }); }
手机端1px边框问题解决(利用伪类添加缩放)
mixin定义
border-1px($color)
  position:relative
  &:after
    display:block
    width:100%
    height:0
    left:0
    bottom:0
    border-top:1px solid $color
    content:' '

缩放(根据设备dpr缩放)
@media(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5)
  .border-scale-1px
    -webkit-transform:scaleY(0.7)
    transform:scaleY(0.7)
@media(-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2)
  .border-scale-1px
    -webkit-transform:scaleY(0.5)
    transform:scaleY(0.5)

格式化展示JSON数据
JSON.stringify(JSON.parse(OBJECT), undefined, 2);
 








 

posted on 2016-11-07 21:59  oldcowstruggle  阅读(148)  评论(0编辑  收藏  举报