我正在开发一个自定义轻量级JavaScript库,它需要在主要浏览器以及众多独立站点之间稳定运行,而不会受到现有库或命名空间的影响或损害.也许最重要的是,图书馆需要轻量级(最大约15k).
更新为了澄清对这样一个小型库的需求:这是一个第三方服务,网站将进入他们的页面.我们需要尽可能保持一切尽可能轻,快速和自包含,因为我们无法控制现有的库,速度或页面加载.15k是仅由服务的动态内容访问的库的目标编号.
在这一点上,我的想法是从我能找到的最简洁的类jQuery基础开始,然后使用自定义模块进行扩展.
所需功能:
我遇到过EnderJS和MicroJS,但我似乎无法找到很多讨论.我现在对Ender更熟悉和感兴趣,因为它似乎解决了所有上述功能,几乎开箱即用的"The Jeesh"重达7.5k.在我的情况下,只需要几个额外的包就可以将它推到10k,这是完美的,因为我只需要几个k来充实任何自定义模块.它还允许我编写和版本化不同的模块,这些模块可以在构建时合并并压缩到主库中,以及定义一个独特的命名空间来将它们保存在一起并希望保护它.Ender图书馆的另一个引人注目的部分是它使用了NodeJS,无论如何我更喜欢玩它.然而,尽管如此,我仍然对其他想法持开放态度.
所以我的问题是:
有没有人对EnderJS或MicroJS有任何经验,或者有其他解决方案/方法来解决我想要实现的目标？我意识到这不是"讨厌,开放式问题"的地方,而这不是我的意图.我只是在寻找关于构建轻量级自定义库的最佳方法的建议,而无需重新发明轮子,而是插入最新的微库.
当您将JavaScript提供给页面时,最好提供一个打包的,缩小的和压缩的文件,以减少延迟和请求时间.
但发送是否更好
使用1.您可以在初始加载时获得更多负载,但随后您的所有javascript都会被缓存以访问您的网站.
使用2.您只需加载页面所需的内容,这样可以减少初始加载时间,但是您的网站中的每个页面都没有缓存相同的文件.
哪种方法更受青睐？
我正在使用node.js我的JavaScript,我正在使用ender我的JavaScript打包.
编辑
换句话说,我正在考虑在我的包装上实现自动化.这种自动化将把所有内容打包到我的整个网站的一个文件中,或者将页面特定的文件列表打包到每个页面的一个文件中.
我还没有关于我的JavaScript文件的任何统计信息,但我很好奇我应该实现哪两个自动化.
我刚开始尝试使用微型库而不是使用jQuery,我想将qwery与bean一起使用.如果我设置bean.setSelectorEngine(qwery);为什么以下不起作用？
bean.on('.masthead', 'click', function () {
console.log('click fired');
});
我也使用bonzo作为DOM实用程序,所以我将它设置为使用美元和qwery,这样我就可以像jQuery一样选择元素:例如$('.masthead').
function $(selector) {
return bonzo(qwery(selector));
}
这也行不通.我是否应该无法使用以下bean？
bean.on($('.masthead'), 'click', function () {
console.log('click fired');
});
也许我错过了bean文档中的重要内容..我需要做些什么来解决这个问题？
此外,我试图尽量避免使用Ender,我试图将我的外部库保持在最低限度.
在我的理解中,Ender是一个命令行工具,可以帮助组织您的javascript依赖项.我们可以用ender build underscore qwery产生一个ender.js包含的代码文件underscore和qwery,那么我们就可以包括在我们的HTML文件.
但是,我注意到ender从npm站点获取这些库,所以我担心如果所有这些库都可以在浏览器端使用？