把整个代码放在一起像JQuery一样

时间:2013-03-01 20:44:47

标签: javascript optimization

我知道这个问题听起来很奇怪,但我怎么能把我的代码放在一起呢?它有什么工具可以帮我解决这个问题吗?

示例:

var d = "Hello world";
if(typeof d == 'string')
{
 console.log("its a string!");
}else{
console.log("it isnt a string!");
}

if(typeof d == 'string'){console.log("its a string!");}else{console.log("it isnt a tring!");}

我有很多代码,我读过一次puttin所有你的代码运行得更快,他提到了一些工具,但我不记得它的名字和帖子都没有。

3 个答案:

答案 0 :(得分:2)

您正在寻找的是 javascript minifier 。从页面的标记或输出中删除空格会使其更快地传输到浏览器,而不一定运行得更快。

JSMin是一个很好的起点。

答案 1 :(得分:2)

这称为缩小。整个地方都有大量的缩小工具(只有Google“JavaScript minifier”。)有些可以在线运行。其他内容构建在像Ruby On Rails'uglifier这样的框架中。还有一些CDN(例如CloudFlare)会在服务时为您缩小JS。

缩小文件大小有时会减少。所有这些空白字符加起来。这使得JS文件的下载速度更快,对于连接速度慢的人来说非常好 - 特别是在移动设备上。

一旦下载,缩小的JS可能不会比没有被破坏的更快地运行。

答案 2 :(得分:0)

如果你有兴趣了解jQuery是如何做到的,那么他们实际上是在他们的git hub页面上有他们的构建文件。他们使用名为grunt.js的工具在发送之前对其脚本进行连接,lint,minify和测试。它是一个相对简单的工具,它非常强大。你可以view jquery's "GruntFile" here