仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 746|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:YUI Compressor紧缩JavaScript的内容

[复制链接]
愤怒的大鸟 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:40:53 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
网页制造poluoluo文章简介:YUICompressor紧缩JavaScript的内容.
YUICompressor紧缩JavaScript的内容包含:

  • 移除正文
  • 移除分外的空格
  • 渺小优化
  • 标识符交换(IdentifierReplacement)
YUICompressor包含哪些渺小优化呢?


  • object["property"],假如属性名是正当的JavaScript标识符(注:正当的JavaScript标识符——由一个字母开首,厥后选择性地加上一个大概多个字母、数字或下划线)且不是保存字,将优化为:object.property
  • {"property":123},假如属性名是正当的JavaScript标识符且不是保存字,将优化为{property:123}(注:在工具字面量中,假如属性名是一个正当的JavaScript标识符且不是保存字,其实不强迫请求用引号引住属性名)。
  • abcdefgh,将优化为"abcdefgh"。
  • "abcd"+"efgh",假如是字符串相毗连,将优化成"abcdefgh"(注:一切在利用YUICompressor的条件下,关于剧本中的字符串联接,利用毗连符“+”的效力和可保护性最高)。
关于JavaScript最无效的紧缩优化,当属标识符交换。
好比:
(function(){
functionadd(num1,num2){
returnnum1+num2;
}
})();
举行属标识符交换后:
(function(){
functionA(C,B){
returnC+B;
}
})();
再移除分外的空格,终极成了:
(function(){functionA(C,B){returnC+B;}})();
YUICompressor标识符交换仅交换函数名和变量名,那哪些不克不及被替换呢?

  • 原始值:字符串、布尔值、数字、null和undefined。一样平常来讲字符串占的空间最多,而非数字字面量其次(true、false,null,underfinded)。
  • 全局变量:window、document、XMLHttpRequest等等。利用最多的就是document、window。
  • 属性名,好比:foo.bar。占有的空间仅次于字符串,”.”操纵符没法被取代,且a.b.c加倍费空间。
  • 关头字。常常被过分利用的关头字有:var、return。最好的优化办法:一个函数仅呈现一次var和return关头字。
关于原始值、全局变量、属性名的优化处置体例大抵不异:任何字面量值、全局变量大概属性名被利用凌驾2次(包含2次),都应当用部分变量存储取代。
但有部分情形下是克制利用标识符交换的:

  • 利用eval()函数。办理办法:不利用大概创立一个全局函数封装eval()。
  • 利用with语句。办理办法:办法同上。
  • JScript的前提正文。独一办理的办法:不利用。
因为YUICompressor是创建在rhinointerpreter基本上的,以是上述一切的优化都是平安的。
扩大浏览:
《ExtremeJavaScriptCompressionWithYUICompressor》

业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站。
第二个灵魂 该用户已被删除
沙发
发表于 2015-1-17 23:42:20 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
谁可相欹 该用户已被删除
板凳
发表于 2015-1-24 10:01:09 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
再见西城 该用户已被删除
地板
发表于 2015-2-1 08:50:21 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
爱飞 该用户已被删除
5#
发表于 2015-2-7 03:25:07 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
小魔女 该用户已被删除
6#
发表于 2015-2-20 13:55:40 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
愤怒的大鸟 该用户已被删除
7#
 楼主| 发表于 2015-3-6 18:16:29 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
只想知道 该用户已被删除
8#
发表于 2015-3-13 06:36:33 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
飘飘悠悠 该用户已被删除
9#
发表于 2015-3-20 15:51:27 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 04:55

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表