Archive for 十月, 2009
加载外部swf跳转到特定帧（MovieClipLoader类）
on(release){
var mcl= new MovieClipLoader(); //定义新的MovieClipLoader实例
var listener = new Object(); //定义一个新的对象，用来监听load进程
listener.onLoadProgress = function(target,loadedBytes,totalBytes){
//onloadprogress加载过程中每当将加载的内容写入磁盘时调用
x=loadedBytes; //loadedBytes是已经下载的字节,赋值给变量x
y=totalBytes; //totalBytes是正在加在的文件的总字节数,赋值给变量y
if(x<y){
target.stop(); //如果没有加载完成，不要播放
} else {
target.gotoAndPlay(51); //加载完成，可以设置加载的swf文件开始播放的帧数
}
}
mcl.addListener(listener); //给MovieClipLoader实例绑定监听对象
mcl.loadClip(“2.swf”,1); //使用自定义的对象，加载swf文件。
}
—————————————————————————————————————————————-
MovieClipLoader类详解：
（1）由于MovieClipLoader类不是顶级类，所以要使用他首先要实例化该类。
Myloader= new MovieClipLoader();
（2）然后可以定义一系列加载过程中的侦听器，MovieClipLoader类的侦听器有：
MovieClipLoader.onLoadComplete()
//在使用 MovieClipLoader.loadClip() 加载的文件已完全下载时调用。
MovieClipLoader.onLoadError()
//在使用 MovieClipLoader.loadClip() 加载的文件未能加载时调用。
MovieClipLoader.onLoadInit()
//当执行加载的剪辑的第一帧上的动作时调用。
MovieClipLoader.onLoadProgress()
//加载过程中每当将加载的内容写入磁盘时调用。
MovieClipLoader.onLoadStart()
//当对 MovieClipLoader.loadClip() 的调用已成功开始下载文件时调用。
（3）最后用Myloader.loadClip()方法加载需要加载的东东~
Myloader.loadClip(“url”, target/level )
//可以加载到目标影片剪辑或层级
（4）MovieClipLoader还有一些方法。
getProgress()方法相对比较重要，她返回的是一个对象，这个对象有以下两个属性：
.bytesLoaded //已下载的字节数
.bytesTotal //总字节数
MovieClipLoader.addListener()
//注册一个对象，以便在调用 MovieClipLoader 事件处理函数时接收通知。
MovieClipLoader.getProgress()
//返回使用 MovieClipLoader.loadClip() 正加载的文件的已加载字节数和该文件的总字节数。
MovieClipLoader.loadClip()
//在播放原始影片时，将 SWF 或 JPEG 文件加载到 Flash Player 中的影片剪辑中。
MovieClipLoader.removeListener()
//删除已使用 MovieClipLoader.addListener() 注册的对象。
MovieClipLoader.unloadClip()
//删除已通过 MovieClipLoader.loadClip() 加载的影片剪辑。
Yahoo给出的34条网站加速方法
Yahoo给出的包括Yslow规则（22条）的34条 详细说明 ，通过这此规则对自己页面进行一次全面的分析优化，可以提高你网站的加载速度。
1.Minimize HTTP Requests 减少HTTP请求
图片、CSS、script、flash等等这些都会增加http请求数，减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件，页面里直接写入图片也是不好的做法，应该写进CSS里，利用 CSS sprites 将小图拼合后利用background来定位。
2.Use a Content Delivery Network 利用CDN技术
CDN 确实是好东西，8过服务器提供商的这项服务一般是要收费的，我以前买的国内空间是有这个的但是我当时根本不知道啥用，现在没了。。。
3.Add an Expires or a Cache-Control Header 设置头文件过期或者静态缓存
浏览器会用缓存来减少http请求数来加快页面加载的时间，如果页面头部加一个很长的过期时间，浏览器就会一直缓存页面里的元素。不过这样如果页面里的东西变动的话就要改名字了，否则用户端不会主动刷新，看自己衡量了~ 这项可以通过修改.htaccess文件来实现。
4.Gzip Components Gzip压缩
Gzip格式是一种很普遍的压缩技术，几乎所有的浏览器都有解压Gzip格式的能力，而且它可以压缩的比例非常大，一般压缩率为85%。压缩没压缩，可以到这里 做下测试。
5.Put Stylesheets at the Top 把CSS放顶部
让浏览者能尽早的看到网站的完整样式。
6.Put Scripts at the Bottom 把JS放底部
网站呈现完毕后再进行功能设置，当然这些JS要在你的加载过程中不影响内容表现。
7.Avoid CSS Expressions 避免CSS Expressions
CSS表达式很可怕，这个只被IE支持的东西执行时候的运算量非常大，你移动一下鼠标它都要进行重计算的，但有时候为了做浏览器的兼容必须要用到这个||| IE6去死去死！~
8.Make JavaScript and CSS External 将JS和CSS外链
前面讲到了缓存这个事情，一些较为公用的JS和CSS，我们可以使用外链的形式，譬如我就是从Google外链来的Jquery文件，如果我的浏览者在浏览别的使用了这个外链文件的网站时已经下载并缓存了这个文件，那么他在浏览我的网站的时候就不需要再进行下载了！~
9.Reduce DNS Lookups 减少DNS查找
貌似是要减少网站从外部调用资源，我的Google分析和picasa的外链图片都算在里面了。
10.Minify JavaScript and CSS 减小JS和CSS的体积
写JS和CSS都是有技巧的，用最少的代码实现同样的功能，减少空白，增强逻辑性，用缩写方式等等，当然也有不少工具也能够帮你实现这一点。
11. Avoid Redirects 避免重定向
再写入链接时，虽然“http://www. today-s-ooxx. com”和“http://www. today-s-ooxx. com/” 仅有一个最后的“/”只差，但是结果是不同的，服务器需要花时间把前者重定向为后者然后进行跳转，这个要自己注意，也可以在Apache里用Alias 或者mod_rewrite或者DirectorySlash解决。
12. Remove Duplicate Scripts 删除重复脚本
重复调用的代码浏览器并不会识别忽略，而是会再次运算一遍，这当然是大大的浪费。
13. Configure ETags 配置ETags
搞不清楚咋回事，总之我是在. htaccess里把它删除了。
14. Make Ajax Cacheable 缓存Ajax
Ajax是实时响应的，在浏览器接收到新的数据前，旧的数据被缓存，这样能够更好的提高效率。
15. Flush the Buffer Early 尽早的释放缓冲
当用户进行页面请求时，服务器端需要花费200到500毫秒时间来拼合HTML，将写在head与body之间，释放缓冲，这样可以将文件头先发送出去，然后再发送文件内容，提高效率。
16. Use GET for AJAX Requests 用GET方式进行AJAX请求
Get 方法和服务器只有一次交互（发送数据），而 Post 要两次（发送头部再发送数据）。
17. Post-load Components 延迟加载组件
最先加载必须的组件进行页面初始化，然后再加载其他，YUI Image Loader 是很好的例子。
18. Preload components 预加载组件
提前加载以后可能用到的东西，和延迟加载并不冲突，它的目的是为后续请求提供更快的响应，参见Google首页上的CSS sprites应用。
19. Reduce the Number of DOM Elements 减少DOM元素数量
复杂的页面结构意味着更长的下载及响应时间，更合理更高效的使用标签来架构页面，是好的前端的必备条件。
20. Split Components Across Domains 跨域分离组件
页面组件多个来源可以增大你的平行下载量，但注意不要过多，超过2-4个域名会引起上面说到的DNS查找浪费。
21. Minimize the Number of iframes 减少iframe数量
需要更有效的利用 ifames。
iframe 优点：有利于下载缓慢的广告等第三方内容，安全沙箱，并行下载脚本
iframe 缺点：即使为空也会有较大资源消耗，会阻止页面的onload，非语义
22. No 404s 不要出现404页面
站点本身里（非搜索结果）出现404页面，无意义的404页面会影响用户体验并且会消耗服务器资源。
23. Reduce Cookie Size 减小Cookie
Cookie在服务器及浏览器之间的通过文件头进行交换，尽可能减小Cookie体积，设置合理的过期时间，能够很好的提高效率。
24. Use Cookie-free Domains for Components 对组件使用无Cookie的域名
对静态组件的Cookie读取是一种浪费，使用另一个无Cookie的域名来存放你的静态组件式一个好方法，或者也可以在Cookie中只存放带www的域名。
25. Minimize DOM Access 减少DOM的访问次数
JS访问DOM是很慢的，尽量不要用JS来设置页面布局。
26. Develop Smart Event Handlers 开发灵活的事件处理句柄
DOM树上过多的元素被加入事件句柄的话，反应效率肯定会低，YUI事件工具有一个 onAvailable 方法可以帮助你灵活的设置DOM事件句柄
27. Choose < link >over @import 使用< link >而非 @import
在IE中使用@import就和在页面底部用< link >一样，我们前面说要把< link >放顶部的。
28. Avoid Filters 避免过滤器的使用
如果需要Alpha透明，不要使用AlphaImageLoader，它效率低下而且只对IE6及以下的版本适用，用PNG8图片。如果你非要使用，加上_filter以免影响IE7+用户。
29. Optimize Images 优化图片
将你的GIF转为PNG8会是个减小体积的好办法，另外有很多方法处理你的JPG及PNG图片以达到优化效果。
30. Optimize CSS Sprites 优化CSS Sprites
在CSS Sprites中竖直并尽量紧凑的排列图片，尽量将颜色相似的图片排在一起，会减小图片本身的大小及提高页面图片显示速度。
31. Don’t Scale Images in HTML 不要在HTML中缩放图片
图片要用多大的就用多大的，1000X1000的图片被width=”100″ height=”100″以后，本身的KB数是不会减少的。
32. Make favicon. ico Small and Cacheable 缩小favicon. ico的大小并缓存它
站点的浏览器ICO应该不是经常换吧，那就长时间的缓存它，并且最好控制在1K以下。
33. Keep Components under 25K 保证组件在25K以下
iPhone不能缓存25K以上的组件，并且这还是要在被压缩前。
34. Pack Components into a Multipart Document 将组件打包进一个多部分的文档中
就好像在邮件中加入附件一样，一个HTTP请求就够了，但是这一技术需要确保你的代理支持，iPhone就不支持。
空DIV的妙用
帮人解决了一个小问题。
解决的办法是：在原标签的外面套了一个空DIV。这种办法一般是解决IE6浮动BUG的，不知道为什么在这种情况下也管用。
这种情况是：
jQuery写的一段下拉菜单脚本代码，当前页面时当前页的根菜单和下拉菜单同时显示，其他页面的下拉菜单只有鼠标hover状态时显示。在firefox,chrome,safari,opera,ie7,ie8中运行正常，但是在ie6中，第一次载入该页面和刷新该页面时，当前页只有根菜单显示而下拉菜单不显示，只有用鼠标触碰一下该根菜单（或者说启动一下这个脚本）才能正常工作。
<li>
<span class=”v”><a href=”index.html” >首页</a></span>
<div><div class=”kind_menu” > 欢迎您访问,我们为您提供最优质的互联网服务! </div></div>
</li>
<li>
<span class=”v”><a href=”cuxiao.html”>促销活动</a></span>
<div class=”kind_menu” > 不定期举行的线上活动 </div>
</li>
<li>
<span class=”v”><a href=”love.html”>爱心公益</a></span>
<div class=”kind_menu” > 爱心公益 </div>
</li>
————————————————
更新: 将span标签换成div标签。不用套空div即可解决问题。
<li> <span><a href=”index.html” ><font>首页</font></a></span>
<div style=” left:20px; “> 欢迎您访问联促网,我们为您提供最优质的互联网服务! </div></div>
</li>
flash自定义右键菜单
my_cm = new ContextMenu();// 申明一个新的菜单对象
my_cm.hideBuiltInItems();// 屏蔽当前的右键菜单
my_cm.customItems.push(new ContextMenuItem(“chesanqi”, menu1));// 创建一个新的子菜单，名为“chesanqi”，并设置menu1为响应函数
my_cm.customItems.push(new ContextMenuItem(“chesanqi’s blog”, menu2));// 创建一个新的子菜单，名为“chesanqi’s blog”，并设置menu2为响应函数
function menu1() {
getURL(“http://www.chesanqi.com”, “_blank”);// “chesanqi”的响应函数具体内容
}
function menu2() {
getURL(“http://www.chesanqi.com/blog”, “_blank”);// “chesanqi’s blog”的响应函数具体内容
}
_root.menu = my_cm;// 将当前定义的菜单绑定到主场景的右键菜单上
my_cm.hideBuiltInItems();// 屏敞当前的右键菜单
my_cm.customItems.push(new ContextMenuItem(“chesanqi”, menu1));// 创建一个新的子菜单，名为“chesanqi”，并设置menu1为响应函数
my_cm.customItems.push(new ContextMenuItem(“chesanqi’s blog”, menu2));// 创建一个新的子菜单，名为“chesanqi’s blog”，并设置menu1为响应函数
function menu1() {
getURL(“http://www.chesanqi.com”, “_blank”);// “chesanqi”的响应函数具体内容
}
function menu2() {
getURL(“http://www.chesanqi.com/blog”, “_blank”);// “chesanqi’s blog”的响应函数具体内容
}
_root.menu = my_cm;// 将当前定义的菜单绑定到主场景的右键菜单my_cm = new ContextMenu();// 申明一个新的菜单对象
my_cm.hideBuiltInItems();// 屏敞当前的右键菜单
my_cm.customItems.push(new ContextMenuItem(“chesanqi”, menu1));// 创建一个新的子菜单，名为“chesanqi”，并设置menu1为响应函数
my_cm.customItems.push(new ContextMenuItem(“chesanqi’s blog”, menu2));// 创建一个新的子菜单，名为“chesanqi’s blog”，并设置menu1为响应函数
function menu1() {
getURL(“http://www.chesanqi.com”, “_blank”);// “chesanqi”的响应函数具体内容
}
function menu2() {
getURL(“http://www.chesanqi.com/blog”, “_blank”);// “chesanqi’s blog”的响应函数具体内容
}
_root.menu = my_cm;// 将当前定义的菜单绑定到主场景的右键菜单上