小编NL5*_*500的帖子

为什么在JavaScript中使用getter和setter?

我知道getter和setter是如何在JavaScript中工作的.我不明白为什么我们需要它们才能使用普通函数得到相同的结果?请考虑以下代码:

var person = {
    firstName: 'Jimmy',
    lastName: 'Smith',
    get fullName() {
        return this.firstName + ' ' + this.lastName;
    }
}

console.log(person.fullName);    // Jimmy Smith
Run Code Online (Sandbox Code Playgroud)

我们可以用一个函数轻松替换getter:

var person = {
    firstName: 'Jimmy',
    lastName: 'Smith',
    fullName: function() {
        return this.firstName + ' ' + this.lastName;
    }
}

console.log(person.fullName());    // Jimmy Smith
Run Code Online (Sandbox Code Playgroud)

我没有看到写入getter和setter的重点.

javascript getter-setter

38
推荐指数
2
解决办法
7744
查看次数

用modernizr检测css转换支持

我将使用css transition和jquery插件作为不支持它的浏览器的后备.我想使用modernizr来检测css转换支持.为此加载整个库是过度的,我只想抓住我需要检测css转换的代码部分.在modernizr 的下载页面中,有很多选项和附加内容让我很困惑.我的问题是我应该选择哪些选项来有效地检测css转换?

在此输入图像描述

<script type="text/javascript">
// modernizr
</script>


<script type="text/javascript">
    if(!Modernizr.csstransitions) { 
     // Use jquery if CSS transitions are not supported
    }
</script>
Run Code Online (Sandbox Code Playgroud)

css jquery css3 css-transitions

8
推荐指数
2
解决办法
1万
查看次数

将简单的jquery代码转换为javascript

我有一个用jquery编写的简单照片库的代码,但我认为加载整个库以获得如此简单的事情是不合适的.我希望它在原始的javascript中.

$('#thumbs').delegate('img','click', function(){
    $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));
    $('#description').html($(this).attr('alt'));
});
Run Code Online (Sandbox Code Playgroud)

此外,我想知道如何将加载微调器附加到此代码.谢谢.

的jsfiddle

javascript jquery

5
推荐指数
1
解决办法
289
查看次数

标签 统计

javascript ×2

jquery ×2

css ×1

css-transitions ×1

css3 ×1

getter-setter ×1