推荐10 个短小却超实用的 JavaScript 代码段

行使要领：

if ( isBreakPoint(320) ) { 
// breakpoint at 320 or less 
} 
if ( isBreakPoint(480) ) { 
// breakpoint between 320 and 480 
} 
… 

8. 全局计数

在一些游戏或告白场景中，你必要记任命户在当前页面上点击某一个按钮的次数，这时你可以行使jQuery的.data()函数来处理赏罚：

$(element)  
.data('counter', 0) // begin counter at zero  
.click(function() {  
var counter = $(this).data('counter'); // get  
$(this).data('counter', counter + 1); // set  
// do something else...  
}); 

9. 嵌入优酷视频

function embedYouku(link, ops) { 
var o = $.extend({ 
width: 480, 
height: 320, 
params: '' 
}, ops); 
var id = /?v=(w+)/.exec(link)[1]; 
return ' 
} 

行使要领：

embedYouku( 
'http://static.youku.com/v/swf/qplayer.swf', 
{'winType=adshow&VideoIDS=XMTE3NzQ0NTky&isAutoPlay=false&isShowRelatedVideo=false'} 
); 

10. 建设动态菜单或下拉列表

在许多场景中，我们都必要动态地建设菜单、下拉列表或列表项。下面是一段最基本的代码实现上面的成果，你可以按照现实必要举办响应的扩展。

function makeMenu(items, tags) {  
tags = tags || ['ul', 'li']; // default tags  
var parent = tags[0];  
var child = tags[1];  
var item, value = '';  
for (var i = 0, l = items.length; i < l; i++) {  
item = items[i];  
// Separate item and value if value is present  
if (/:/.test(item)) {  
item = items[i].split(':')[0];  
value = items[i].split(':')[1];  
}  
// Wrap the item in tag  
items[i] = '<'+ child +' '+  
(value && 'value="'+value+'"') +'>'+ // add value if present  
item +'';  
}  
return '<'+ parent +'>'+ items.join('') +'';  
} 

行使要领：

// Dropdown select month 
makeMenu( 
['January:JAN', 'February:FEB', 'March:MAR'], // item:value 
['select', 'option'] 
); 
// List of groceries 
makeMenu( 
['Carrots', 'Lettuce', 'Tomatos', 'Milk'], 
['ol', 'li'] 
); 

总结：

以上只是那些适用JavaScript代码段中的一小部门，我也提议你平常留意网络或本身编写这样的基本代码段，它们能在许多项目中行使或通过一些改革提供更完美的成果，行使这些代码段将为你节减下大量的开拓时刻。

【编辑保举】

1. 联袂开拓者智领将来OPPO DEVELOPER DAY 北京站出色回首
2. 谷歌上线 Fuchsia OS 开拓者网站
3. 新器材一键安装Java情形！微软又双叒叕造福开拓者
4. 「大神器！」硬件的AI机能测试Python库宣布
5. Linus Torvalds 谈软件开拓面对的硬件题目

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!