话说，前阵子我不是一直在捣鼓移动端的项目嘛你知道的，移动端不比PC端，性能那可是个大问题。我还是习惯性地用上jQuery，毕竟这么多年，用着顺手。但后来发现，这jQuery在移动端上跑起来，总感觉有点笨重，加载速度也差强人意。

于是我就开始琢磨，有没有什么更轻量级的替代方案？然后，我就发现*这个好东西！

初识Zepto

*，听名字就感觉很“轻巧”，它号称是jQuery的轻量级替代品，专门为移动端设计的。我一看，这不就是我想要的嘛

我去翻翻Zepto的文档，发现它的API和jQuery几乎一模一样，这下我就放心，上手应该没啥难度。而且Zepto的文件大小比jQuery小很多，这对于移动端来说，简直是太友好。

动手实践

光说不练假把式，我立马开始动手，把项目里的jQuery换成Zepto。

当然是把*文件给引进来。这个过程和引入jQuery没啥区别，简单得很。

然后，我就开始把代码里用到jQuery的地方，一个个改成Zepto。因为API基本一样，所以改起来也没啥难度，基本上就是把"$"符号后面的东西照搬过来就行。

比如，原来用jQuery获取元素是这样的：

$('div')

换成Zepto，还是这样：

$('div')

再比如，原来用jQuery绑定事件是这样的：

$('button').click(function(){

//do something

换成Zepto，也差不多：

$('button').tap(function(){
//do something

注意：这里我用tap事件，这是Zepto专门为移动端触摸事件提供的，用起来更方便。

效果显著

改完之后，我把项目在手机上跑跑，效果还真不错！

• 页面加载速度明显快不少，感觉整个项目都“轻盈”许多。
• 之前偶尔会出现的一些卡顿现象，现在也基本消失。

这回把jQuery换成Zepto的尝试，还是非常成功的。不仅解决项目在移动端上的性能问题，还让我学到一个新东西，感觉收获满满！

如果你也在做移动端的项目，不妨试试*，说不定它也能给你带来惊喜！