City Sleeps

City Sleepshttp://blackanger.blogspot.com/有你的地方才是天堂 (抱歉，本博客模板不支持IE浏览器)ennoreply@blogger.com (blackanger)Thu, 28 Jul 2011 10:13:41 PDTBlogger http://www.blogger.com32125noreply@blogger.comno有你的地方才是天堂 (抱歉，本博客模板不支持IE浏览器)有你的地方才是天堂 (抱歉，本博客模板不支持IE浏览器)JavaScript shellhttp://blackanger.blogspot.com/2009/04/javascript-shell.html杂技noreply@blogger.com (blackanger)Fri, 03 Apr 2009 03:26:35 PDTtag:blogger.com,1999:blog-499754866002806189.post-8002198918957469957寻找一个类似于ruby irb的工具来验证自己的js语法是否输出正确的结果，除了firebug之外，还有一款很酷的小工具，http://www.billyreisinger.com/jash/用法：1. 下载jash.js 和jash.css2. 在页面加载jash.js 和 jash.css3. 在页面上加这个链接：Jash bookmarklet然后点这个链接就可以调出shell窗口了。2009-04-03T18:26:35.832+08:000为TextMate扩展全屏功能http://blackanger.blogspot.com/2009/04/textmate.html杂技noreply@blogger.com (blackanger)Thu, 02 Apr 2009 00:56:55 PDTtag:blogger.com,1999:blog-499754866002806189.post-3040890002411852340今天看代码，感觉TextMate那个窗口太小了点，越看越不爽，就想把它弄成全屏的。于是搜索啊搜索啊搜索，终于让我找到一款很yd的小软件，叫megazoomer，下载地址是：http://ianhenderson.org/megazoomer.html安装它之前还需要另一款小软件，叫SIMBL (SM?)http://culater.net/software/SIMBL/SIMBL.php下面来小讲一下安装步骤（非Mac用户就靠边吧，没你什么事）：1. 安装SIMBL2. 安装megazoomer，把.bundle文件放在/Library/Application Support/SIMBL/Plugins/目录下，如果没用这个目录就自己动手建。3. 重启TextMate4. command + 回车激活这个软件，退出全屏也是一样的快捷键。注意的是，TextMate2009-04-02T15:56:55.701+08:000Google Gears离线应用之实时判断系统是否离线http://blackanger.blogspot.com/2009/04/google-gears.htmlGoogle Gearsnoreply@blogger.com (blackanger)Tue, 31 Mar 2009 20:22:39 PDTtag:blogger.com,1999:blog-499754866002806189.post-2230007823379967249离线应用有不同的架构，我采用的架构需要在后台实时判断用户是否在线，也就是说，判断用户的网络是否通畅。基本思路是：1. 使用一个WorkerPool实时的向服务端发出请求2. 把是否在线状态保存到浏览器数据库里供其他WorkerPool使用。之下是代码：1. 父WorkerPool, 负责在页面显示是否在线的图标：/** * The ParentWorkerPool of Monitor whether the system is online or offline * * Alex(blackanger.z@gmail.com) * 2009.3 */isOnlie: function(){ workerPool = google.gears.factory.create('beta.workerpool'); 2009-04-01T11:22:39.058+08:000JavaScript MVC 之 Jamalhttp://blackanger.blogspot.com/2009/03/javascript-mvc-jamal.htmljavascriptnoreply@blogger.com (blackanger)Wed, 18 Mar 2009 04:49:07 PDTtag:blogger.com,1999:blog-499754866002806189.post-8657867676648688512JavaScript为什么要搞MVC了？有些人可能不理解，我刚开始也不理解，但是有一些现实里的需求，让我主动去寻找一个这样的MVC框架，我的需求很简单，因为我想有一个好的js代码组织结构，我想让自己的思路变的更加清晰。我终于找到了－－Jamal , 一个基于jQuery的JavaScript MVC框架。Jamal的作者Timo在Jamal刚开始的版本发布的时候，做了一个图，搞了一个什么dispatcher，可笑的是，国内的某些人竟然把这个图转来转去的当成是宝，呵呵，我问了Timo本人，他是这么说的：Hey Alex,this is a slide from a presentation at the very beginning of jamal.This is not wrong in general, but there is no dispatcher 2009-03-18T19:49:07.401+08:001Aptana Active Record 指南（一）http://blackanger.blogspot.com/2009/03/aptana-active-record.htmlGoogle Gearsnoreply@blogger.com (blackanger)Tue, 17 Mar 2009 00:27:32 PDTtag:blogger.com,1999:blog-499754866002806189.post-1543514023339174076Thanks kmandrup ! (他的blog被block了)Aptana出了一款ActiveRecord.js的库，用以操作本地数据库，支持html5， gears，手机等。Kmandrup是我在google maillist认识的朋友，那么我就转载了他的这个指南，他还没有更新第2部分，更新完了继续转载。This example is an extension of Stefans example, demonstrating how to create a One-to-Many relationship of a List with multiple Entry elements. The HEAD includes jQuery and Active Record. <html> <head> <meta http-equiv=“2009-03-17T15:27:32.246+08:000当你遇到挫折的时候http://blackanger.blogspot.com/2009/03/blog-post_2151.html心情noreply@blogger.com (blackanger)Wed, 11 Mar 2009 06:14:38 PDTtag:blogger.com,1999:blog-499754866002806189.post-6166411770393256496人生总是充满坎坷的。有的人从容面对，有的人选择死亡。今天看到这幅图挺震撼的，请记住这个笑容，当你遇到挫折的时候，想想这个笑容。他来自美国德克萨斯州，7岁，名叫Cody McCasland2009-03-11T21:14:38.046+08:000离线应用架构http://blackanger.blogspot.com/2009/03/blog-post_11.htmlGoogle Gearsnoreply@blogger.com (blackanger)Tue, 10 Mar 2009 23:19:15 PDTtag:blogger.com,1999:blog-499754866002806189.post-5429579603835266331最终选定了上面这种架构。用户总是把数据存在本地，不关心是否在线还是离线，但是界面有个按钮选择是否离线，选择这个按钮的时候，sync engine启动，在后台进行本地数据和服务端数据的同步。2009-03-11T14:19:15.960+08:000离线应用的两种架构模式http://blackanger.blogspot.com/2009/03/blog-post.htmlGoogle Gearsnoreply@blogger.com (blackanger)Sat, 07 Mar 2009 19:11:10 PSTtag:blogger.com,1999:blog-499754866002806189.post-56154706258291865892009-03-08T11:11:10.149+08:000Google Gears WorkerPoolhttp://blackanger.blogspot.com/2009/03/google-gears-workerpool.htmlGoogle Gearsnoreply@blogger.com (blackanger)Thu, 05 Mar 2009 19:48:39 PSTtag:blogger.com,1999:blog-499754866002806189.post-2666812930169577515WorkerPool组件也是通过google.gears.factory.create 方法来创建的:var wp = google.gears.factory.create('beta.workerpool', '1.0');他相当于线程， WorkerPool里Workers使用sendMessage() 方法来通信, 这些Workers可通过全局变量生成的子workers。google.gears.workerPoolsendMessage() 接收两个参数：要发送的message字符串和接收message的workers的ID.当一个worker被初始化的时候，它应该会设置一个workerPool的onmessage属性为一个方法句柄，这样的话，任何时候只要它收到消息就会调用这个方法。一旦运行，workers可以彼此发送字符串，从而触发onmessage句柄。Workers2009-03-06T11:48:39.870+08:000Google Gears的安全问题http://blackanger.blogspot.com/2009/03/google-gears.htmlGoogle Gearsnoreply@blogger.com (blackanger)Wed, 04 Mar 2009 21:27:27 PSTtag:blogger.com,1999:blog-499754866002806189.post-3515205644018685780使用Google Gears创建离线应用的时候，会在本地生成db文件，但是这些db文件确是无法加密码的，这就造成一个安全问题：假如你的机子变成肉鸡，你的机密数据是否就完全暴露了呢？我在gears users用户群里发了这个问题，Google的技术人员给我回复：if your computer be hacked by someone, your data will be revealed.This is true. The local data managed by Gears is no more secure thanany other unencrypted data stored in your OS user profile. There isone flavor of .db file that we have discussed encrypting (2009-03-05T13:27:27.664+08:000Ajax 乱记http://blackanger.blogspot.com/2009/03/ajax.htmlAjaxnoreply@blogger.com (blackanger)Wed, 04 Mar 2009 20:20:00 PSTtag:blogger.com,1999:blog-499754866002806189.post-3891381271488590368XMLHttpRequest 对象有一个名为 readyState 的属性，这个属性确保服务器已经完成了一个请求，通常会使用一个回调函数从服务器中读出数据来更新 Web 表单或页面的内容。这就是HTTP就绪状态，有下面几种：0：请求未初始化（还没有调用 open()）。1：请求已经建立，但是还没有发送（还没有调用 send()）。2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。3：请求在处理中；通常响应中已有部分数据可用了，但是服务器还没有完成响应的生成。4：响应已完成；您可以获取并使用服务器的响应了。但是这里注意的是，各个浏览器处理这个‘就绪状态’都是不同的。就绪状态表示请求的各个阶段，当然得到的响应数据在不同的阶段是不同的，当就绪状态为4的时候，得到的数据才是安全的。2009-03-05T12:20:00.615+08:000Safari 4 很好很强大http://blackanger.blogspot.com/2009/03/safari-4.html苹果noreply@blogger.com (blackanger)Sat, 28 Feb 2009 14:27:18 PSTtag:blogger.com,1999:blog-499754866002806189.post-265341336403787840好久没有翻译文章了，看到了一篇safari特性介绍的文章就翻译了，放在译言里：http://www.yeeyan.com/articles/view/blackanger/31372Safari很强大，速度又快，web developer工具又强大，伪装多种浏览器(通过我的实验，好像有点不靠谱)，支持HTML5，都很牛。我用Web Inspector看了看，多了个database，我还以为是我装了Google Gears的原因，没想到我删了Google Gears还有，看了那篇文章才知道，Safari4本身就带着本地数据库，不知道是不是sqlite，我想也许是吧。还试了试Safari4对google gears的支持，没有发现什么问题。好棒啊，以后就用Safari4了，因为FF现在启动很慢了。2009-03-01T06:27:18.809+08:000如何删除safari的google gearshttp://blackanger.blogspot.com/2009/03/safarigoogle-gears.htmlGoogle Gearsnoreply@blogger.com (blackanger)Sat, 28 Feb 2009 14:15:40 PSTtag:blogger.com,1999:blog-499754866002806189.post-5118973514842100259退出safari，打开terminal，输入下面命令（包含引号）：'/Library/Internet Plug-Ins/Gears.plugin/Contents/Resources/uninstall.command'然后回车，就ok了2009-03-01T06:15:40.637+08:000Joose && jQueryhttp://blackanger.blogspot.com/2009/02/joose-jquery.htmljavascriptnoreply@blogger.com (blackanger)Mon, 23 Feb 2009 18:44:16 PSTtag:blogger.com,1999:blog-499754866002806189.post-1731718365577575623今天一个js老大哥跟我说，要做一个javascript项目要看这本书才行：OReilly.JavaScript.The.Definitive.Guide.5th.Edition，妈呀，要等看完了再做这个项目，黄花菜也凉了。找啊找，找到了Joose，这样我就不需要去深入理解js底层的oo思想了。关键是joose支持gears api，这个比较爽。和jQuery结合也可以工作的很好，浏览器也兼容。2009-02-24T10:44:16.825+08:000你还不会创建jQuery插件吗？http://blackanger.blogspot.com/2009/02/jquery.htmljQuerynoreply@blogger.com (blackanger)Sat, 21 Feb 2009 23:48:32 PSTtag:blogger.com,1999:blog-499754866002806189.post-4064026879814308831源码下载如何创建一个jQuery插件为什么要创建jQuery插件？因为这样代码可以复用。我们有这样一个页面，页面上面有如下的文字（看源码），我们想要的效果是，当鼠标移到链接的时候，用一个浮动的div来显示a标签的title内容.这是通过js来完成的。假设有一个方法tooltip(), 你只需要调用这个方法就能达成你的愿望，就像这样： $('a.tooltip').tooltip({ rounded: true });假设我们把插件命名为tooltip，则需要定义一个jQuery.tooltip.js文件。这样命名只是为了说明这是jQuery的插件，实际上你可以随便命名这个文件名。下面来开始写我们的插件：(function($){# ...code})(jQuery);插件的代码必须包含在这个格式里。这里要注意，要确保你没有使用别的js库，否则这个美元符$，会发生冲突2009-02-22T15:48:32.179+08:000ActiveRecord.JS 与 Google Gearshttp://blackanger.blogspot.com/2009/02/activerecordjs-google-gears.htmlGoogle Gearsnoreply@blogger.com (blackanger)Sat, 21 Feb 2009 03:24:56 PSTtag:blogger.com,1999:blog-499754866002806189.post-1759070276525560649ActiveRecord是仿照Rails的ActiveRecord写的js orm框架，我使用它操作gears 的sqlite数据库。看起来不错，但是文档比较恶心，我按照文档的操作ActiveRecord.define方法根本就不能用，去邮件列表里一看，有个老外和我一样的问题，正确的方法是用ActiveRecord.create方法。也可以用ActiveRecord.execute()方法来创建一个表，用ActiveRecord.create方法也比较省事。代码如下： //创建一个model var Customer = ActiveRecord.create('customers',{ first_name: '', updated_at: '' });当然也可以： var Customer = ActiveRecord.create('2009-02-21T19:24:56.926+08:000Google Gears Database | 自增长主键和存储时间类型http://blackanger.blogspot.com/2009/02/google-gears-database.htmlGoogle Gearsnoreply@blogger.com (blackanger)Tue, 17 Feb 2009 01:46:28 PSTtag:blogger.com,1999:blog-499754866002806189.post-5875389557001903085昨天创建本地数据库表的时候，忘记了给id加INTEGER PRIMARY KEY AUTOINCREMENT，竟然弱弱的跑去了gears users邮件列表里乱问。。。sqlite不支持datetime类型的字段，js操作本地gears数据库，比较麻烦，我们可以这么做： // 插入一行记录 db.execute("insert into customers('first_name','created_at') values (?, ?)", ['Suck!', this.FormatDateTime()]); // 自定义的函数FormatDate: function(){ var today=new Date(); var year=today.getFullYear(); var month=this.CheckTime(today.getMonth()+1); 2009-02-17T17:46:28.535+08:000给TextMate添加zoom快捷键http://blackanger.blogspot.com/2009/02/textmatezoom.html杂技noreply@blogger.com (blackanger)Mon, 16 Feb 2009 02:06:35 PSTtag:blogger.com,1999:blog-499754866002806189.post-6177846071218677201先确定是否装有xcode修改TextMate Zoom快捷键。Application -> 右键 (show package contents) -> contents -> resources -> English.lproj (前提是你的系统语言为english，中文比较麻烦) -> 打开MainMenu.nib -> 然后选MainMenu 在弹出来的菜单栏添加自己要的快捷键就行。Thanks Michael.2009-02-16T18:06:35.340+08:000Google Gears Database 相关小tiphttp://blackanger.blogspot.com/2009/02/google-gears-database-tip.htmlGoogle Gearsnoreply@blogger.com (blackanger)Mon, 16 Feb 2009 02:32:11 PSTtag:blogger.com,1999:blog-499754866002806189.post-7574634386619343636创建本地的Google Gears数据库比较恶心，命名非得使用 “beta.database”, 如果自己定义的话，就会报错：[Exception... "'JavaScript component does not have a method named: "handleEvent"' when calling method: [nsIDOMEventListener::handleEvent]" nsresult 。。。但是database name你可以自己命名的，请看修改好的jquery.offline.js 代码。2009-02-16T18:32:11.854+08:000jQuery动态绑定事件http://blackanger.blogspot.com/2009/01/jquery_29.htmljQuerynoreply@blogger.com (blackanger)Thu, 29 Jan 2009 20:18:24 PSTtag:blogger.com,1999:blog-499754866002806189.post-2323686645601925630项目需求，我需要在页面加载完之后给新添加的元素增加focus事件，我用的jQuery1.3，据说多了个live()事件，可以支持这种重复绑定问题，可是去官网一看：Possible event values: click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyupCurrently not supported: blur, focus, mouseenter, mouseleave, change, submit真晕啊，我就是要处理blur，focus事件的，干嘛不支持，不支持realse干嘛啊。。。此例使用了livequery( matchedFn )，场景是：好在发现一个插件，livequery例子：$('#table tr td').2009-01-30T12:18:24.751+08:000水目http://blackanger.blogspot.com/2009/01/blog-post_25.html心情noreply@blogger.com (blackanger)Sun, 25 Jan 2009 01:48:41 PSTtag:blogger.com,1999:blog-499754866002806189.post-6268573442914757058又过年了，时间过的好快。想给你发个短信，想和你说声春节快乐。可是拿起手机来，又忍住了。想起上次和你一起的情人节，也是刚过年，你带了你妈妈做的腊肉给我吃，想起你可爱的模样，想起你对我的好，还没等我感觉到难过，眼泪已经流出来了，我的泪腺都记住了这份感情，想忘记你真的不容易。你说，遇见我是你的灾难。那么，我离开，离开你的世界，你对我说过，你会快乐的生活，你一定要实现这个对我最后的承诺。那么，我就不打扰你了。其实在我的心里，我和你早已在一起一辈子了。祝你春节快乐。2009-01-25T17:48:41.352+08:001jQuery Google Gears 插件http://blackanger.blogspot.com/2009/01/jquery-google-gears-offline.htmlGoogle Gearsnoreply@blogger.com (blackanger)Sun, 25 Jan 2009 03:39:24 PSTtag:blogger.com,1999:blog-499754866002806189.post-972508271792566012根据Googe Gears官方提供的文档修改成jQuery的插件，方便我自己使用：Gears Init ：Gears offline：2009-01-25T19:39:24.201+08:000jQuery工作原理及其插件http://blackanger.blogspot.com/2009/01/jquery.htmljQuerynoreply@blogger.com (blackanger)Fri, 23 Jan 2009 01:30:43 PSTtag:blogger.com,1999:blog-499754866002806189.post-5423970627991662821去了jQuery的官网，可以看到这么一句话：jQuery is designed to change the way that you write JavaScript.使用jQuery其实只有两步：1. 创建或者查找jQuery对象。2. 执行jQuery对象的方法。例子： $(function(){ $(“a“).click(function(e){ $(this).hide(“slow“); return false; }); });这个例子就是：1)查找$(”a”)，得到jQuery对象;2)执行jQuery对象事件click;3)执行jQuery对象方法hide。还必须要知道的一个事实是：jQuery源码里是这么写的： jQuery.fn = jQuery.prototype所以： 2009-01-23T17:30:43.603+08:000blogspot里加代码高亮http://blackanger.blogspot.com/2009/01/blogspot.html杂技noreply@blogger.com (blackanger)Wed, 21 Jan 2009 12:49:39 PSTtag:blogger.com,1999:blog-499754866002806189.post-4724504261814403083找到个简单的方法：在blogger的模板里加入下面这些代码：link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" type="text/css" rel="stylesheet"script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"然后修改"<body >为"<body onload='prettyPrint()'>然后保存模板。使用方法："<pre class="prettyprint lang-html">"The lang-* class specifies the language file 2009-01-22T04:49:39.507+08:000Rails - asset timestamps and Googe Gearshttp://blackanger.blogspot.com/2009/01/rails-asset-timestamps-and-googe-gears.htmlrails google gearsnoreply@blogger.com (blackanger)Wed, 21 Jan 2009 12:52:37 PSTtag:blogger.com,1999:blog-499754866002806189.post-2757942486292638114上周一直困扰我的问题是，我无法在Gears LocalServer里存储我的js文件， manifest.json是这么写的：{"betaManifestVersion": 1,"version": "1.0","entries": [ { "url": "."}, { "url": "gears_offline.js"}, { "url": "gears_init.js"}, { "url": "/javascripts/application.js", "src": "/javascripts/application.js"}, { "url": "/javascripts/jquery.js", "src": "/javascripts/jquery.js"}, { "url": "/javascripts/2009-01-22T04:52:37.012+08:000nonadult