专栏首页DeveWorkjQuery Builder:jQuery 库的精简之道

jQuery Builder:jQuery 库的精简之道

最近在做一个手机主题,为了用上看似华丽的Ajax 特效,不得不用上jQuery(不要问我为什么不用原生js,要是我会写就不用那么费劲了)。但众所周知Jquery 库是日渐臃肿,就最新的版本,min版本(压缩版)就有90多kb,在手机上是不能承受的痛啊。于是思考着对jQuery库进行精简压缩。

jQuery 的替代方案

搜索一下,说道可以采用不少替代方案,比如下面的几个(来自互联网,原始出处未详):

Zepto.js Zepto.js 是支持移动WebKit浏览器的JavaScript框架,具有与jQuery兼容的语法。2-5k的库,通过不错的API处理绝大多数的基本工作。 官网:http://zeptojs.com/ jQuery 精简版 jQuip jQuip 是目的是将 jQuery 项目拆分成各个小模块,根据需要包含相应的 JS 模块,以减小浏览器加载 JS 的大小。核心文件 jquip.js 只有 4.28KB (最小化和gzip压缩过) 只有 jQuery 的 13%。该核心库已经包含 jQuery 中最常用的功能,其他的功能可通过插件方式引入。在 IE7 以及之前版本的 IE 上速度提升 7~8 倍。

由于技术不过关,上面两个试了下都失败了,看来要找替代方案是没戏了(有待学习)。虽然没有系统学习Jquery,但旁门左道那么久了也大概知道Jquery 就是模块化“定制”的,因此要说精简压缩、按需使用还是有戏的。循着这个思路,最终找到了这个jQuery Builder。

jQuery Builder:Jquery 库的精简之道

先丢上给地址:

官网:http://projects.jga.me/jquery-builder/ Github 地址:https://github.com/jgallen23/jquery-builder

jQuery Builder lets you easily build a version a custom version of jQuery without downloading the source, grabbing the submodules, installing grunt and building yourself.这个是官方介绍,后半句不是很懂。

个人感觉jQuery Builder 给个人定制属于自己的专属模块集合的jQuery ,打个比喻,就一个“仓库”而言,里面的“货物”不一定每件都是需要的,因此应该按需使用,不用的就抛弃掉。jQuery 是模块化组成,一个小项目里面不大可能全用上这些模块(比如我那个手机主题,就ajax、css、effect 大概就这么几个模块需要),那么该去掉不需要的,重新打包生成自己的私人定制jQuery,如此一来,体积必然减少。

用法:

打开http://projects.jga.me/jquery-builder/,选择需要的jQuery 版本(最好勾选minify),然后选择需要的模块,点击 “build” 按钮,生成的窗口地址下载过来,然后引用到自己的项目中。

如果不清楚该选择(删除)那些模块怎么办? 那只能一个个做减法尝试了(哈哈,我也是这么干的)

一般来说,build后 的jquery 库体积都有所减少,特别你本身用的功能也不多的时候,像Jeff 的手机主题最终用到了50kb左右——减少了快一半。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 替换WordPress 自带默认的 jQuery库, jQuery库页脚加载

    在开发WordPress 主题或者WordPress 插件时候,常常要通过wp_enqueue_script这个钩子挂载WordPress 自带的 jQuery...

    Jeff
  • 借助Github 为第三方WordPress 主题/插件添加“自动更新”功能

    WordPress 官方的主题/插件依赖与官方服务器可以实现后台自动更新或升级。如果你的作品托管到Github 上则可以通过下面几个projects 方便实现W...

    Jeff
  • WordPress 中禁止文章自动保存和修订版本的方法

    为了防止发生在WordPress的默认编辑器中写文章遇到诸如断网,不小心关闭浏览器等等而导致文章消失的事情,WordPress很人性化地引入了文章自动保存和修订...

    Jeff
  • Github改版,宣布放弃jQuery || 你的青春里,是否有过 JQuery 的身影?

    2018年7月25日,Mislav Marohnić在推文中宣布GitHub前端已经彻底删除jQuery依赖,并全部依赖原生API。

    芋道源码
  • jquery学习笔记1

    // 核心方法 // 回调系统 // 异步队列 // 数据缓存 // 队列操作 // 选择器引 ...

    lilugirl
  • jQuery架构设计与实现(2.1.4版本)

    貟王軍
  • 2019 年了,为什么我还在用 jQuery?

    为了保证可读性,本文采用意译而非直译。翻译仅供学习探讨,不代表 Fundebug 观点。

    Fundebug
  • 前端基础-jQuery简介

    JavaScript开发的过程中,处理浏览器的兼容很复杂而且很耗时,于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代码进行封装。

    cwl_java
  • 有空看看jQuery源码吧,看不懂也会有收获

    jQuery是一个对新人很亲切的JS库,它的源码风格都比较接近自然语言,可以一边对照手册,一边查看jQuery源码。第一次看必然很吃力,不过没关系,这就是学习的...

    web前端教室
  • 强烈推荐:240多个jQuery插件

    概述 jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后...

    hbbliyong

扫码关注云+社区

领取腾讯云代金券