zepto--学习demo1

Meikongggg

于 2017-11-21 21:26:26 发布

阅读量851

点赞数 1

分类专栏： zepto 文章标签： zepto学习demo javascript zepto

本文链接：https://blog.youkuaiyun.com/Meikongggg/article/details/78597137

版权

zepto 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了zepto.js作为一款轻量级的JavaScript库，对于熟悉jQuery的开发者来说极易上手。作者分享了学习zepto.js的过程，包括日常的demo练习，并结合个人理解，旨在促进共同学习和进步。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

zepto是一款轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。中文文档很全面，学起来也很简单，闲来无事就去学习一下。日常学习demo上传附上我浅显的理解，希望有助于一起学习。

$.each(['a', 'b', 'c'],function( key ,value){
    console.log('key: %d is: %s', key, value)
})


//$.extend
let target = {
	one: ['1','11'],
    two: '2'
},
    source = {
    one: ['2','22'],
    three: '3'
};
//浅拷贝
//$.extend(target,source);
//console.log(target);
//target.one.push('31');
//target.one ["2", "22", "222"]
//source.one ["2", "22", "222"]
//深拷贝
 $.extend(true,target,source);
 console.log(target);
// target.one.push('222');
//target.one ["2", "22", "222"]
//source.one ["2", "22" ]


//$.grep
let arr = $.grep([1,2,3],function( value, key){//传入value-key对
    return value > 1;
});
//arr [2,3]


//$.map
let arr1 = $.map([1,2,3], function(value, key){
	if( key > 0){
		return value * value;
	}
})//arr1 [4,9]

//$.trim删除字符串首尾空白符
let str = '   111   ';
newStr = $.trim( str );//'111'