首页 > 其他 > 详细

前端技能大挑战-1

时间:2019-02-19 19:42:17      阅读:195      评论:0      收藏:0      [点我收藏+]

题目描述

css 中经常有类似 background-image 这种通过 - 连接的字符,通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式,请完成此转换功能
1. 以 - 为分隔符,将第二个起的非空单词首字母转为大写
2. -webkit-border-image 转换后的结果为 webkitBorderImage
 
示例1

输入

‘font-size‘

输出

fontSize


这是我的:
function cssStyle2DomStyle(sName) {
    var arr = sName.split(‘-‘);
    for (var i in arr){
        console.log(arr[i])
        if(arr[0] != ‘‘){
            if(i!=0){
                var first = arr[i].charAt(0).toUpperCase();
                arr[i] = first + arr[i].substring(1);
            }
        }else{
            if(i!=0 && i!=1){
                var first = arr[i].charAt(0).toUpperCase();
                arr[i] = first + arr[i].substring(1);
            }
        }
        
    }
    return arr.join(‘‘);
}
cssStyle2DomStyle(‘-font-size‘)

  

 

然而看了大牛的,瞬间服的五体投地

function cssStyle2DomStyle(sName) {
    return sName.replace(/\-[a-z]/g , function(a, b){
          return b == 0 ? a.replace(‘-‘,‘‘) : a.replace(‘-‘,‘‘).toUpperCase();
    });
}

 

前端技能大挑战-1

原文:https://www.cnblogs.com/manru75/p/10402968.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!