http://hbomb.name/wordpress 自由迸发我的思想 Sun, 13 Dec 2009 16:41:56 +0000 http://backend.userland.com/rss092 en 博客n久没有更新了，成了遗忘的角落。 看了两只老虎，感慨良多。 人比老虎还要残忍，互相尔虞我诈。 貌似自己单纯了点， 是不是立足于世也要奸诈些呢， 装修木工完了，油漆进场了 我自己也许有点拧巴，总是觉得被坑了。 但是又不想折腾， 心情有点复杂 没有关联的文章。 http://hbomb.name/wordpress/2009/12/13/%e6%88%91%e4%b8%8d%e7%9f%a5%e9%81%93%ef%bc%8c%e6%98%af%e4%b8%8d%e6%98%af-%e5%bf%99%ef%bc%8c%e8%bf%98%e6%98%af%e6%87%92%e4%ba%86/ n久没有更新博客，技术的文章也写得少了。今天补上一篇，对于前端的构想，其实已经写了好久，一直没有完善。先贴出来，逐步完善具体的内容。至少是对于知识总结，对于新知的导向，明确以后学习的方向。 前端范围 前端基础模块 样式，结构，行为分离原则 前端工具 规范 其他 1.前端范围 首先明确一下误区，前端不是单指浏览器客户端，由JavaScript来实现逻辑的客户端。 第一，不单是客户端； 前端包含，服务端和客户端的交互层，即包含部分服务端的接口服务，也就是客户端需要服务端支持的部分。 第二，不单是浏览器的客户端 客户端，现在名目繁多，不单是是浏览器的客户端，也许是，AIR，RCP，手机客户端，以及其他的有可能的客户端。 第三，不单是JavaScript来实现的客户端 诚然，现在前端的工作主要是JavaScript的工作，但是，其实实现逻辑和行为的，还有其他客户端编程技术，如flash，ActiveX,Java Applet等。 2.前端基础模块 基于以上的前端范围的诠释，以此前端的基础模块，显得得考虑的更多，更抽象，以便前端框架更易扩展。 大体，可以分为如下几块： 客户端层 组件 界面控件 工具组件 业务 接口实现 逻辑 表现 展现 交互数据 服务接口层 客户端接口 服务端接口 服务接口实现层 3.样式，结构，行为分离原则 样式，包含:CSS，等一切表现的内容 结构，包含：接口定义数据，界面机构 行为，即为：逻辑实现，如JavaScript等。 三者可以独立存在，互不依赖，组合产生相应的效果。 4.前端工具 接口定义工具 第三方类库管理工具 代码编译，优化工具 测试工具 5.规范 代码规范 开发流程规范 6.其他 原则 项目管理 沟通管理 没有关联的文章。 http://hbomb.name/wordpress/2009/09/29/web-front-architecture-idea/ 多事之秋，我爸的手无故划伤，还是挺严重的，医救及时，一切安好。祝我爸早日康复。 天气不热，不再骄阳似火，我也就是在九月出生的，掐指一算，今年已过了27个生日了，多谢偶家MM的蛋糕和精致的钱包，我会一直用的。 最近，忙起来了，不是为别的，只为装修，之前一直自觉得简单，如今看来，非也非也。学问多多。请了设计师，帮忙出谋划策，一想装好后漂亮的样子，还是满心欢喜的。 如果，说人的精力有限，也的确，博客n久没有更新了，但是这只是其一，第二，没有常性也算是一个。人相啊，俗语有云：从小看看，到老一半。 自省规自省，想起来了，就写点吧。至少到老了，已改去一半了罢。 没有关联的文章。 http://hbomb.name/wordpress/2009/09/14/%e5%a4%9a%e4%ba%8b%e4%b9%8b%e7%a7%8b%ef%bc%8c%e4%b8%8d%e8%bf%87%e8%b0%a2%e8%b0%a2%e4%b8%80%e5%88%87%e5%ae%89%e5%a5%bd/ http://leihou.com/reg?u=1973 没有关联的文章。 http://hbomb.name/wordpress/2009/07/30/chinese-twitter-leihou/ 也许今年的电影主题都是爱情，哈里和金妮，《ice age 3》的小松鼠，都显得很默契的，恋爱了。不知道小朋友看不看得懂。 哈利波特果然和爱情片有点类似了。而且结局，邓布利多死啦~ 斯内普就是混血王子~ 说实话，看完以后有点失望。 没有关联的文章。 http://hbomb.name/wordpress/2009/07/20/%e5%93%88%e9%87%8c%e9%95%bf%e5%a4%a7%e4%ba%86%ef%bc%8c%e5%b0%8f%e6%9d%be%e9%bc%a0%e6%81%8b%e7%88%b1%e4%ba%86/ 期待小松鼠~~ 没有关联的文章。 http://hbomb.name/wordpress/2009/07/05/%e5%86%b0%e6%b2%b3%e4%b8%96%e7%ba%aa3%ef%bc%9a%e9%a2%84%e5%91%8a%e7%89%87/ 中间停滞了一段时间，但是最后还是上了，改进了不少用户体验方面的东西，今天出了一个意想不到的问题，也解决了，后续还会不断的更新，修复一些小问题，以及游戏体验方面的问题。 今天的问题，jquery绑定事件重复，导致触发该事件，会重复触发，导致浏览器变慢。最后在绑定的初始化方法里添加，判断是否已绑定。 地址：http://i.yoho.cn/manage/zillionaire/rich/ 没有关联的文章。 http://hbomb.name/wordpress/2009/06/23/%e5%95%86%e4%b8%9a%e5%a4%a7%e4%ba%a8%e7%bb%88%e4%ba%8e%e4%b8%8a%e7%ba%bf%e4%ba%86%ef%bc%81/ 总是没完没了的，争斗，没有绝对的正义，自由，最后要结束，怎么办，总要有个绝对的才行，于是正义出现了，联合国。 最后，还是花了不少时间讲大家的去向，总的来说，和童话故事差不多，但是编剧像是不喜欢特像童话，最后王子还是死了。让观看长达四季的观众，留下些许伤感。 不过还是死掉的好，要不然的话，片商还不过瘾的话，又搞个第五季，第六集的话，编剧还要继续没完没了的挖空心思的写下去，搞的写的人累，看的人烦。 没有关联的文章。 http://hbomb.name/wordpress/2009/05/16/prison-break-is-over/ 之前，我和偶mm在电脑上看过，昨天去电影院了，在不知情的情况下又看了一遍，依旧感动，依旧在想我们到底是缺失了，对，是一座通往五彩斑斓的特雷比西亚的桥，几曾为杰西的孤独，感到生活的无趣，几曾为莱斯利的不幸，感到生活的无情。但是在心中的特雷比西亚梦幻国度，这些又算什么呢，在精神之上，其他似乎算不得什么，希望，梦想，向往就此油然升起，依旧觉得是温馨的。 现实，不能回避，只是梦想不是逃避现实，而是一座桥，链接着现实和特雷比西亚。 ---------------------------------------- 仙境之桥 Bridge to Terabithia 导演: Gabor Csupo 主演: AnnaSophia Robb / Josh Hutcherson / Zooey Deschanel / Lauren Clinton 官方网站: http://www.disney.com/terabithia 语言: English 制片国家/地区: USA 上映日期: 2007-05-31 > 又名: 通往特雷比西亚的桥 / 寻找梦奇地 / 寻找梦幻地 / 境之桥 资料来自豆瓣 没有关联的文章。 http://hbomb.name/wordpress/2009/04/24/%e4%bb%99%e5%a2%83%e4%b9%8b%e6%a1%a5%ef%bc%8c%e5%86%8d%e7%9c%8b%e4%b8%80%e9%81%8d/ 最近在做一个叫“商业大亨”的网页游戏，已接近尾声了，游戏主界面是采用flash里表现的，主要基于flash丰富的表现力，对于数据交互和界面交互都采用了Ajax的方式来开发组织的，目前进入了调整和内测阶段。 在整个开发过程中我负责前端开发和游戏设定的工作，第一次在实践中将jQuery作为Javascript的基础库来使用，因为之前也熟悉过jQuery，所以上手也很快，也发现了jQuery是很便捷较之prototype来说。而且jQuery的插件库很丰富，这次在开发的工作量上大大减少了。在这个过程中，我使用了， jTemplates ：一个Json数据绑定灵活的模板，使用很便捷，文档详细,相关网站：http://jtemplates.tpython.com labs_json：jQuery本身对于Json的转化做的不强，所以采用了这个插件，来实现Json对象序列化和放序列化成字符串。http://plugins.jquery.com/node/7178 http://blog.liquidgear.net/ $.event.special.drag ：一个拖拽的特殊事件的支持，相关网站：http://plugins.jquery.com/project/drag http://blog.threedubmedia.com 这次插件用的不多，但是也基本上实现这个游戏的开发。详细的使用说明，就不说了，因为这些插件网站已经叙述的很丰富了。 这个游戏即将公测，大家期待下吧！ 没有关联的文章。 http://hbomb.name/wordpress/2009/04/12/jquery-practice-practice/ 淘宝店：http://shop57655786.taobao.com/ 易趣店：http://ulive.store.eachnet.com 都是销售家居用品的，主要品牌：[ pinko]的，东西不多，陆续添加中 欢迎大家光临！ 没有关联的文章。 http://hbomb.name/wordpress/2009/04/06/%e7%bd%91%e5%ba%97%e5%bc%80%e5%bc%a0%e4%ba%86/ 贷款了，感觉像是欠着点什么，总是想着得还，然后就是钱不够，还有其他开销，反正买房就是件折腾人的事，谁叫我们出生的晚呢，早些年还说不定有分配房子的。不过这个我们也没的说什么了，又不能时光倒流。 放眼望去，我们80后的，都在为这个事，付出很多。琢磨着能否多赚点，开个网店，做个私活，似乎来钱不快。不过，有总比没有好吧，还能怎么着，放火打劫，这事还真是干不来的。 还是一步一步的走吧，相信会走好的，钱也会有的。 没有关联的文章。 http://hbomb.name/wordpress/2009/03/26/want-to-more-money/ http://www.chromeexperiments.com/ 在chrome的Google的JavaScript引擎（V8）下，js的执行效率不再是瓶颈了，一些超炫的显示的及时演算，已是游刃有余了，这个站点展示了，2D，3D的显示的demo或者是小游戏或小应用。 没有关联的文章。 http://hbomb.name/wordpress/2009/03/24/super-cool-chromeexperiments/ 以前见过类似的3D程序，但是现在都做成游戏了。只有96k，这种形式属于Code Demo——冲击极限编程，写出容量极小的紧凑高效的代码。 来源：http://www.theprodukkt.com点击这里下载 没有关联的文章。 http://hbomb.name/wordpress/2009/03/13/code-demo%e7%81%ab%e7%88%86%e7%9a%843d%e6%9e%aa%e6%88%98%e6%b8%b8%e6%88%8f%ef%bc%8c%e4%bb%85%e4%bb%8596kb/ 之前一直是使用，在加载时，在应用的URL里加字符串“？aa=xxx”，在IE下貌似没有问题，但是FF，chrome,等浏览器没法动态相应Javascript修改该字符串。所以最后的解决办法是采用，flash回调Javascript方法获取信息。 呵呵，吸取教训。 没有关联的文章。 http://hbomb.name/wordpress/2009/03/13/flash%e5%92%8cjavascript%e7%9a%84%e4%ba%a4%e4%ba%92%e6%96%b9%e5%bc%8f/ 来自于Incredible JavaScript+Canvas 3D demos from Japan! 的报道。 主要使用了JavaScript+Canvas实现了3D 的及时演算，真的很惊人的多边形显示，在chrome上显示的非常完美，但是在safari和firefox显示还是比较卡的。 演示＃ 1 ： 3D贴图映射物理计算 您可以点击画布，使其摇晃。 http://gyu.que.jp/jscloth/ 演示 #2: 面向对象的Hatsune Miku 3D 人物 可以拖拽场景，变化观察角度，点击人物，人物会挥动下手中的大蒜 http://gyu.que.jp/jscloth/miku.html 演示 #3: 3D iPod touch 的材质环境反射 可以在材质上反射周围环境的颜色 http://gyu.que.jp/jscloth/touch.html 没有关联的文章。 http://hbomb.name/wordpress/2009/03/01/3d-canvas-demos/ 在YOHO!Adsence时，需要一个功能，就是复制内容到剪贴板，通常我们使用的复制到剪贴板的方法就是，采用： window.clipboardData.setData("Text", txt); 很不幸的是这个复制到剪贴板的方法，只是用于IE，而且如果是IE6新版本，或者IE7会弹出是否允许访问剪贴板的提示，这样一来用户体验就很不好了。特别对于那些非IE用户。于是，我在网上找了下，发现了以下跨浏览器实现的方法： copyToClipboard = function(txt) { if(window.clipboardData) { window.clipboardData.clearData(); window.clipboardData.setData(”Text”, txt); } else if(navigator.userAgent.indexOf(”Opera”) != -1) { window.location = txt; } else if (window.netscape) { try ... http://hbomb.name/wordpress/2009/02/25/click-button-copy-to-clipboard/ 通过3p/2w的努力YohoAdSence终于上线了，这个版本或许是beta版，欢迎大家多提意见什么的。 网站地址：yohoads.yoho.cn 我的博客做了一个广告墙页面：hbomb.name/wordpress/yoho-ad 别的不说了，大家去看看吧！ 没有关联的文章。 http://hbomb.name/wordpress/2009/02/22/yohoadsence%e5%b9%bf%e5%91%8a%e5%a2%99/ 偶家mm最近被工作上n多excel数据表的操作弄烦了，看的我心里不是滋味，总想帮助下，但是我对excel的宏操作也是菜鸟，最后想来还是使用Javascript来处理逻辑，然后通过ActiveX来操作Excel，基本原理是这样的：读取excel->js处理->输出excel。 js处理这边我就不说了，因为不是本文关注的重点。主要看下通过ActiveX的Excel操作，我主要用到，Excel.Application这个对象。其实查看文档Excel的操作Application、Workbook、Worksheet、Range这几个对象，分别是:Application对象表示整个应用程序，Worksheet对象标示工作表，Workbook对象表示包含Worksheet对象的一个集合，Range则主要用于单元格抽象表示的对象，用于处理单个单元格或成组的单元格。 在Jscrīpt中，通过ActiveXObject对象来启用并返回Automation对象的引用。不管是什么操作首先创建一个ActiveXObject对象。 var xlsApp = new ActicveXObject(“Excel.Application”); xlsApp .Visible = true;//使Excel可见的 首先看下读取操作： var wb= xlsApp.Workbooks.open("C:\\temp.xls");//在本地打开一个xls文件。 var aSheet = wb.ActiveSheet;//获取当前的工作表，也可以选定打开哪个工作表，像：wb.Worksheets(1).select() var rows=wb.aSheet .UsedRange.Cells.Rows.Count;//当前打开表的行数 var cols=wb.aSheet.UsedRange.Columns.Count;//当前打开表的列数 var value= oSheet.Cells(1,1).value;//获取第一行第一列的单元格的值 wb.close();//完成读取操作需要关闭当前的xls 写入Excel文件 var xlBook = xlsApp.Workbooks.Add;//添加一个excel集（即一个xls文件） var xlsheet = xlBook.Worksheets(1);//获取一个工作表 var rang = xlsheet.Cells(i,1).Value="xxx";//往工作表的单元格里添加值 xlsheet.Range(xlsheet.Cells(1,1),xlsheet.Cells(1,6)).Interior.ColorIndex=5//设置单元格背景色为蓝色 xlsheet.Range(xlsheet.Cells(1,1),xlsheet.Cells(1,6)).Font.ColorIndex=4;//设置字体色 xlsheet.Rows(1).RowHeight = 25;//设置行高 xlsheet.Rows(1).Font.Size=14;//设置字体大小 xlsheet.Rows(1).Font.Name="黑体";//设置字体 xlsheet.Columns("A:D").ColumnWidth =18;//设置列宽 xlsheet.Columns(2).NumberFormatLocal="@";//设置显示字符而不是数字 range.WrapText = true ;//设置单元格内容自动换行 range.HorizontalAlignment = Excel.XlHAlign.xlHAlignCenter;//设置单元格内容竖直堆砌方式 range.VerticalAlignment=Excel.XlVAlign.xlVAlignCenter//设置单元格内容水平对齐方式 range.WrapText = true;//设置单元格自动换行 xlsheet.Range(xlsheet.Cells(1,1),xlsheet.Cells(1,4)).mergecells=true;//合并单元格 xls.UserControl = ... http://hbomb.name/wordpress/2009/02/22/jscript-javascript-activex-oprate-excel/ 最新版的NextGEN Gallery 1.10没有简体中文的包，所以我就汉化下，大家有需要可以从下面下载。e文水平一般，如有错误的地方请指正。 nggallery-zh_cn语言包下载 没有关联的文章。 http://hbomb.name/wordpress/2009/02/16/nextgen-gallery-chinse-lang-pack-download/ 前一阵子，要给yoho.cn的logo加声音彩蛋，我就重新看了下页面加声音方法，之前也看过比较有趣的一些做法。 再加上文宾提供的yahoo的flash叫声，基本上有两种： flash声音加载方式 先把声音文件导入flash，编译出连续播放的.swf文件。然后在页面里采用如下js代码： //flash的HTML代码 var sound_str=' '; //声音加载方法 function load_sound() { var sound = document.createElement("span"); sound.style.visibility = "hidden"; sound.innerHTML = yodel_str; document.body.appendChild(sound);//把flash的HTML代码插入上面的span内 }; //页面触发 document.getELementById("a").onclick=function() { load_sound(); } 这种方式，必须使用flash才行，还有注意flash的版本，不然IE的object标签会加载flash失败. embed声音加载方式 //开始播放 function startWav(uri) { stopWav(); embedEl = document.createElement(”embed”); embedEl.setAttribute(”src”, uri); embedEl.setAttribute(”hidden”, true); embedEl.setAttribute(”autostart”, true); document.body.appendChild(embedEl); } //停止播放 function stopWav() { if (embedEl) document.body.removeChild(embedEl); embedEl = null; } //页面触发 document.getELementById("a").onclick=function() { startWav('a.wav'); } 这种方式，无需使用flash即可加载音频文件，但是用一个缺点，就是有时间的延迟，有一个加载音频文件的延迟，在 http://softwareas.com/offline-sound-no-flash-no-file 有趣的JavaScript实现的节拍器（没有使用插件）有解决方案，就是把音频文件转成页面的文本编码，但是我试了下，在ie下加载不成功。 所以最后采用flash的方式来做的。 现在点击www.yoho.cn的logo会有叫声了。 没有关联的文章。 http://hbomb.name/wordpress/2009/02/15/web-background-music-method/ 三个族的壁纸，拼成心型 Terran Valentine 800 x 600 1024 x 768 1280 x 960 1280 x 1024 1600 x 1200 1680 x 1050 1920 x 1200   Zerg Valentine 800 x 600 1024 x 768 1280 x 960 1280 x 1024 1600 x 1200 1680 x 1050 1920 x 1200   Protoss Valentine 800 ... http://hbomb.name/wordpress/2009/02/14/starcraft2-valentine-wallpapers/ 我想我是单线程的，忙完一件事，然后再忙另一件事，一个接一个，有时就会遗忘。不知道是不是代表人变老了。不过精力时常会分散到很多事情上，有的就顾及不到了。就像这个博客一样，老想往上面写点什么，但是到头来还是没有动过。 本来还想去参加 搜房的看房团的活动（说实话南京的房价也没有跌多少），主要因为偶家MM肚子不舒服，我也鼻子塞得厉害，都不通气，就买了个药，也不想出去走动了，这样就稍微有点时间，就想更新下博客了。一直想更新 wordpress到最新版本，这次索性更新到2.7.1的版本了。稍微调整了下关于我的布局，纠正了更新后一些显示的问题。然后现在就开始写写。再不写都要长草了。 没有关联的文章。 http://hbomb.name/wordpress/2009/02/14/update-blog/   最近有点忙,作前端,其实都是细枝末节的东西,鸡零狗碎的,最近,在大家的通力合作下,完成了有货购物的改版.大家有兴趣的可以去感受下新的有货购物体验.buy.yoho.cn购物车采用了Ajax方式,节省了用户访问的带宽和等待时间.   另外,还有一个很cool的试衣的功能.大家有兴趣也可以去玩玩. 没有关联的文章。 http://hbomb.name/wordpress/2009/01/13/buy-yoho-online/   今天的风还真是很大，出去逛街真是个重大的失误，我和偶家MM戴着像熊猫似的帽子，在风力走啊走啊，冻得鼻子都红了。即使这样，今天过的还是蛮开心的，因为看到不错的东西，和买到心仪东西。真的，宜家还真是不错，以前一直以为宜家的东西很贵的，但是看到如此贴心的设计和独到购物服务，还是很满意的。   一楼是停车的，二楼是自选区和收银台，以及小朋友的乐园，还有就是IKEA的会员区，进去就让偶mm申请了个会员，发现填写的小铅笔很可爱，不过我觉得不环保，这样还是会多砍伐不少树木的。进去，先吃了个热狗和点了杯热饮，先暖和暖和，不过偶家MM貌似很另类的点了甜筒，冻啊，不过很便宜才1元的。接着捧着杯子走上三楼，三楼是展区，把宜家的家居产品，组合放置，组成不错的效果。每个产品上都贴了标签，标示这价格，特性和在自选区的哪里可以提货，可以把这些写在前面入口处提供的单子上，铅笔就是和注册会员那种一样的。   在展区最让我印象深刻的是，在一个沙发上面的标牌写着“请坐 - -做下15秒钟的测试”呵呵，在其他家居卖场在沙发上都是写着“请勿坐，这是贵重商品”。在宜家却是反其道行之，后来在床的展区，也写着“请躺下试试”的字样，这些我觉得非常贴心，让产品说话，让产品来推销自己，告诉大家什么是好的。比那些口若悬河的推销员效果更好，顺便要说的是，在宜家，貌似没有推销员。   逛完三楼，就去二楼的自选区看看，刚进去就是很多小物件，走马观花，一会发现购物袋里已经有不少小东西了。再往下走就是家居的提货区了，家具都是没有组装的样子，估计买了家具，还得回去组装下。   走出宜家，呵呵，发现还不虚此行，下次还来。 P.S. 一共买了，两个黑色很有质感的杯子，一个小煎锅，一个枕芯，一组4个的调料瓶，一个购物袋，总共花了七十多吧 貌似在给宜家打广告似的，但是，我觉得在宜家的购物体验，还是以前在别的卖场没有体验过的。 没有关联的文章。 http://hbomb.name/wordpress/2008/12/21/ikea-shopping/ 这个是简介 <canvas>是一个新的HTML元素，这个元素可以被Script语言(通常是JavaScript)用来绘制图形。 <canvas>最先在苹果公司(Apple)的Mac OS X Dashboard上被引入，而后被应用于Safari。基于Gecko1.8的浏览器，例如Firefox 1.5，也支持这个新元素。元素<canvas>是WhatWG Web applications 1.0也就是大家都知道的HTML 5标准规范的一部分。 <canvas>目前IE不支持，也是canvas推广不怎么样的原因，也许大家会和svg以及vml来比较，的确很像，但是仔细看过canvas渲染的图片，其实是png的位图，至少在火狐和Safari是一样的。 具体的教程：在https://developer.mozilla.org/cn/Canvas_tutorial上有，我就不转载了，关键是如何让IE也支持canvas，不热真的，用的人不会很多，至少现在是IE的天下，幸好，google有个项目让IE也支持canvas，而且只是应用一段js就可以了，就是这个http://excanvas.sourceforge.net/做了canvas的适配，看了下代码，主要用canvas的写法来适配成vml的实现。 完全遵循HTML5对于canvas的描述： http://www.w3.org/TR/2008/WD-html5-20080122/#the-canvas 没有关联的文章。 http://hbomb.name/wordpress/2008/12/08/study-canvas/ 触发我这一感觉的是有两件事情，第一件事情是，南京健康路上的“钉子户”，第二件事是“中兴的女福尔摩斯”。真是执着的典范，如果以后我有小孩了，我一定会说起这两个事情来教育的，（呵呵，小孩是后话啦）。 先说说第一件事吧，那是周天，我和偶家MM去夫子庙玩的时候，发现的，其实南京有名的“钉子户”在网上已经都报道了很久了，这次路过还是亲眼看到了（就在水游城旁边），屋顶上还真有钉子的，真的是周旋到底啊，那架势，一开始我还以为是什么普法宣传栏呢，旁边的电视机还不停的播放中央台采访的录像的。事情已经过去这么久了，依然钉子着呢，真是执着啊，估计没有结果，不知道，还能坚持多久。 第二件事是今天在网上看到的“中兴的女福尔摩斯”，的哥抢行李，通过3天3夜，找回行李的故事。如果碰上一般的人，估计也是自认倒霉了，但是这个女子不一般，非把东西找回来不可，结果是真的找回来了。 两件事情，都是执着人做的，但是结果也不尽相同，执着如果光从结果看的话，的确也不一定有还结果。但是，换个角度去看的话，在执着的做一件维护自己利益，或是很重要的事的话，那就另当别论了，执着之后，得到的不光光是结果，而是内心的释放。 没有关联的文章。 http://hbomb.name/wordpress/2008/12/08/about-clinging/ 当点亮下面节拍器的按钮，就能发出相应的声音来，感觉非常好玩 主要是基于不用flash，文件JS实现声音播放的原理做的 function startWav(uri) { stopWav(); embedEl = document.createElement("embed"); embedEl.setAttribute("src", uri); embedEl.setAttribute("hidden", true); embedEl.setAttribute("autostart", true); ... http://hbomb.name/wordpress/2008/11/19/%e6%9c%89%e8%b6%a3%e7%9a%84javascript%e5%ae%9e%e7%8e%b0%e7%9a%84%e8%8a%82%e6%8b%8d%e5%99%a8%ef%bc%88%e6%b2%a1%e6%9c%89%e4%bd%bf%e7%94%a8%e6%8f%92%e4%bb%b6%ef%bc%89/ 我从来都没有直接的做过团队管理的岗位,主要是我人比较内向,以前还有点木讷,(呵呵,不过现在好多了).但是做过的项目不少,碰到管理上的问题也不少,但是主要问题是,计划定制,沟通和时间的问题,一直都没有好的处理方法.有的时候,不仅没有方法,连方向都找不到,很多返工,最后一拖再拖,磨的人都没有什么锐气了,慵懒的频于应付交差.所以,完成的根本不是我们起初想要的.这样,带来两个负面影响,首先,对于项目而言成本会剧增,东西的质量也不是很好,还有就是对于团队的士气和凝聚力也会下降. 再回过头来看看互联网的开发,在讲方法之前,拜托,先把方向明确了.这个是主要的,然后去讲方法,再然后对于这个方向再分析,产生计划,落实去做,测试,上线. 有了方向,就有了核,然后产生凝聚力. 再谈方法,我觉得底气就足了. 负责人:"我们要做一个什么什么东西,可行不?" 成员:"不错,好主意!" "没前途,不好"  "...."   (可行性分析)   #%$#@#$^ ------------------------------------- 负责人:"大家看看要怎么做?" 成员:"用用Scrum的敏捷开发方法不错吧?" "还是像我们以前一样,会比较好吧(内心独白:这个人老喜欢新概念,烦不烦阿)" 负责人:"好吧,Scrum可以借鉴下,我们分解下任务吧,大家认领下"(内心独白:不要再散开话题了,抓紧时间,准备在19:30搞定,20:00还有另一个会议要开呢.) (计划) ---------------------------------------- 之前得测试过 里程碑到了... 负责人:我来过下大家做的怎么样?都提交了吧. (检查) ---------------------------------------- 不行,改! ok,迭代就开始了.   以上的开发次序有问题吗?未必,但是大部分小团队基本上都是这样的. 如果每一步都做到位了,我想这一切都会往一开始订下的方向走. 如果不行可以及时的微调方法,逐渐形成自己团队管理模式. 总结下: 1.方向明确 2.计划清晰,职责明确,任务分工到位(落实) 3.及时的团队沟通(讨论,会议,走查) 4.落实测试审查,确保质量 没有关联的文章。 http://hbomb.name/wordpress/2008/11/18/direction-method/ 之前都没有系统学习过闭包，对于闭包的概念也比较迷糊。今天搜了下关于闭包的资料和文档，有的说的很复杂，也许是翻译的问题吧。之后还是找的了一个比较简单的笔记性说明文档来自于never-online的一篇不错的文章：在Javascript中，什么是闭包(Closure)？ 这篇文章的英文原创来自于：http://blog.morrisjohns.com/javascript_closures_for_dummies 于是我对照了原著看了下，更加深了印象，感觉闭包使用的恰当，效果很好的。 首先，闭包是什么？ a closure is the local variables for a function - kept alive after the function has returned, or a closure is a stack-frame which is not deallocated when the function returns. (as if a 'stack-frame' were malloc'ed instead of being on the stack!) 作为一个函数变量的一个引用 - 当函数返回时，其处于激活状态。 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。 function sayHello(name) { var text = 'Hello ' + ... http://hbomb.name/wordpress/2008/11/11/study-javascript-closure/ 下午，在忙完事后，大家讨论起最近发起的博客模板的活动来，于是就做了《懒》的博客主题，纯粹搞笑，主要目的是雷人的。 下面是网址：http://i.yoho.cn/lan 主要是适用于浏览，且无语的潜水者看的。 没有关联的文章。 http://hbomb.name/wordpress/2008/11/05/yoho-blog-event/ 不知道为什么，偶MM突然对烹饪产生了兴趣，问了下，原来兴趣来自于论坛那几篇饮食达人的帖子，心里痒痒，就想折腾下，再说好吃的，是偶MM的嗜好之一。 接下来，着实动真格了，端着本本，一一记下做菜的材料，然后就去超市采购一番，我就打下手，拎东西，哎，莫办法，不过想想有好吃的，嗯，打起精神来好好干哦！ 做鲫鱼豆腐汤（我的最爱之一），还有就是可乐鸡翅（蛮新奇的），骨头汤（无肉不欢），还有就是做蛋糕，为了之个还特定买了个做可以做蛋糕的电饭煲。 打下手：洗鲫鱼，切菜，打蛋，还有喝可乐（不好意思，小小偷懒吧） 偶MM也忙的不可开交，不停的看帖子，来回于房间和厨房之间。 呵呵，不过最后还是做完了，我正准备吃呢，偶MM说不行，得先咔嚓几张片片，给大家看看做的好不好，不能一下子就吃了。 不过说实话----很难吃啊~~~~~~~~~~~ 哦，不对，说错话了。 不要生气，逗你啦，如果你在看的话。 嗯，很好吃的，真的。特别是鸡翅很好吃，蛋糕也不错。 难怪不过瘾，后来又做了一个蛋糕，结果得到大家的一致肯定了啦！   没有关联的文章。 http://hbomb.name/wordpress/2008/11/02/weekend-cooking-cake-dosomething/ 刚来到一个互联网应用团队，团队的技术leader对我说，你既然是专做web前端的，以后开发尽量少用js框架，应该多自己去写点东西，虽然我们现在使用了prototype的。 我想了想，就问那为什么之前还要用prototype框架呢？回答总结三点，一是时间紧，二是跨浏览器兼容问题，三是没有专业前端开发。这么一来，我就是专业的，所以要在解决跨浏览器兼容性的同时，要在时间足够里，不使用框架开发目前web前端的开发工作，想想要求的确不是很高。 而我主要是在想为什么要用框架，其实代表是一种进步，使用框架并没有什么不好的，常说不要重复去发明轮子一样，可以省的为什么要去不断的去重复，关键不是不使用框架，而是如何理解编写的前人为什么要这么写框架，如果不理解，就不能真正去用好它，使代码会乱，虽然快速实现了功能，但是在维护或复用该功能时发现问题多多。所以，写出有质量的代码才是主要的，至于是否使用框架，而是相对你所要实现的功能或需求而言的，按需开发，需要什么就使用什么技术，什么框架。 例如，你需要写一个，在页面上每隔10秒钟显示一条友好提示，就相当“你知道吗？”这样的功能。 可以这么写： var tips= {    msg:["你可以点击右键打开浏览器的其他选项！","使用“F1”可以获取帮助。","“F5”刷新页面。"],    current:0,    show:function()    {      document.body.innerHTML=tips.msg[tips.current];      if(tips.current         tips.current++;      else        tips.current=0;      setTimeout(tips.show,2000);     } }; window.onload=function() {    tips.show(); } 以上代码就没有使用任何的框架，因为简单，而且也没有必要去使用框架之类的，一样可以完美的实现这个功能的。 但是如果功能增加了一些要求，如tips的内容需要服务端动态加载，则需要Ajax的支持，另外需要淡入淡出效果，这两要求非常通用，则可以通过框架的支持来实现，可以重构以上的代码，加入框架的应用。例如，prototype或其他什么框架，基本上目前主流框架都有类似的支持，没有必要重新去开发这些，但是对于框架依赖可以抽离出来写，这样就方便解耦。这样代码结构就清晰很多了，便于维护。 所以说，使用框架是站在巨人肩膀上的一种行为，代表一种进步，前提是你要理解它。 没有关联的文章。 http://hbomb.name/wordpress/2008/11/02/why-use-js-framework/ 来自于：http://maettig.com/code/javascript/ 网站很简单，但是实现的效果让人眼前一亮 [gallery] 只是简单的算法来实现的，代码很简洁。 没有关联的文章。 http://hbomb.name/wordpress/2008/10/29/javascript-picture-draw/ 现在学生越来越轻松了，连解数学题都有不错的解决方案了，直接输入条件，什么基础数学，高等数学，一并都能解决，太cool了。 网站地址：http://www.mathway.com/default.aspx 没有关联的文章。 http://hbomb.name/wordpress/2008/10/24/%e5%81%9a%e6%95%b0%e5%ad%a6%e9%a2%98%e7%9a%84%e7%bd%91%e7%ab%99%ef%bc%8c%e5%8f%af%e6%83%9c%e6%88%91%e7%8e%b0%e5%9c%a8%e4%b8%8d%e5%9c%a8%e5%bf%b5%e4%b9%a6%e4%ba%86/     在JavaRanch Journal看到一片不错的JavaScript的入门文章，感觉不错，十分易懂，决定把它翻译下，一来方便不懂e文的同志分享，二来可以巩固下关于JavaScript对于对象的理解。  原文地址： http://www.javaranch.com/journal/2008/10/Journal200810.jsp 作者 Stoyan Staefanov Java 和JavaScript是两种完全不同的语言，但是名称和都是类C的语法很容易却让人混淆。让我们来看看JavaScript不同于Java中如何创建对象的。在Java里，你得先有类，然后再有对象的，又叫做实例化，创建对象要基于那些类的。但是在JavaScript里，是没有类、对象，而是更像是哈希表中的键值对。但是在JavaScript中是如何实例化对象的呢？好，一步步的来讲。 JavaScript 对象 当你在思考关于一个JavaScript对象时，其实就是在思考一个哈希。这里所有的对象就像是一个键值对的集合，那些值则可以包括是任何的对象和函数。当一个对象的其中一个属性是函数时，你就可以称其为方法。 这个就是一个空方法： Var  myobj = {};   现在你可以添加一些有意义的功能到这个对象了： myobj,name = "My precious"; myobj.getName = function() {return this.name};   这里要注意的事项：  正如所预期的那样，内部方法是当前对象的应用 你可以添加、调整、删除属性在任何时候，不只是在创建的时候 另一种创建对象的方式是，在创建对象的同时创建属性和方法，就像这样： Var another  = {  name: 'My other precious',  getName:function() {      return this.name;   } };   这些语法被称之谓文字符号对象，你总之把一切都放在大括号内{}，属性则通过逗号隔开。键：值对通过分号隔开。尽管这个不是唯一创建对象的方法。   另一种创建JavaScript对象的方法是使用构造函数的方法。这个是构造函数的例子： Function ShinyObject(name){     this.name = name;     this.getName = function(){    return this.name;   } }   现在创建一个对象就很想Java 一样了： var my = new ShinyObject('ring'); Var myname = my .getName();//"ring"   构造函数的语法没有相对于其他任何函数有所不同，而不同是在在于用法不同。如果你以new的方式调用一个函数，那就会创建并返回一个对象，通过这个，你就有权限在它返回之前修改它。通过约定，构造函数不同于普通函数和方法，名称首字母要大写。           对象直接创建和构造函数创建，哪个更好呢？嗯，那就取决于你要做的特定的任务。例如，你要创建很多不同的近似的对象，选择使用类构造的方式是个不错的选择。但是如果你创建不会多于一个的单例的话，则可以使用直接对象创建就显得比较简洁了。 好，那么没有里类，是如何实现继承的呢？在讨论这个之前，这里有些小小的惊喜--在JavaScript里函数是正真的对象。 （实际上在JavaScript里大部分分所有的都是对象，除一些原始数据类型-string，boolean，number 和undefined。函数是对象，数组是对象，甚至null也是对象。此外，这些私有的数据类型也可以转化后使用作对象，就像 "string".length 是有效的。）   Function ... http://hbomb.name/wordpress/2008/10/23/javascript-class-less-objects/ [gallery=3] 准备要去弄个鼠标，触摸板用的不习惯。 没有关联的文章。 http://hbomb.name/wordpress/2008/10/16/my-notebook-sho/ 十一后，工作虽然是试用，但是还是有不少东西要做，要学习，感觉蛮充实的。真的做互联网应用的活，还是蛮有意思的，不像搞企业应用那样甲方总是一脸不高兴的样子，现在做网站的，甲方和乙方都是自己，用户是任何人，所以面对的是那些使用我们网站的人，至少说对这个很感兴趣的。 主要现在每天可以和偶家mm天天腻在一起，逛街，散步...还是蛮开心的。 最近，南京的天气，呵呵，很想用一个词来形容，甜腻腻的。这些来自于空气的水份和桂花的气味。穿多一点，有点闷闷的。 得慢慢得合拍，和这个城市，这份工作。 明天，再也不能拖了，得去看看房子了，找个近点的，不用每天地铁长距离来回折腾了。 没有关联的文章。 http://hbomb.name/wordpress/2008/10/10/this-busy-week/ 最近 工作上要做一个可编辑的界面拖动层的功能，于是处于不想重新发明轮子的原则，网上搜搜，发现了这个网站，并且也找到了一个轮子，resizedrag的组件，发现这个网站所有的组件都没有使用当前流行Js框架。但是写的，也很优雅，而且跨浏览器的，代码一看就懂，方便我hack下，嘿嘿。也学习到了不错的东西。 该网站的链接在：twinhelix 以下是他的一些js的项目（ 组件） FreeStyle Menu v1.0 RC11 A very flexible unlimited-level, drop down JavaScript menu that uses UL/LI list data formatted with a CSS menu layout. It's powerful, lightweight and extremely easy to use! IEPNGFix v1.0 / v2.0a3 Makes PNG images and backgrounds work in IE 5.5/6.0 without any modifications to ... http://hbomb.name/wordpress/2008/10/10/javascript-dhml-site-twinhelix/ 前一阵子的酝酿，终于下手买了，13200买进的，也许有点贵，但是咬牙还是买了，很漂亮，别的我就不说了，先用本本发个博文，炫耀下。 呵呵，还是第一次使用自己的mac系统，还是真有点不习惯，特别是没了右键，脑子里还是固有的windows的操作习惯。 以后，慢慢改，毕竟苹果不是很难学，而且也很漂亮。 还是，就是无线联网，貌似对于特殊的无线路由设置还是有点不会设置，学习ing。。。 没有关联的文章。 http://hbomb.name/wordpress/2008/10/05/macbook-pro-is-mine/ 很不错的页面，做了一个时间线，上面记载了Google的历年大事，很不错，对于想了解Google的，是很不错的页面 http://www.google.cn/tenthbirthday/ 没有关联的文章。 http://hbomb.name/wordpress/2008/09/28/google-10-years-page/ 跑了一天的路，还是好多没有办好，不过具体的东西也差不多明白了，跳槽，真的是必不得已的事情，中午的时候还是去了，珠江路看apple本本，大体了解价格，行货在1.7w左右，港行在1.3w左右，和网上报价差不多。暂时没有下定决心下手，观望先。 回到宿舍还是满累的，好久没这么去满城的跑了。 没有关联的文章。 http://hbomb.name/wordpress/2008/09/24/back-to-nanjing/ 挺酷的，下面的链接还有其他生成器网址，我就不一一贴出来了，其实原理很简单，但是很有趣。 给我的小博客，加些辐射的标志。大家不要怕，只是标志，没有辐射的，大家尽情访问。 http://www.streetsigngenerator.com/ 没有关联的文章。 http://hbomb.name/wordpress/2008/09/21/warning-logo-generate/ 星期天，不想去加班，睡到十点，被MM的电话叫醒，她说她也刚醒的，我迷迷糊糊的言语着什么，后来就挂了，慢吞吞的起床，拉开紧闭一个晚上的窗帘，外面阴沉沉的，知道到为什么想起了濮存昕的公益广告来，关于文明社会的，打开窗帘的那一幕，温馨的阳光射进来，可以现在不是的，因为阴沉沉的，满目的苍白，在没有阳光的日子里，总是渴望阳光的，但是，天气不由人做主的，能怎么办呢。 艰难的刷完牙齿，我只想用艰难这个词，看着镜子里迷糊的模样，泼了些冷水，嗯，清醒了很多。擦完脸，盘算着今天该做什么了，对，报销还没填，填写下，整理下发票，过会买下车票，吃个午饭，下午把wordpress升级下，说有什么漏洞的，我前一阵子，都懒，都没有弄。 去火车站的出租车上，闲聊了几句，还算好，路上倒也不堵，车站的人倒是挺多的，排了一会队，就买到票了，貌似还是挺顺利。在排队的时候老是寻思着为什么不搞个买票终端什么的，呵呵，现在想想，这个想法还是挺傻的，中国人这么多搞了这个，买票员只能吃西北风了，就像做项目一样，如果每个人都很牛，为什么还要搞这么多人做呢，都去吃西北风算了，所以，有时候觉得自己还是挺偏激的。 回到宾馆，下了个专辑，具体的名字，都不知道，只觉得应该好听，就下了，然后反复的听，很轻快的。 突的想起，今天一直做的事情都是一个人的，刚刚看到一则新闻，感觉自己似乎也渐渐陷入了这个怪圈里了，盘算下我今天我做的事情有大部分和电脑有关的，都一个人完成，对了，这则新闻叫《小心别让电脑成为“感情杀手”》。 一个人的世界，记得是我问起同学和女朋友分手的事，含糊回答我的说法，每个人都生活在自己的世界里，你不可能了解别人的世界怎么样，所以不可理解别人的想法，也不要惊奇。但是，我想想如果有人想了解你，或是你想了解别人的时候，总会说，其实我懂的，其实这句话不是真的，但是，还是很温暖。这个让我想起了《GTO》里体育老师一味讨好学生，结果适得其反，搞得疯狂。呵呵，可见当你想有意去进入别人世界的时候，得悠着点。 P.S. 翻了下，是这个专辑 - Release Info -------------------------------------------------------------- -     Artist:      Lenka   Album:       Lenka   Label:       Epic   Playtime:    38:37 min   Genre:       Pop   URL:         http://www.myspace.com/lenka   Rip date:    2008-09-17   Street date: 2008-09-23   Size:        54.03 MB   Type:        Normal   Quality:     185 kbps / 4410kHz / Joint ... http://hbomb.name/wordpress/2008/09/21/one-of-the-world/ 没有赚钱的念头，但是三年前玩AdSense，现在重拾旧趣，看看现在的博客虽然人气不是很旺，但是总算也有点击量，不过通过这个来赚钱，貌似还早着呢，只是兴趣而已。 我很看好google的产品，主要是学习他的理念，发现google一直是走在互联网应用的前沿，在lab里总能发现不错的创意，其实做什么都要，开阔眼界，分享知识，这样才容易走到前面，不然永远只是“拷贝不走样”（当初上海的一档综艺节目智力大冲浪的一个小节目）。 AdSense的模式在google的发展下，已成为google盈利模式的主要的一个环节。其实现在google的盈利主要还是来自广告收入，她的大部分产品都是免费的。 没有关联的文章。 http://hbomb.name/wordpress/2008/09/19/blog-add-google-adsense/ 在‘帕兰映像’上看到了一个不错的域名查询工具。 异步加载查询结果，红色表示已注册，蓝色表示可以注册的，采用结果累加的方式，并且而还会简单的单词联想。真的不错，比起以前只能查一个域名的查询方式，方便了很多。 我比较喜欢，keyup的事件触发，以及联想，累加查询结果的方式，简单实用。 https://domize.com/ 没有关联的文章。 http://hbomb.name/wordpress/2008/09/17/domain-name-query-tool-ue/ 本来不想谈奶粉的事件的，但是觉得不说是不行了，倒不是说政府的卫生检查部门的无力，也不是说受害的消费者的悲惨和无奈，而我更想谈下，国货品牌的竞争力。我发表这样的感慨主要是目前有22家奶粉企业都没有通过三氯氰胺的检查，真的很不争气，出问题的奶粉品牌都来自国货，而国外品牌都没有问题。 为什么？这就表明了，国内企业在效益面前，忽视了最最重要的立身之本-质量。这样就像是杀鸡取卵的事情一样，不管是什么行业，质量永远是第一位，不要等到出了人命的大事情，才恍然大悟，此时已晚，大家对于国货的态度和看法又降了一个档次，或许是失望。 支持国货，同样国内企业也要对得起国人的支持，把国货做好，做强，做的值得信赖。 没有关联的文章。 http://hbomb.name/wordpress/2008/09/17/talk-milk-powder-event/ 今天，做完手头的事情，就翻起网页来，一时心血来潮，看看mac pro是否有降价，看了中关村，价格还是在13000左右，发现最低的只要12500的，顿时心动了，就QQ上m他，但是没反应，唉，怎么这么不会做生意，不然我就下狠心下单买了，估计是港行的。内地的行货貌似要17000左右的。 我所说的MB133的。 真的很完美的东西 没有关联的文章。 http://hbomb.name/wordpress/2008/09/16/mac-pro-my-dream/ 关于确认住址是否正确的信，是航空飞过来的，虽然现在里面只有20美元左右，但是既然是送过来了，总有希望100美元的可以赚老外的钱了，呵呵，也是件开心的事。都三年的了，真的只是玩玩啦 没有关联的文章。 http://hbomb.name/wordpress/2008/09/16/google-adsense/ 的确，挺好玩，界面非常可爱，分成五个时代，微生物，陆生生物，部落，文明社会，太空帝国，空间由小池子，陆地，星球，太空。纵向看很宏大，游戏形式也多样。最关键的是设计器系统，可以组装生物，建筑，交通工具的式样，非常有个性。 孢子真的是一款极富想像力的游戏。 关键，游戏非常容易上手，适合我这样的游戏涉猎者！ 没有关联的文章。 http://hbomb.name/wordpress/2008/09/12/spore-good-game/