淡淡花香入梦来 http://blog.sina.com.cn/bencalie Mon, 04 Jan 2010 11:01:35 GMT+8 FEEDCREATOR_VERSION zh-cn Copyright 1996 - 2009 SINA Inc. All Rights Reserved. Mon, 04 Jan 2010 03:01:35 GMT+8 让 Aptana 编辑器支持换行 http://blog.sina.com.cn/s/blog_53d96fe30100eo5f.html 一直以来都不习惯 Aptana 的文本编辑器不支持换行，很多时候，不得不加个回车，手动换行，免得每次拉横向滚动条来修改代码，现在好了，简单设置一下即可。（如果没有该选项，请检查你的 Aptana 版本是否太低，我的是 Aptana Professional Studio 1.5.1）

请打开主菜单 Window -> Preferences，打开设置对话框


]]> 淡淡花香入梦来 Aptana_初体验 http://blog.sina.com.cn/s/blog_53d96fe30100eo5f.html#comment Sat, 25 Jul 2009 07:23:26 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100eo5f.html Aptana脚本：JS 文件中非键盘输入字符和 Unicode 互转 http://blog.sina.com.cn/s/blog_53d96fe30100dzb5.html 目的：

为了减少由于 JS 代码中中文引起的乱码现象，自动将键盘不可输入字符转换为 unicode 形式，或者转回来以便修改。

使用方法：

快捷键 —— Ctrl+Alt+C
  • 在你的 Aptana 项目下建立一个 scripts 目录或者 monkey 目录。
  • 把附件中的文件放到该目录下。
  • 你就可以在主菜单 Scripts -> Editors 下看到一个 Chinese to Unicode，或者在 Scripts 面板看到该脚本，双击或者右键选择 Execute 来执行它既可。

----------------------------------------------------------------------------------

]]> 淡淡花香入梦来 Aptana_初体验 http://blog.sina.com.cn/s/blog_53d96fe30100dzb5.html#comment Thu, 11 Jun 2009 02:03:14 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100dzb5.html Fiddler2 中文手册“无法显示网页”问题的解决办法 http://blog.sina.com.cn/s/blog_53d96fe30100dt4v.html 端午节期间，我接到网友的 Email，说 Fiddler2 中文手册页面打开后，出现无法显示网页的错误，如下图：

解决办法如下：

 

在资源管理器中右键点击该 chm 文件，选择属性菜单，弹出的属性对话框常规选项卡中，靠下部有个“解除锁定”按钮，单击该按钮解除锁定，再次打开 chm 文件就好了

]]> 淡淡花香入梦来 http://blog.sina.com.cn/s/blog_53d96fe30100dt4v.html#comment Sun, 31 May 2009 02:13:23 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100dt4v.html [原创] Fiddler2 中文手册 http://blog.sina.com.cn/s/blog_53d96fe30100dku6.html 最近一阵研究 Fiddler2 的使用来着，一开始看起来有点找不着北，索性就根据官网资料和自己的摸索，整理出了一个帮助文档，主要以界面的详细介绍为主，暂时没有写大篇的使用教程，先将就用吧。

下载地址：Fiddler2 中文手册 (请右键另存)

]]> 淡淡花香入梦来 我的JS脚本心得 http://blog.sina.com.cn/s/blog_53d96fe30100dku6.html#comment Wed, 13 May 2009 10:16:39 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100dku6.html 雷人的 IE6 JS 报错 http://blog.sina.com.cn/s/blog_53d96fe30100dkd9.html 不可思议，错误居然出在第一亿多行，而且每次刷新都不一样

]]> 淡淡花香入梦来 http://blog.sina.com.cn/s/blog_53d96fe30100dkd9.html#comment Tue, 12 May 2009 06:54:59 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100dkd9.html 记录几个Javascript 正则，以备以后查询 http://blog.sina.com.cn/s/blog_53d96fe30100djrr.html 1、格式化字符串为千分号表示，如：1000000.10，格式化为 1,000,000.10

var re = /(\d{1,3})(?=(\d{3})+(?:$|\.))/g;

var result = "1000000.10".replace(re, "$1,");  // 结果 1,000,000.10

 

2、匹配字符串中特殊的一段，这里匹配 "ssss#{{btnOK}}sdf#{ok}dfsdf" 花括号中的字符

var re = /[^\{\}]+(?=\})/g;

var result = "ssss#{{btnOK}}sdf#{ok}dfsdf".match(re); // 结果 ["btnOK", "ok"]

 

]]> 淡淡花香入梦来 我的JS脚本心得 http://blog.sina.com.cn/s/blog_53d96fe30100djrr.html#comment Mon, 11 May 2009 11:59:40 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100djrr.html 页面性能优化——为什么 Google 如此之快？ http://blog.sina.com.cn/s/blog_53d96fe30100d5ec.html 毫无疑问，目前 Google 作为最成功的搜索引擎，返回结果的速度也是最佳的。下面是 Google 和两个最大竞争对手 Yahoo 和 Live.com 通过 HttpWatch 抓包得到的时间表：

Google.com 返回结果页面耗时 0.155 秒：

Google 结果页的时间表

Live.com 返回结果页面耗时 0.619 秒：

Live.com 结果页的时间表

Yahoo 返回结果页面耗时 1.131 秒：

Yahoo 结果页的时间表

这些抓图，都是在浏览器无缓存的情况下，分别访问每个搜索引擎首页，键入一个相同的搜索条目：Basic Edition of HttpWatch

当单击“搜索”按钮后，关键字搜索结果的返回时间，Google 比 Live.com 快了四倍，比 Yahoo 快了七倍。他们是怎么做到的呢？

很显然，用于查找此关键字的结果所花费的时间是至关重要的，不可否认，Google 的分布式超级电脑是核心所在，据说他们超过10万台服务器在提供服务。与此同时，Google 也对他们的结果页做了大量的优化，对站点性能有最重要影响的是如下两方面：

  • 减少 HTTP 请求数
  • 让数据下载量最小(也就是节省了下载时间)。

Google 的结果页仅仅需要一次请求，而 Live.com 和 Yahoo 分别是四次、八次。他们确保搜索结果页不依赖任何外部资源。所有的样式信息和 Javascript 代码都通过 <style> 和 <script> 标签集成到到页面内。

你可能奇怪搜索结果页面的 Google Logo 和其他图片是怎么渲染的，因为 IE 浏览器并不支持内嵌图片数据(in-lined image data)。当然，这中间有一点点技巧。当用户访问 Google 首页的时候，图片 nav_logo3.png 已经被后台的 Javascript 脚本预先加载(你可以在 HttpWatch 中看到)：

预加载 nav_logo3.png

这个图片在首页上并没有显示，但会被强加到浏览器缓存中。当搜索结果页被浏览器渲染的时候，就无需从 google.com 读取该图片，因为它已经有了一个本地副本。它甚至根本不会在 HttpWatch 上显示为一个 (Cache) 结果，因为 IE 会直接在内存图片缓存中直接加载它。

正如你从抓图中看到的一样，nav_logo3.png 不仅包含了 Google logo。它还包含了一些箭头和 Google Checkout logo(结帐)。因为结果页使用了一种称为 CSS Sprites 的技术。结果页中使用的所有图片都是通过 CSS background-position 属性精确定位到这个“集成图片”上的具体位置。该技术的使用，使得 Google 结果页所需的图片仅仅需要一个请求就完成了。

Google 搜索结果页和竞争对手相比，另一个高明之处在于，是下载数据量的大小。你可以从下面的 Http 抓包统计结果中，查看高亮部分的值：

Google 结果页汇总

Live.com 结果页汇总

Yahoo 结果页汇总

Google 搜索结果页仅仅需要下载 6 KB 数据，Live.com 是 16 KB，Yahoo 是 57 KB。这三个搜索引擎都使用了 HTTP 压缩，但是 Google 结果页数据量更小，那是因为：

  1. 他们的页面更简单，只需很少的 HTML。
  2. 他们避免额外请求脚本和 CSS。每个请求都需要 HTTP 响应并增加了下载的数据量。另外，HTTP 压缩对于单一的大数据量请求和多个小数据量请求来说，前者效率更佳。
  3. HTML 是最小尺寸，牺牲可读性。包括去掉无用的空格、去掉注释和使用较短的 name 和 id 的变量名。

Google 不仅采用了这些技术来提升搜索结果页的性能，也得益于减少了对 Google web 服务器的请求。

 

原文：Why is Google so Fast?

]]> 淡淡花香入梦来 翻译和整理文章 http://blog.sina.com.cn/s/blog_53d96fe30100d5ec.html#comment Mon, 13 Apr 2009 06:58:03 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100d5ec.html 在 IE 7 中使用 Ctrl+F5 http://blog.sina.com.cn/s/blog_53d96fe30100d4u5.html 在 IE 浏览器中，快捷键 Ctrl+F5 是一种强制重载页面和页面内容（如图片、CSS、Javascript 等）的快捷途径。它等同于没有任何浏览器缓存的时候访问一个页面。

如果你在 IE 6 中使用 Ctrl+F5 刷新页面，并用 HttpWatch 抓包，你可以看到每个请求都返回一个HTTP 200 OK响应：

在 IE 6 中使用 Ctrl+F5

这表示每个 HTTP 请求返回时候都响应了它的全部内容。

然而，在 IE 7 中，你按 Ctrl+F5 后你也许会看到一个不同的响应：

在 IE 7 中使用 Ctrl+F5

结果是，只有 HTML 页面返回的响应是200 OK。其他类型的请求都返回的是304 Not Modified(未变更) 。仔细检查 HttpWatch 日志后，可以看到每个请求发出的时候都会发送一个If-Modified(是否变更)报头。这跟你按 F5 或者点击刷新按钮的预期结果是一样的。

事实上，Ctrl+F5 在 IE 7 中仅仅当键盘焦点在页面内的时候才生效。如果你的焦点移动到其他位置，比如地址栏，它将忽略 Ctrl 按键，就跟直接按 F5 起到的效果相同。

因此，如果你真的想在 IE 7 中强制刷新页面，请一定要先在该页面内点击或者点击该 tab 才能生效。

 

原文：Using Ctrl+F5 in IE 7

]]> 淡淡花香入梦来 翻译和整理文章 http://blog.sina.com.cn/s/blog_53d96fe30100d4u5.html#comment Sat, 11 Apr 2009 16:00:16 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100d4u5.html IE 8 不得不说的七件事 http://blog.sina.com.cn/s/blog_53d96fe30100d4jv.html 在使用 IE 8 两周多以后，我们在此列出 IE 8 发布后，在 Web 开发、调试和执行调试中有重大影响的功能点。

#1 : IE 8 在同一域名下能同时开启更多连接

正如我们此前在《阻塞时间(Blocked time) 和 IE 8》一文中提到的一样，IE 8 中对同一域名的默认并发连接数已经增加了。在早期的 IE 版本中，最多允许两个连接从同一域名(例如：www.microsoft.com)同时请求内容。下面是一个 IE 7 中的 HttpWatch 抓图：

IE 7 允许同一域名两个并发请求

两个并发活动连接的限制经常会造成大量请求排队，直到其中一个连接完成才能继续下一个。在 HttpWatch 中，称之为“阻塞时间”(Blocked time)，在时间图中显示为一个灰色块。

IE 8 活动连接数增加到 6 个(和 Firefox 3 相同)，允许更多的并发请求，很大程度上减少了现在多数网页上出现的阻塞时间：

IE 8 允许同一域名六个并发请求

如果你很关注你站点的性能，你可以在 IE 7 下检验，无论如何，与 IE 8 下肯定有很明显的区别。

#2 : IE 8 使用了新的进程机制

IE 8 有一个新特性，叫 松散耦合 IE (LCIE)，使用不同的 iexplore.exe 进程实例来提供增强的独立性和可靠性。IE 的帧窗口和 tabs 运行在不同进程中，这样一个 tab 崩溃以后你也不用结束整个浏览器会话：

IE 8 进程机制

如果发生错误，IE 8 会尝试重启或重开一个独立的 tab。弹出窗口也会使用类似的机制处理，如果可能，将会放到独立的进程中。

这种机制的优点是，允许保护模式和非保护模式站点的 tab 能够在同一顶级窗口中载入。IE 7 中，如果你打算在不同的保护级别上打开 tabs 的时候，才会创建一个独立的帧窗口。

最初，每个新的 tab 和弹出窗口都会获得一个新进程来打开，但随着 tabs 的数量增加，进程数会达到一个峰值。一旦达到了峰值，新的 tab 就会和其他的 tabs 共享现有的进程。默认情况下，进程数的上限是由 Windows 系统的可用物理内存决定的。

在旧版本的 IE 中，单击开始菜单上的蓝色“e”图标将会在一个独立 iexplore.exe 进程实例中创建一个新 IE 帧窗口。IE 8 中，这种行为变成要尽可能减少分配给 IE 的进程数。现在使用的技术，称之为“帧合并”(Frame Merging)，如果已经有一个进程，它将使用现有的 IE 帧进程来创建 IE 帧窗口。

如果你希望使用不同的 IE frame 进程，你可以在 IE 快捷方式中增加一个参数 -nomerge 来实现：

iexplore.exe -nomerge

#3 : 所有的 IE 8 Tabs、窗口和弹出窗口属于同一浏览器会话

在旧版本的 IE 中，浏览器会话级的 cookies 能够在同一浏览器进程中保持。这意味着每次你单击 IE 图标开启一个新的 IE 进程的时候也就开始了一个新的浏览器会话，你可以同时登录到不同的账户(例如多个Gmail账户)。

IE 8 并不会给每个进程创建一个新会话，因为不同进程中的多个 tabs 或弹出窗口可能需要共享同一个会话级的 cookies。故而，浏览器会话现在能在进程中保持，包括了主 frame 窗口。

IE 8 中默认使用“帧合并”是为了防止创建多个帧进程，因此所有的窗口和 tabs 都属于同一会话。这个和《Firefox 使用单一的默认配置》中描述的行为相同。

但是如果你想在同一个站点同时登录两个或更多帐号怎么办呢？

为了创建一个新会话，你必须确保创建一个新的 IE 8 帧进程。有两种办法可以做到：

  1. 使用上面所述的 -nomerge 参数
  2. 使用文件->新会话。这会创建一个新的帧窗口进程和浏览器会话。

#4 : IE 8 进程机制可配置

IE 开发团队在文章中提到一个简单的注册表键值用于控制这种新进程机制。你需要在下面位置创建一个 DWORD 类型的键叫做 TabProcGrowth：

HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main

你可以控制在 IE 8 中有多少个浏览器进程：

TabProcGrowth 注册表键

最有用的三个键值设置如下：

  1. TabProcGrowth = - 默认设置，允许 IE 8 控制使用多少进程都基于物理内存总量。
  2. TabProcGrowth = 0 - 值为 0 表示每个浏览器会话中的所有 tabs、帧、弹出窗口都是用同一个进程。这让 IE 8 和 Windows XP 上的 IE 7 没有区别。没有帧合并，单击 IE 图标会在独立的浏览器会话中创建新 iexplore.ext 实例。设置了它以后 Vista 上的保护模式将不可用，因为如果 IE 帧和 tabs 在不同的进程中它们就只能在不同的完整级别(integrity levels)上被操作Protected mode on Vista is not available with this setting because the IE frame and tabs can only operate at different integrity levels if they are in separate processes. 如果你正在调试一个 IE 插件，或你正在进行基于 IE 7 进程机制的自动化测试，这个设置会很有用。
  3. TabProcGrowth = 1 - 值为 1 表示在一个浏览器会话中，所有 tabs 和弹出窗口会使用一个进程，IE 8 帧窗口使用另一个进程。该设置下帧合并被启用，并且 Vista 下也支持保护模式。如果你想让 tabs 和弹出窗口使用一个进程，但同时使用保护模式，你就可以把 TabProcGrowth 设置成 1。

指定大于 1 的值用于设定 tabs 进程的数量上限。

#5 : IE 8 中的兼容性工作区

IE 8 中新的、改进的标准模式执行意味着，原来在 IE 7 中能正确显示的页面，可能在 IE 8 中没法正确显示。理想的是，每个站点都更新它们的 HTML 来确保显示正常，但工作区提供了一个 IE 7 仿真选项。可以使用下列方式激活：

  1. 微软有一个 列表 来记录用户反馈的在 IE 8 下显示不正确的站点。IE 7 仿真模式将对列表中的站点自动生效，包括一些常见站点，例如 amazon.com、ebay.com、google.com，即使是微软公司自己的 microsoft.com！
  2. 一个网站开发者可以通过增加 META 到 HTML中来指定使用这种兼容模式：
    <META http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

    或者使用一个响应报头：

    X-UA-Compatible: IE=EmulateIE7

    在微软主页上就使用了 META 标签，在 MSDN 网站使用的是响应报头，可以在 HttpWatch 中看到：

    emulateie7header1

  3. 如果用户遇到问题，可以在 IE 8 上点击兼容模式按钮：
    emulateie7button

    如果该站点已经是在 IE 7 仿真模式下，这个按钮不可见。

是否广泛使用 IE 7 仿真模式，取决于一个大型站点修改 HTML 适应 IE 8 标准模式且仍兼容 IE7 所花费的工作量。

#6 : IE 8 集成的新开发工具

IE 8 集成了一些新的优秀开发工具。你无需单独安装这些 IE 7 中使用的 Web 开发工具栏。这些工具包括：

  • ‘查看源文件’现在会打开一个支持 HTML 语法高亮和行号的窗口，而不是旧版的记事本软件。
  • 一个像 Firebug 一样的 DOM 查看器，能够显示任意 HTML 元素应用的 CSS 样式。
  • 一个 Javascript 调试器和控制台。

#7: 怎样在 IE 8 中使用 HttpWatch

在 IE 8 中你能看到唯一真正的区别来自于新进程机制。

HttpWatch 是根据进程来记录通信量的。因此在 IE 8 中会给每个 Tab 和弹出窗口进程记录不同的日志。总之，你不会太希望每个 tab 和窗口分别显示各自的日志。如果你想跨多 tabs 或弹出窗口记录日志，有两种途径：

  1. 改变 IE 8 的进程机制以便一个进程用于多个 tabs 和窗口(例如 TabProcGrowth 为 0 或 1 )。这样 HttpWatch 就能将所有通信都记入同一个日志文件。
  2. 如果你不想改变进程机制，你可以给每个 tab 和弹出窗口分别查看和记录日志。如果窗口没有工具栏你可以使用快捷键 Shift+F2 来打开 HttpWatch。

你将会发现 HttpWatch 快捷键在 IE 8 的地址栏和搜索区域都无效。我们在将来的更新中将解决这个问题，在此期间，你可以在页面内获得输入焦点后，使用快捷键。

 

原文：Seven Things You Should Known About IE 8

]]> 淡淡花香入梦来 翻译和整理文章 http://blog.sina.com.cn/s/blog_53d96fe30100d4jv.html#comment Sat, 11 Apr 2009 04:05:54 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100d4jv.html 视频：手把手教你在博客插入大图片 http://blog.sina.com.cn/s/blog_53d96fe30100d0fs.html 前一阵子发了一篇贴图的教程，但是还有很多人反映看不明白，好吧，索性录制了一段视频，大家看我的操作一步一步来，这样子应该没问题了吧？

请点击下面的地址访问相关页面

视频播放页地址：

http://benc.net84.net/download/blog.html

Flash文件下载地址：

http://benc.net84.net/download/blog.swf

源代码处理工具地址：

http://benc.net84.net/download/convert.html

]]> 淡淡花香入梦来 http://blog.sina.com.cn/s/blog_53d96fe30100d0fs.html#comment Thu, 02 Apr 2009 02:15:30 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100d0fs.html 推荐：实时录制视频软件ALLCapture http://blog.sina.com.cn/s/blog_53d96fe30100cx3n.html 今天在准备一个经验分享会的时候，为了直观的演示操作步骤，决定通过屏幕录像工具制作一个实时动画，达到最生动的演示效果，发现了软件 AllCapture，发现它真的很棒，不敢藏私，拿出来与大家分享。

它可以录制屏幕上指定大小的区域、全屏录制、多显示器录制也支持。企业版带的 Powerpoint 插件，还可以自动录制 PPT 播放。

视频录制过程分为三步：

第一步：录制

使用 ALLCapture™，你可以非常快速和容易地录制您屏幕上的每个动作。点击了录制按钮后，ALLCapture 将持续记录屏幕直到您通过工具栏结束录制过程。

第二步：编辑

当您完成录制后，您可以编辑记录下的内容。AllCapture 提供了强大的编辑功能，可以增加批注气泡或者注释来解释不同的步骤；也可以插入特效或者图片到项目中；还可以增加音频描述。编辑界面非常类似 Flash 软件的时间线，能够实时看到编辑的效果。

第三步：发布

您可以将创建的项目通过 ALLCapture 发布为：Flash 影片 (*.swf)、Flash 应用程序 (*.exe)、Windows 媒体播放器 ASF 格式、MPEG 视频，从而便于发布到互联网或者用于创建 DVD。

发布 Demo 非常容易，不需要有任何编程基础。

这几种格式几乎都独立于操作系统，或者仅仅需要标准的插件支持，绝大多数浏览器都已经集成了 Adobe 的 Flash 插件。

生成的 swf 文件，每分钟仅仅 300-550 KB，但基本能保持很高的清晰度。能够很快捷的在网上下载。

]]> 淡淡花香入梦来 翻译和整理文章 http://blog.sina.com.cn/s/blog_53d96fe30100cx3n.html#comment Tue, 24 Mar 2009 13:30:47 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100cx3n.html 如何使 DIV 浮于 Flash 之上 http://blog.sina.com.cn/s/blog_53d96fe30100cuzb.html <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="550" height="400">
<param name="movie" value="http://imgfree.21cn.com/free/flash/17.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<embed src="http://imgfree.21cn.com/free/flash/17.swf" wmode="opaque" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="400"></embed>
</object>]]> 淡淡花香入梦来 我的JS脚本心得 http://blog.sina.com.cn/s/blog_53d96fe30100cuzb.html#comment Thu, 19 Mar 2009 08:13:02 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100cuzb.html Aptanta Studio 1.2.4 中上传/下载文件夹的方法 http://blog.sina.com.cn/s/blog_53d96fe30100cu8u.html Aptana Studio Professional 升级到 1.2.4 后，在项目(Projects)视图中，右键点击文件夹，丢失了『同步->上传』/『同步/下载』的菜单。在旧版中，是可以通过该菜单，将整个项目的文件夹一次性同步到服务器的。

目前已经向他们官网论坛反馈了这个问题，官方承诺下次更新的时候修复这个BUG。当前的只有使用项目(Projects)视图工具栏中的按钮来解决，如下图：

方法：点击要上传的文件夹，并选择上传或者下载按钮。

]]> 淡淡花香入梦来 Aptana_初体验 http://blog.sina.com.cn/s/blog_53d96fe30100cu8u.html#comment Tue, 17 Mar 2009 10:01:09 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100cu8u.html Flash 方法不能调用的原因 http://blog.sina.com.cn/s/blog_53d96fe30100cu0k.html 今天遇到了一个问题，在页面上部署了一个 Flash，然后通过 JS 去调用它的方法。部署的代码如下：

<object width="1" height="1">
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<param name="allowScriptAccess" value="always" />
<param name="movie" value="http://127.0.0.1/test.swf" />
<embed id="testswf" name="testswf" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://127.0.0.1/test.swf" type="application/x-shockwave-flash" bgcolor="#FFFFFF" allowScriptAccess="always" width="1" height="1"></embed>
</object>

调用方法 document.getElementById("testswf").testFunction();，居然发现 IE 下提示不支持该方法，而在Firefox 下是没有问题的。百思不得其解，这个 Flash 已经成功加载，为了确保是加载成功的，在加载完成的时候还调用了页面的一个 alert 方法。


结果一番尝试下，发现原因有二：

一、IE 下 OBJECT 缺少了 classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 这个属性。

二、IE 下不能通过 EMBED ID 去调用 Flash 方法。Firefox 下能使用 EMBED ID 调用 Flash 方法，但是使用 OBJECT ID 不行。


各个浏览器对 Flash 标签的解析机制不一样：

·Firefox 不支持 object 中 classid 属性，只支持 type 属性，而如果发现 object 有 classid 属性以后，它将不理会 object，而只执行 embed。

·而对于 Opera 则很有趣，它既支持 object，又支持 embed，但是因为 embed 是嵌入到 object 中的，如果它能正确识别 object，它就不再理会 embed，如果它不能识别 object，则执行 embed。因此它不会显示两个播放器。

·而 Internet Explorer 则只识别 object 中的 classid 属性。因此在 object 中，我们不需要指定 type 属性。

]]> 淡淡花香入梦来 我的JS脚本心得 http://blog.sina.com.cn/s/blog_53d96fe30100cu0k.html#comment Mon, 16 Mar 2009 14:12:50 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100cu0k.html 手把手教你如何在博客插入大图片 http://blog.sina.com.cn/s/blog_53d96fe30100cs30.html 相关文章
相册--博客--论坛批量发大图全攻略！原创~~~~（肚丫妈妈提供）
sina博客上发多幅大图的一个巧方法（小珠子爸爸提供）

最近博客做了升级，很多用户发现插入的图片都显示为500px，如果需要插入大图，可以按照下面的步骤来实现：

 















 

]]> 淡淡花香入梦来 http://blog.sina.com.cn/s/blog_53d96fe30100cs30.html#comment Thu, 12 Mar 2009 03:14:45 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100cs30.html HttpWatch中的ERROR_INTERNET_INVALID_URL错误 http://blog.sina.com.cn/s/blog_53d96fe30100clc0.html 原文：ERROR_INTERNET_INVALID_URL & HttpWatch

一些用户反映，最近在他们的页面中通过 HttpWatch 抓包，有发现请求 http://:/ 这样的地址，想知道发生这种问题的原因。这样的 URL 会在 IE6 中显示 “ERROR 0x57”，而在 IE7 中显示为“ERROR_INTERNET_INVALID_URL”。

发生这样的错误都有一个共同的原因。他们一般都使用了 JQuery 或者 YUI 的 Javascript 库。很难立即发现是哪里生成了这个 URL，我们使用 IE Developer Toolbar 检查后发现，没有哪个 DOM 节点使用了这个 URL。

我们使用当前的 jQurey 库建立了一个简单的测试页。如果你使用 HttpWatch 抓包，你就能看见页面加载后，对 http://:/ 地址的请求被记录了下来。

jQuery Demo in IE7

IE7 下抓图

jQuery Demo in IE6

IE6 下抓图

我们猜想会不会是 IE 自动加上了 http: 前缀和最后的反斜杠，于是，我们查找 //:。HttpWatch 高亮显示了 jquery.js 中的如下代码片段。它的作用是，在 IE 下做一个 Hack 来触发一个事件，效果等同于 Firefox 中 DOMContentLoaded 事件。

IE Defer Script Hack

jQuery 库不使用标准的 window.onload 事件，是因为该事件会等到页面和页面内的全部图片完全加载成功后才会被触发。如果图片较多，或者图片较大，会造成页面上的 JS 函数执行被严重地滞后。使用 DOMContentLoaded 事件的优点就在于，一旦页面的 Dom 节点完成后，JS 就可以安全的操作这些节点，而不会触发 IE 终止错误。

因此，在 IE 下创建了一个带有 defer 属性临时的 SCRIPT 标签，来产生一个与 DOMContentLoaded 事件相同作用的事件。（注：该 SCRIPT 标签的 onreadystatechanged 中可以监测 SCRIPT 的加载状态，如果 readyState 属性为 complete，就证明 DOM 节点已经完成并且可以操作。关于这种方法的可靠性，我们在另一篇文章中单独探讨）然而，如果 SCRIPT 标签有一个 defer 属性， SCRIPT 必须有一个 src 属性的时候才会触发 onreadystatechanged 事件。就是这里的 src 属性引起了这个错误的 URL 请求。

临时的 SCRIPT 标签会在事件触发后被删除，因此无法在页面的 DOM 节点中看到。

The temporary

相同的例子是使用 YUI 库：

YUI Defer Script Hack

如果你访问 YUI Event 示例，你仍然可以看到这个错误：

YUI Event Example

SCRIPT 标签的 src 设置为 //: 是整个问题的根源。如果它是一个真实有效的 URL，必然导致一个冗余的网络请求。这个无效的URL 请求会在 HttpWatch 中显示为一个错误，但是会带来最小程度的性能开销。YUI Event 实例中我们可以看到，它仅仅增加了 3 毫秒的下载时间。

]]> 淡淡花香入梦来 翻译和整理文章 http://blog.sina.com.cn/s/blog_53d96fe30100clc0.html#comment Tue, 24 Feb 2009 06:43:54 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100clc0.html 转：正则表达式有无g参数时，test()结果的差异 http://blog.sina.com.cn/s/blog_53d96fe30100bpny.html 有g参数的正则表达式：

var kk=/\w\w/g;

var kk=new RegExp("\\w\\w","g");

如果正则表达式有指定g参数全局匹配 ， 则每次test()是依次获得下一个匹配。举例说明

var s="AABBCC";

var kk=/(\w\w)/g;

for(i=0;i<8;i++){

document.write ("<br>"+kk.test(s));

}

上面的代码结果是3个true，1个false，再3个true，再1个false。

true

true

true

false

┄

第1次test匹配AA，第2次test匹配BB，第3次test匹配CC，第4次test找不到匹配，之后又从头重新开始：

第5次同第1次，第6次同第2次，┄┄。

所以会出现test有时候true，有时候false的情况。这里的正则表达式必须是指定了g参数的。

利用这一特点，可以用while循环遍历所有正则匹配：

var s="AA_123_BB_456_CC";

var kk=/((\w)\2)/g;

while(kk.test(s)){

document.write ("<br>"+RegExp.$1);

}

得到结果：

AA

BB

CC

如果正则表达式没有g参数，则每次test都是从头开始匹配，不存在上述问题。

没有g参数的正则表达式：

var kk=/\w\w/;

var kk=new RegExp(\\w\\w);测试：

var s="AABBCC";

var kk=/(\w\w)/;

for(i=0;i<8;i++){

document.write ("<br>"+kk.test(s));

}

上面的代码结果是8个true，每次都是AA匹配。

true

true

true

true

┄

本文转自：无心的专栏

]]> 淡淡花香入梦来 http://blog.sina.com.cn/s/blog_53d96fe30100bpny.html#comment Tue, 18 Nov 2008 14:45:46 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100bpny.html 转：通过浏览器从SVN更新代码到Linux服务器指定目录 http://blog.sina.com.cn/s/blog_53d96fe30100blbq.html http://blog.s135.com/read.php/371.htm]

　　今天花几分钟写的一个PHP小程序，用途是：无需给程序员开放服务器SSH帐号，只需通过Web浏览器即可从SVN版本库更新代码到Linux服务器的指定目录。如果有需要，可以给这段代码加个密码登录。

　　1、假设www、www是Apache或Nginx服务器的用户名和组，/data0/www/是网页文件存放根目录，执行以下shell命令：
sudo -s
/usr/sbin/groupadd www -g 48
/usr/sbin/useradd -u 48 -g www www
mkdir -p /data0/www/
chown -R www:www /data0/www/
su www
cd /data0/www/
/usr/local/bin/svn checkout --username zhangyan --password 123456 http://xxx.xxx.xxx.xxx:8080/svn/web/trunk/


　　2、创建文件svn_up.php：
  1. <?php   
  2. header("Cache-Control:no-cache,must-revalidate");   
  3. $handle = popen('/usr/local/bin/svn up --username zhangyan --password 123456 /data0/www/*', 'r');   
  4. $read = stream_get_contents($handle);//需要 PHP5 或更高版本   
  5. echo "<pre>";   
  6. printf($read);   
  7. echo "</pre>";   
  8. pclose($handle);   
  9. ?>  

　　3、通过浏览器访问svn_up.php，显示以下内容（例）：
　　U    /data0/www/app/DataTransferService.php
　　Updated to revision 561.
]]> 淡淡花香入梦来 http://blog.sina.com.cn/s/blog_53d96fe30100blbq.html#comment Thu, 06 Nov 2008 15:25:31 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100blbq.html Aptana 之 Eclipse Monkey 脚本开发（二） http://blog.sina.com.cn/s/blog_53d96fe30100bi9l.html 创建一个新的 Eclipse Monkey 脚本

如何创先一个新的 Eclipse Monkey 脚本？

介绍

一旦你安装了 Eclipse Monkey 插件后，你就能迅速且轻松的开始创建你自己的 Eclipse Monkey 脚本了。下文告诉你怎么创建一个简单的、普通的 Eclipse Monkey 脚本。

步骤
  1. 在你的工作空间中新建一个空的项目，在项目下建立一个 scripts 目录或者 monkey 目录。
  2. 在该目录下创建一个新的 JS文件，扩展名是 *.js 或者 *.em。
  3. 给你的脚本配置 metedata 信息 (详见 给 Eclipse Monkey 脚本增加元数据 (metadata))
  4. 开始编写和保存你的脚本。接下来，你就可以在 Scripts 面板看到该脚本，双击或者右键选择 Execute 来执行它既可。

给 Eclipse Monkey 脚本增加元数据 (metadata)

下面介绍 Eclipse Monkey 脚本中选项和代码

介绍

增加元数据 (metadata) 到你的脚本用于告诉 Eclipse 怎么运行你的脚本。下面是你可以增加到脚本中的所有元数据 (metadata) 类型：

  • 菜单标签 Menu label
  • 快捷键 Hotkey(s)
  • 监听器 Listener(s)
  • 作者信息 Kudos to the writer(s)
  • 授权信息 License information
  • DOM 地址 DOM URL

所有元数据都是可选的；它仅仅是约束你的脚本按照你想要的方式运行。

下面的例子显示了元数据中的一些常规用法。在这个例子中，脚本名叫 Fun with Monkey，能够通过主菜单 Scripts -> Fun with Monkey 菜单、Alt + M 快捷键来运行，也会在 Eclipse 加载时候运行 main 函数。这段脚本是 Michelle Petersen 编写，遵守 Eclipse Public License 1.0，集成了 sample.doms DOM 对象 (在 Aptana 代码片断网站上可见)。下文的详细参考会给你更加详细的说明，指导你使用每个元数据。

／*
* Menu: Fun with Monkey
* Key: M3+M
* Kudos: Michelle Petersen
* License: EPL 1.0
* DOM: http://snippets.aptana.com/sample.doms
* OnLoad: main()
*／
-------------------

元数据参考手册

菜单元素据 Menu metadata

给脚本增加菜单信息的方式：

·增加关键字 Menu 到你的元数据中

·所有菜单都会显示在 Scripts 主菜单下

·使用标准的 Eclipse 语法来创建菜单和子菜单项

示例1：

Menu: Fun with Monkey

在上面的例子中，你可以通过 Scripts -> Fun with Monkey 来访问

示例2：

Menu: my_submenu > Fun with Monkey

在上面的例子中，你可以通过 Scripts -> my_submenu > Fun with Monkey 来访问

按键元数据 Key metadata

使用 Key 关键字给你的脚本增加一个快捷键

增加快捷键到脚本的方式：

·增加 Key 关键字到元数据

·使用下列的修饰键 + ASCII 键

M1 (Command 或者 Ctrl)

M2 (Shift)

M3 (Option 或者 Alt)

M4 (Mac 上的 Ctrl)

·已经经过验证的 (非首选)：ALT、COMMAND CTRL 和 SHIFT

·也可以到 Eclipse 站点查看更多的快捷键代码：http://www.eclipse.org/dash/monkey-help.php?key=writing

示例：

下面的例子使用 Alt + M 快捷键来调用脚本

Key: M3+M

图像元数据 Image metadata

使用 Image 关键字可以在工具栏上增加一个小图标来运行你的脚本。你可以单击指定的图标来运行你的脚本。你需要指定图片的路径来设置你脚本所显示图标。

示例：

Image: ../Images/iconComment.png

监听器元数据 Listener metadata

使用 Listener 关键字可以增加一个事件监听到你的元数据中。这可以让你的脚本在指定事件触发时候运行。

增加事件监听到你的脚本：增加 Listener 关键字到你的元数据。它将追加到指定的时间上。

示例：

Listener: commandService().addExecutionListener(this);

文档对象模型元数据 DOM metadata

使用 DOM 关键字来指定你的脚本需要的 DOM 对象

增加 DOM 信息到你的脚本：

·增加 DOM 关键字到你的元数据

·DOM 像其他插件一样使用它，即使你没有安装它，Eclipse 也会自动替你下载它。

你可以使用集成的 DOM 或者指定一个 URL

例如 window (集成的)

例如 http:/// (插件 DOM)

示例：

下面的代码将从 Aptana snippets 站点下载 sample.doms DOM 对象。

onLoad 元数据

使用 onLoad 关键字使你的脚本在 IDE 启动的时候就运行

·增加 onLoad 关键字到你的元数据

·指定你想 Eclipse 载入时候调用的函数名

示例

下面的例子是 Eclipse 载入的时候执行 main() 函数

OnLoad: main()

Kudos 元数据

使用 Kudos 来描述你自己或者脚本的创建者信息

·增加 Kudos 关键字到你的元数据

示例

Kudos: Michelle Petersen

授权元数据 License metadata

使用 License 关键字指定你脚本的授权信息

·增加 License 关键字到你的元数据

示例

下面的例子指定授权为 Eclipse Public License 1.0

License: EPL 1.0

]]> 淡淡花香入梦来 Aptana_初体验 http://blog.sina.com.cn/s/blog_53d96fe30100bi9l.html#comment Wed, 29 Oct 2008 14:58:17 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100bi9l.html Aptana 之 Eclipse Monkey 脚本开发（一） http://blog.sina.com.cn/s/blog_53d96fe30100bhoh.html 关于 Eclipse Monkey

Eclipse Monkey 是一个动态脚本工具，它能够帮助你在 Eclipse 或者 Aptana Studio 中利用脚本语言完成一些重复而单调的任务。你编写 Eclipse Monkey 脚本的时候，你的脚本并不是处于 API 层面上，所以你根本不需接触真实的 Eclipse 代码，也不需开发独立的 Java 插件来执行这些简单的任务。

Eclipse Monkey 特性

环境需求：Eclipse Monkey 目前作为 Eclipse V3.2 或者 V3.3 的一个插件，要求你最少有 Eclipse V3.2，目前 Aptana Studio Professional 1.2 是集成的 Eclipse V3.3

Eclipse Monkey 的主要历史：

  • 由 Ward Cunningham 和 Bjorn Freeman-Benson 开发
  • 集成为 Mozilla 的 Greasemonkey 脚本工具
  • 2007 年 3 月集成到 Aptana Studio 中
  • 将作为 Europa(Eclipse V3.3) 的一部分同步发行

脚本的优点：脚本显然比在成熟的 Java 开发环境中对 Eclipse UI 做一些小的改变来得容易

  • 使用 Javascript 编写脚本，容易入门
  • 不需要写新的插件
  • 与真实 Eclipse 代码完全不冲突
  • 脚本与项目捆绑在一起
  • 利用 HTML 和 Javascript 来创建 Eclipse 视图
  • 可以建立快捷键来运行脚本

支持的语言

目前，Eclipse Monkey 支持 Javascript 和 Ruby。将来，还将支持 Groovy。

Eclipse Monkey DOMs

基于文档对象模型 (DOMs) 的脚本可以避免改变真实的 Eclipse 代码。Eclipse Monkey 具备几个内置 DOMs (如 window)，你也可以指定一个可更新的、包含 DOM 信息的站点 URL，来下载或者使用该 DOM 对象。

 

运行 Eclipse Monkey 脚本

 

Eclipse Monkey 提供了集中方式来运行您的 Eclipse Monkey 脚本

  • 从菜单项中运行
  • 快捷键
  • Scripts 面板 (右键选择 Execute 或者双击)
  • 被事件触发
  • 启动时运行

您可以阅读给 Eclipse Monkey 脚本增加元数据 (metadata) 来了解怎样配置您的 Eclipse Monkey 脚本以便能按照你自己的意图来运行它。

关于 Eclipse Monkey 示例项目

下面介绍一下在 Eclipse Monkey 插件中集成的一些示例项目。

Eclipse Monkey 包含了一些示例项目来帮助您开始您的 Eclipse Monkey 脚本之旅。你可以在 Scripts 面板中看到这些脚本。

示例项目

下面是当前的示例项目的一个简要说明：

  • Editors__Comment_Lines.js - 对当前选择行进行注释或者取消注释
  • Samples__Replace_Selection_with_Date.js - 把当前选择的文本替换成当前日期
  • Samples_System_Prints.js - 输出当前匹配的文件到任务列表面板。
  • Samples__Hello_World.js - 对话框显示最基础的脚本 "Hello world"
  • Samples__File_Sample.js - 往一个文件里写入信息
  • Samples__Web_Request_Sample.js - 创建一个新的 Web 请求
  • Views__Google_Web_View.js - 使用 Google 首页创建一个新的 web 面板
]]> 淡淡花香入梦来 Aptana_初体验 http://blog.sina.com.cn/s/blog_53d96fe30100bhoh.html#comment Tue, 28 Oct 2008 01:21:03 GMT+8 http://blog.sina.com.cn/s/blog_53d96fe30100bhoh.html