没有关联的文章。

1. 前端范围
2. 前端基础模块
3. 样式，结构，行为分离原则
4. 前端工具
5. 规范
6. 其他

1.前端范围

首先明确一下误区，前端不是单指浏览器客户端，由JavaScript来实现逻辑的客户端。
第一，不单是客户端；
前端包含，服务端和客户端的交互层，即包含部分服务端的接口服务，也就是客户端需要服务端支持的部分。
第二，不单是浏览器的客户端
客户端，现在名目繁多，不单是是浏览器的客户端，也许是，AIR，RCP，手机客户端，以及其他的有可能的客户端。
第三，不单是JavaScript来实现的客户端
诚然，现在前端的工作主要是JavaScript的工作，但是，其实实现逻辑和行为的，还有其他客户端编程技术，如flash，ActiveX,Java Applet等。

2.前端基础模块

基于以上的前端范围的诠释，以此前端的基础模块，显得得考虑的更多，更抽象，以便前端框架更易扩展。
大体，可以分为如下几块：
客户端层
组件
界面控件
工具组件
业务
接口实现
逻辑
表现
展现

交互数据

服务接口层
客户端接口
服务端接口

服务接口实现层

3.样式，结构，行为分离原则

样式，包含:CSS，等一切表现的内容

结构，包含：接口定义数据，界面机构

行为，即为：逻辑实现，如JavaScript等。

三者可以独立存在，互不依赖，组合产生相应的效果。

4.前端工具
接口定义工具
第三方类库管理工具
代码编译，优化工具
测试工具

5.规范
代码规范
开发流程规范

6.其他
原则
项目管理
沟通管理

没有关联的文章。

天气不热，不再骄阳似火，我也就是在九月出生的，掐指一算，今年已过了27个生日了，多谢偶家MM的蛋糕和精致的钱包，我会一直用的。

最近，忙起来了，不是为别的，只为装修，之前一直自觉得简单，如今看来，非也非也。学问多多。请了设计师，帮忙出谋划策，一想装好后漂亮的样子，还是满心欢喜的。

如果，说人的精力有限，也的确，博客n久没有更新了，但是这只是其一，第二，没有常性也算是一个。人相啊，俗语有云：从小看看，到老一半。

自省规自省，想起来了，就写点吧。至少到老了，已改去一半了罢。

没有关联的文章。

没有关联的文章。

没有关联的文章。

没有关联的文章。

地址：http://i.yoho.cn/manage/zillionaire/rich/

没有关联的文章。

没有关联的文章。

现实，不能回避，只是梦想不是逃避现实，而是一座桥，链接着现实和特雷比西亚。

—————————————-

仙境之桥 Bridge to Terabithia

导演: Gabor Csupo
主演: AnnaSophia Robb / Josh Hutcherson / Zooey Deschanel / Lauren Clinton

资料来自豆瓣

没有关联的文章。

在整个开发过程中我负责前端开发和游戏设定的工作，第一次在实践中将jQuery作为Javascript的基础库来使用，因为之前也熟悉过jQuery，所以上手也很快，也发现了jQuery是很便捷较之prototype来说。而且jQuery的插件库很丰富，这次在开发的工作量上大大减少了。在这个过程中，我使用了，

1. jTemplates ：一个Json数据绑定灵活的模板，使用很便捷，文档详细,相关网站：http://jtemplates.tpython.com
2. labs_json：jQuery本身对于Json的转化做的不强，所以采用了这个插件，来实现Json对象序列化和放序列化成字符串。http://plugins.jquery.com/node/7178 http://blog.liquidgear.net/
3. $.event.special.drag ：一个拖拽的特殊事件的支持，相关网站：http://plugins.jquery.com/project/drag http://blog.threedubmedia.com

这次插件用的不多，但是也基本上实现这个游戏的开发。详细的使用说明，就不说了，因为这些插件网站已经叙述的很丰富了。

这个游戏即将公测，大家期待下吧！

没有关联的文章。

没有关联的文章。

放眼望去，我们80后的，都在为这个事，付出很多。琢磨着能否多赚点，开个网店，做个私活，似乎来钱不快。不过，有总比没有好吧，还能怎么着，放火打劫，这事还真是干不来的。

还是一步一步的走吧，相信会走好的，钱也会有的。

没有关联的文章。

在chrome的Google的JavaScript引擎（V8）下，js的执行效率不再是瓶颈了，一些超炫的显示的及时演算，已是游刃有余了，这个站点展示了，2D，3D的显示的demo或者是小游戏或小应用。

没有关联的文章。

没有关联的文章。

没有关联的文章。

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

没有关联的文章。

1

 window.clipboardData.setData("Text", txt);

很不幸的是这个复制到剪贴板的方法，只是用于IE，而且如果是IE6新版本，或者IE7会弹出是否允许访问剪贴板的提示，这样一来用户体验就很不好了。特别对于那些非IE用户。于是，我在网上找了下，发现了以下跨浏览器实现的方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

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
    {
      netscape.security.PrivilegeManager.enablePrivilege(”UniversalXPConnect”);
    }
    catch (e)
    {
      alert(”您的firefox安全限制限制您进行剪贴板操作，请打开’about:config’将signed.applets.codebase_principal_support’设置为true’之后重试”);
      return false;
    }
    var clip = Components.classes[’@mozilla.org/widget/clipboard;1′].createInstance(Components.interfaces.nsIClipboard);
    if (!clip)
      return;
    var trans = Components.classes[’@mozilla.org/widget/transferable;1′].createInstance(Components.interfaces.nsITransferable);
    if (!trans)
      return;
    trans.addDataFlavor(’text/unicode’);
    var str = new Object();
    var len = new Object();
    var str = Components.classes[”@mozilla.org/supports-string;1″].createInstance(Components.interfaces.nsISupportsString);
    var copytext = txt;
    str.data = copytext;
    trans.setTransferData(”text/unicode”,str,copytext.length*2);
    var clipid = Components.interfaces.nsIClipboard;
    if (!clip)
      return false;
    clip.setData(trans,null,clipid.kGlobalClipboard);
  }
}

但是这个办法，并不完美，在chrome和Safari下没法实现复制，而且在firefox下，修改fierfox配置才能支持该功能。所以采用纯JavaScript是无法完成该项任务，浏览器对于复制到剪切板出于安全考虑，都比较谨慎的给实现该功能设置了障碍。于是我继续寻找解决方案，之后看到了一个JavaScript借助flash的剪切板的版本，代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

function copy(inElement) 
{
  if (inElement.createTextRange) 
  {
    var range = inElement.createTextRange();
    if (range && BodyLoaded==1)
      range.execCommand('Copy');
  }
 else
 {
    var flashcopier = 'flashcopier';
    if(!document.getElementById(flashcopier)) 
    {
      var divholder = document.createElement('div');
      divholder.id = flashcopier;
      document.body.appendChild(divholder);
    }
    document.getElementById(flashcopier).innerHTML = '';
    var divinfo = '<embed src="_clipboard.swf" FlashVars="clipboard='+encodeURIComponent(inElement.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
    document.getElementById(flashcopier).innerHTML = divinfo;
  }
}

as3的官方参考：

setClipboard () 方法

public static function setClipboard(string:String):void

语言版本 : ActionScript 3.0
Player 版本 : Flash Player 9

用指定的文本字符串替换剪贴板的内容。

注意：出于安全方面的考虑，您无法读取系统剪贴板的内容。 换句话说，不存在相应的 System.getClipboard() 方法。

参数

string:String — 要放置在系统剪贴板上的纯文本字符串，用于替换系统剪贴板上的当前内容（如果有）。

方法来源：http://www.jeffothy.com/weblog/clipboard-copy/

但是这个方法在fp9是可以适用的，但是在fp10之后，这个方法的由于fp10的安全机制的问题，导致不允许脚本去调用fp的as内部方法，于是这个方法在浏览器升级fp后，又是不可以通用了。这样就有了以下方法，人的聪明才知是无限的，既然fp10不允许外部脚本调as的内部方法，为何不反其道行之，采用内部方法调外部的内容能，于是就有了，之下的方法，原理是，在点击触发的dom结构上，蒙一层，这层是透明的flash，当用户点击这个dom结构时，其实同时也点击了这个flash，这样同样还是调setClipboard，而是内部事件触发的，这个方法zeroclipboard,这样就真真实现了跨浏览器的复制到剪贴板的功能。
测试页面如下：点击这里
现在YOHO!Adsense就是采用了这个方法。

没有关联的文章。

没有关联的文章。

1
2

var xlsApp = new ActicveXObject(“Excel.Application”);
xlsApp .Visible = true;//使Excel可见的

首先看下读取操作：

1
2
3
4
5
6

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文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

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 = true;  //很重要,不能省略,不然会出问题 意思是Excel交由用户控制
//以下是回收内存
xls=null;
xlBook=null;
xlsheet=null;

参考：

• http://www.blogjava.net/fool/archive/2006/06/27/55285.html
• http://www.itjj.net/softtest/tools/20080523/298118.html
• http://www.javaeye.com/topic/3529

没有关联的文章。

nggallery-zh_cn语言包下载

没有关联的文章。

再加上文宾提供的yahoo的flash叫声，基本上有两种：

1. flash声音加载方式

先把声音文件导入flash，编译出连续播放的.swf文件。然后在页面里采用如下js代码：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

//flash的HTML代码 var sound_str='<object width="0" height="0" data="xxx.swf" type="application/x-shockwave-flash"> <param name="id" value="wmsgsound" /> <param name="quality" value="high" /> <param name="loop" value="0" /><param name="src" value="xxx.swf" /> <param name="name" value="wmsgsound" /></object>';   //声音加载方法 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失败.

2. embed声音加载方式

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

//开始播放 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会有叫声了。

没有关联的文章。

Terran Valentine

1. 800 x 600
2. 1024 x 768
3. 1280 x 960
4. 1280 x 1024
5. 1600 x 1200
6. 1680 x 1050
7. 1920 x 1200

Zerg Valentine

1. 800 x 600
2. 1024 x 768
3. 1280 x 960
4. 1280 x 1024
5. 1600 x 1200
6. 1680 x 1050
7. 1920 x 1200

Protoss Valentine

1. 800 x 600
2. 1024 x 768
3. 1280 x 960
4. 1280 x 1024
5. 1600 x 1200
6. 1680 x 1050
7. 1920 x 1200

链接：http://www.starcraft2.com/downloads.xml#wallpapers

没有关联的文章。

本来还想去参加 搜房的看房团的活动（说实话南京的房价也没有跌多少），主要因为偶家MM肚子不舒服，我也鼻子塞得厉害，都不通气，就买了个药，也不想出去走动了，这样就稍微有点时间，就想更新下博客了。一直想更新 wordpress到最新版本，这次索性更新到2.7.1的版本了。稍微调整了下关于我的布局，纠正了更新后一些显示的问题。然后现在就开始写写。再不写都要长草了。

没有关联的文章。

  另外,还有一个很cool的试衣的功能.大家有兴趣也可以去玩玩.

没有关联的文章。

  一楼是停车的，二楼是自选区和收银台，以及小朋友的乐园，还有就是IKEA的会员区，进去就让偶mm申请了个会员，发现填写的小铅笔很可爱，不过我觉得不环保，这样还是会多砍伐不少树木的。进去，先吃了个热狗和点了杯热饮，先暖和暖和，不过偶家MM貌似很另类的点了甜筒，冻啊，不过很便宜才1元的。接着捧着杯子走上三楼，三楼是展区，把宜家的家居产品，组合放置，组成不错的效果。每个产品上都贴了标签，标示这价格，特性和在自选区的哪里可以提货，可以把这些写在前面入口处提供的单子上，铅笔就是和注册会员那种一样的。

  在展区最让我印象深刻的是，在一个沙发上面的标牌写着“请坐 - -做下15秒钟的测试”呵呵，在其他家居卖场在沙发上都是写着“请勿坐，这是贵重商品”。在宜家却是反其道行之，后来在床的展区，也写着“请躺下试试”的字样，这些我觉得非常贴心，让产品说话，让产品来推销自己，告诉大家什么是好的。比那些口若悬河的推销员效果更好，顺便要说的是，在宜家，貌似没有推销员。

  逛完三楼，就去二楼的自选区看看，刚进去就是很多小物件，走马观花，一会发现购物袋里已经有不少小东西了。再往下走就是家居的提货区了，家具都是没有组装的样子，估计买了家具，还得回去组装下。

  走出宜家，呵呵，发现还不虚此行，下次还来。

P.S.

一共买了，两个黑色很有质感的杯子，一个小煎锅，一个枕芯，一组4个的调料瓶，一个购物袋，总共花了七十多吧

貌似在给宜家打广告似的，但是，我觉得在宜家的购物体验，还是以前在别的卖场没有体验过的。

没有关联的文章。

<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

没有关联的文章。

先说说第一件事吧，那是周天，我和偶家MM去夫子庙玩的时候，发现的，其实南京有名的“钉子户”在网上已经都报道了很久了，这次路过还是亲眼看到了（就在水游城旁边），屋顶上还真有钉子的，真的是周旋到底啊，那架势，一开始我还以为是什么普法宣传栏呢，旁边的电视机还不停的播放中央台采访的录像的。事情已经过去这么久了，依然钉子着呢，真是执着啊，估计没有结果，不知道，还能坚持多久。

第二件事是今天在网上看到的“中兴的女福尔摩斯”，的哥抢行李，通过3天3夜，找回行李的故事。如果碰上一般的人，估计也是自认倒霉了，但是这个女子不一般，非把东西找回来不可，结果是真的找回来了。

两件事情，都是执着人做的，但是结果也不尽相同，执着如果光从结果看的话，的确也不一定有还结果。但是，换个角度去看的话，在执着的做一件维护自己利益，或是很重要的事的话，那就另当别论了，执着之后，得到的不光光是结果，而是内心的释放。

没有关联的文章。

当点亮下面节拍器的按钮，就能发出相应的声音来，感觉非常好玩

主要是基于不用flash，文件JS实现声音播放的原理做的

function startWav(uri) {
stopWav();
embedEl = document.createElement(”embed”);
embedEl.setAttribute(”src”, uri);
embedEl.setAttribute(”hidden”, true);
embedEl.setAttribute(”autostart”, true);

document.body.appendChild(embedEl);
}

通过embed来实现的

原理的文章

没有关联的文章。

再回过头来看看互联网的开发,在讲方法之前,拜托,先把方向明确了.这个是主要的,然后去讲方法,再然后对于这个方向再分析,产生计划,落实去做,测试,上线.

有了方向,就有了核,然后产生凝聚力.

再谈方法,我觉得底气就足了.

负责人:”我们要做一个什么什么东西,可行不?”

成员:”不错,好主意!” “没前途,不好”  ”….”  

(可行性分析)   #%$#@#$^

————————————-

负责人:”大家看看要怎么做?”

成员:”用用Scrum的敏捷开发方法不错吧?” “还是像我们以前一样,会比较好吧(内心独白:这个人老喜欢新概念,烦不烦阿)”

负责人:”好吧,Scrum可以借鉴下,我们分解下任务吧,大家认领下”(内心独白:不要再散开话题了,抓紧时间,准备在19:30搞定,20:00还有另一个会议要开呢.)

(计划)

—————————————-

之前得测试过

里程碑到了…

负责人:我来过下大家做的怎么样?都提交了吧.

(检查)

—————————————-

不行,改!

ok,迭代就开始了.

以上的开发次序有问题吗?未必,但是大部分小团队基本上都是这样的.

如果每一步都做到位了,我想这一切都会往一开始订下的方向走.

如果不行可以及时的微调方法,逐渐形成自己团队管理模式.

总结下:

1.方向明确

2.计划清晰,职责明确,任务分工到位(落实)

3.及时的团队沟通(讨论,会议,走查)

4.落实测试审查,确保质量

没有关联的文章。

这篇文章的英文原创来自于：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!)

1. 作为一个函数变量的一个引用 - 当函数返回时，其处于激活状态。
2. 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。


function sayHello(name) {
var text = 'Hello ' + name;
var sayAlert = function() { alert(text); }
sayAlert();
}

以上的代码就表示了闭包的最基本的形式，在一个函数里面包含一个内部函数。
闭包有一个好处，就是变量作用域控制，和内部函数作用域的控制，是外界没法访问内部函数，使代码安全性提高，形成代码的单元。
其实，我还是看到never-online的另一篇
eval解闭包
里面说道：

[edit] Syntax
eval(string [, object])

[edit] Parameters
string
A string representing a JavaScript expression, statement, or sequence of statements. The expression can include variables and properties of existing objects.
object
Non-standard
An optional argument; if specified, the evaluation is restricted to the context of the specified object.

呵呵，这么看来对于JavaScript私有的概念十分的弱了。eval是一个危险的方法，虽然灵活，但是得小心的用，就像goto语句一样有争议了。

最后总结下：
Final points:

* Whenever you use function inside another function, a closure is used.
每当你在一个函数里有另一个函数，表示已使用了闭包。
* Whenever you use eval() inside a function, a closure is used. The text you eval can reference local variables of the function, and within eval you can even create new local variables by using eval(’var foo = …
每当你使用函数里使用eval()，也表示使用了闭包。你执行的文本能够应用这个函数里的局部变量，甚至在eval里创建新的这个函数的局部变量，像这样：eval(’var foo =…
* When you use Function() inside a function, it does not create a closure. (The new function cannot reference the local variables of the function calling Function()).
当你在一个函数里使用Function()，并不会创建一个闭包。（当调用这个新建的函数并不能引用函数的局部变量）
* A closure in JavaScript is like keeping a copy of the all the local variables, just as they were when a function exited.
当一个函数退出时，在JavaScript里一个闭包就像是保持了所有局部变量的拷贝。
——————————————————————–
下面偷懒了，不翻译了，发现翻译措辞很痛苦，虽然看懂了，却不知道咋么表达好，大家一起看e文吧，或者有哪个达人帮忙翻译下。
* It is probably best to think that a closure is always created just on entry to a function, and the local variables are added to that closure.

* A new set of local variables is kept every time a function with a closure is called (Given that the function contains a function declaration inside it, and a reference to that inside function is either returned or an external reference is kept for it in some way).

* Two functions might look like they have the same source text, but have completely different behaviour because of their ‘hidden’ closure. I don’t think JavaScript code can actually find out if a function reference has a closure or not.

* If you are trying to do any dynamic source code modifications ( for example: myFunction = Function(myFunction.toString().replace(/Hello/,’Hola’)); ), it won’t work if myFunction is a closure (Of course, you would never even think of doing source code string substitution at runtime, but…).

* It is possible to get function declarations within function declarations within functions - and you can get closures at more than one level.

* I think normally a closure is the term for both the function along with the variables that are captured. Note that I do not use that definition in this article!

* I suspect that closures in JavaScript differ from those normally found in functional languages.

没有关联的文章。

下面是网址：http://i.yoho.cn/lan

主要是适用于浏览，且无语的潜水者看的。

没有关联的文章。

接下来，着实动真格了，端着本本，一一记下做菜的材料，然后就去超市采购一番，我就打下手，拎东西，哎，莫办法，不过想想有好吃的，嗯，打起精神来好好干哦！

做鲫鱼豆腐汤（我的最爱之一），还有就是可乐鸡翅（蛮新奇的），骨头汤（无肉不欢），还有就是做蛋糕，为了之个还特定买了个做可以做蛋糕的电饭煲。

打下手：洗鲫鱼，切菜，打蛋，还有喝可乐（不好意思，小小偷懒吧）

偶MM也忙的不可开交，不停的看帖子，来回于房间和厨房之间。

呵呵，不过最后还是做完了，我正准备吃呢，偶MM说不行，得先咔嚓几张片片，给大家看看做的好不好，不能一下子就吃了。

不过说实话—-很难吃啊~~~~~~~~~~~

哦，不对，说错话了。

不要生气，逗你啦，如果你在看的话。

嗯，很好吃的，真的。特别是鸡翅很好吃，蛋糕也不错。

难怪不过瘾，后来又做了一个蛋糕，结果得到大家的一致肯定了啦！

没有关联的文章。

我想了想，就问那为什么之前还要用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://www.mathway.com/default.aspx

没有关联的文章。

 原文地址： 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 对象和prototype 属性

在JavaScript里，函数就是对象，可以赋给变量，你可以添加属性和方法等到上面。这里是一个例子：

var myfunc = function(param) {

 alert(param);

};

就和这一样：

function myfunc(param) {

 alertparam);

}

不管如何你创建的这个函数，你最终可以访问 myfunc里的属性和方法。

alert(myfunc.length);     // 提示1, 数字型的参数

alert(myfunc.toString()); // 提示函数的源代码

每一个function对象都有一个有趣的特性：都有prototype（原型）这个属性。

当你创建一个function的同时，将自动获取一个指向一个空对象的prototype属性。当然，你能修改这个空对象的属性。

alert(typeof myfunc.prototype); // 提示“Object”

myfunc.prototype.test = 1; // 完全可以这么做

有个问题，prototype有什么用呢？prototype仅可以用在当你引用一个function作为构造函数方式来创建的对象上。当你这么做，这对象就自动获取一个秘密的链接到prototype的属性，然后使之成为自己的属性。真的吗？

让我们来看看这个实例。

一个新的function：

function ShinyObject(name) {

 this.name = name;

}

给这个function的prototype属性传参数来添加一些功能：

ShinyObject.prototype.getName = function() {

 return this.name;

};

使用function像构造函数的方式来创建的对象：

var iphone = new ShinyObject(’my precious’);

iphone.getName(); // 返回”my precious”

就像你看到的那样，一个新的对象自动获取这个有权限的prototype属性。然后当有些“免费”获取功能，开始闻到有点像继承和reusability 代码的味道了。

以原型的模式继承

现在让我们看看你将如何prototype来实现继承。

这里是一个做为父类的构造函数：

function NormalObject() {

 this.name = ‘normal’;

 this.getName = function() {

    return this.name;

 };

}

第二个构造函数：

function PreciousObject(){

 this.shiny = true;

 this.round = true;

}

现在继承的部分：

PreciousObject.prototype = new NormalObject();

啊哈！你可以创建precious对象了，并且将获取所有Normal对象的功能：

var crystal_ball = new PreciousObject();

crystal_ball.name = ‘Ball, Crystal Ball.’;

alert(crystal_ball.round); // true

alert(crystal_ball.getName()); // “Ball, Crystal Ball.”

注意为什么我们创建一个对象要通过prototype的方式新建或赋予，因为prototype就是一个对象。它不像一个构造函数继承自其他，事实上我们继承是从一个对象的。JavaScript是没有类继承自类的说法，这里只有对象继承自对象。

如果你有一些构造函数继承自NormalObject对象，你或许每次都要new NormalObject()的，但是那是不必要的。甚至整个NormalObject结构体也是不必要的。另一种方式一样做到通过创建一个（单例）的normal object然后使用它就像使用其他的对象。

var normal = {

 name: ‘normal’,

 getName: function() {

    return this.name;

 }

};

然后PreciousObject能够像这样来继承：

PreciousObject.prototype =normal;

自从继承者将全部调用代码，已经简单复制属性通过另一种方法来实现。

设想你有以下的对象

var shiny = {

   shiny: true,

   round: true

};

var normal = {

 name: ‘name me’,

 getName: function() {

    return this.name;

 }

};

如何让shiny获取mormal的属性？这里是一个简单的extend()函数，用来循环迭代和复制属性：

function extend(parent, child) {

 for (var i in parent) {

    child[i] = parent[i];

 }

}

extend(normal, shiny); // 继承

shiny.getName(); // “name me”

现在看来这种属性拷贝有一定的开销而感觉不是很好，但是事实上，对于完成大多数任务还不错。你也可以把这个看做实现组合和多重继承的简单途径。

Crockford的由父级对象产生对象的方法

Douglas Crockford,是一位JavaScript的宗师和JSON的创始人，他提出了这个有趣的begetObject()方式来实现继承：

function begetObject(o) {

 function F() {}

 F.prototype = o;

 return new F();

}

在这里你创建一个临时的构造函数，这样以至于可以使用prototype（原型）的功能，原理是创建一个对象同时继承已存在对象的一些功能。

 父级对象：

var normal = {

 name: ‘name me’,

 getName: function() {

    return this.name;

 }

};

一个新创建继承自父级对象的对象：

var shiny = begetObject(normal);

给这个对象新增更多的功能：

Shiny.round = true;

YUI的extend()

让我们再来看另一个实现继承的方式，这个更接近于Java，因为在这个方式下，看起来构造函数像是继承自另一个构造函数，因此有点像一个类继承自另一个类。

这个方式在非常流行的 YUI JavaScript library（Yahoo! User Interface）这里一个简单版本：

function extend(Child, Parent) {

 var F = function(){};

 F.prototype = Parent.prototype;

 Child.prototype = new F();

}

通过这个方法，你传递两个构造函数，第一个（子类）将会通过原型（prototype）属性得到第二个（父类）的所有属性和方法。

总结

让我们快速总结下关于JavaScript刚才所学习的:

没有类的概念

对象继承自对象

对象枚举的方式：var o ={};

构造函数提供类似Java的语法 var o = new Object();

函数和对象的概念

所有函数对象都有一个原型属性

最后，还有讲了一些实现继承的方式，你可以任意的挑选，可以说是手头的任务，个人癖好，团队偏好，或是当前的月相。

作者和声明

Stoyan Stefanov 是一位资深的Yahoo！开发者， YSlow tool的主导者，开源贡献者，博客作者和技术撰稿人，最近是Packet出版的“Object-Oriented JavaScript”一书 的作者。

shiny对象的例子的灵感来自于 Jim Bumgardner撰写的Theory of the Precious Object一书。

Douglas Crockford的 beget object - 文章点击这里

关联的文章:

1. Code Demo:火爆的3D枪战游戏，仅仅96kb 以前见过类似的3D程序，但是现在都做成游戏了。只有96k，这种形式属于Code Demo——冲击极限编程，写出容量极小的紧凑高效的代码。 来源：http://www.theprodukkt.com点击这里下载 ...
2. 冰河世纪3：预告片 期待小松鼠~~ ...

准备要去弄个鼠标，触摸板用的不习惯。

没有关联的文章。

主要现在每天可以和偶家mm天天腻在一起，逛街，散步…还是蛮开心的。

最近，南京的天气，呵呵，很想用一个词来形容，甜腻腻的。这些来自于空气的水份和桂花的气味。穿多一点，有点闷闷的。

得慢慢得合拍，和这个城市，这份工作。

明天，再也不能拖了，得去看看房子了，找个近点的，不用每天地铁长距离来回折腾了。

没有关联的文章。

该网站的链接在：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 your document HTML.

HTMLHttpRequest v1.0beta3

Dynamically request pages from the server and parse/insert them into your document, using XMLHttpRequest or a hidden IFRAME transport for best browser compatibility. It’s great for Ajax web apps or as a frameset replacement!

SuperNote v1.0beta2

Easily turn plain footnotes into dynamic, CSS-formatted popup tooltips.

Photo Morpher v1.0 beta

An image gallery on steroids. Blend and morph between images that are defined in a standard list in the page for easy modification and good backwards compatibility.

DragResize v1.0beta

Makes page elements draggable and freely resizeable.

AddEvent Manager

Easily add multiple event handlers to an object across all common browsers.

CheckTree v1.0 RC

Displays and manages a multilevel list of checkboxes.

没有关联的文章。

呵呵，还是第一次使用自己的mac系统，还是真有点不习惯，特别是没了右键，脑子里还是固有的windows的操作习惯。

以后，慢慢改，毕竟苹果不是很难学，而且也很漂亮。

还是，就是无线联网，貌似对于特殊的无线路由设置还是有点不会设置，学习ing。。。

没有关联的文章。

http://www.google.cn/tenthbirthday/

没有关联的文章。

回到宿舍还是满累的，好久没这么去满城的跑了。

没有关联的文章。

挺酷的，下面的链接还有其他生成器网址，我就不一一贴出来了，其实原理很简单，但是很有趣。

给我的小博客，加些辐射的标志。大家不要怕，只是标志，没有辐射的，大家尽情访问。

http://www.streetsigngenerator.com/

没有关联的文章。

艰难的刷完牙齿，我只想用艰难这个词，看着镜子里迷糊的模样，泼了些冷水，嗯，清醒了很多。擦完脸，盘算着今天该做什么了，对，报销还没填，填写下，整理下发票，过会买下车票，吃个午饭，下午把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 Stereo

- Release Notes ————————————————————- -

   Australian singer-songwriter’s self-titled solo debut leaps into itunes top

   10 albums chart: world wide release set for sept 23rd. Enjoy.

- Track List —————————————————————- -

  01. The Show                                                          ( 3:55)

  02. Bring Me Down                                                     ( 3:29)

  03. Skipalong                                                         ( 3:52)

  04. Don’t Let Me Fail                                                 ( 2:50)

  05. Anything I’m Not                                                  ( 3:18)

  06. Knock Knock                                                       ( 3:40)

  07. Dangerous And Sweet                                               ( 3:31)

  08. Trouble Is A Friend                                               ( 3:35)

  09. Live Like You’re Dying                                            ( 3:49)

  10. Like A Song                                                       ( 3:20)

  11. We Will Not Grow Old                                              ( 3:18)

- ————————————————————————— -

关联的文章:

1. 冰河世纪3：预告片 期待小松鼠~~ ...

我很看好google的产品，主要是学习他的理念，发现google一直是走在互联网应用的前沿，在lab里总能发现不错的创意，其实做什么都要，开阔眼界，分享知识，这样才容易走到前面，不然永远只是“拷贝不走样”（当初上海的一档综艺节目智力大冲浪的一个小节目）。

AdSense的模式在google的发展下，已成为google盈利模式的主要的一个环节。其实现在google的盈利主要还是来自广告收入，她的大部分产品都是免费的。

没有关联的文章。

异步加载查询结果，红色表示已注册，蓝色表示可以注册的，采用结果累加的方式，并且而还会简单的单词联想。真的不错，比起以前只能查一个域名的查询方式，方便了很多。

我比较喜欢，keyup的事件触发，以及联想，累加查询结果的方式，简单实用。

https://domize.com/

没有关联的文章。

为什么？这就表明了，国内企业在效益面前，忽视了最最重要的立身之本-质量。这样就像是杀鸡取卵的事情一样，不管是什么行业，质量永远是第一位，不要等到出了人命的大事情，才恍然大悟，此时已晚，大家对于国货的态度和看法又降了一个档次，或许是失望。

支持国货，同样国内企业也要对得起国人的支持，把国货做好，做强，做的值得信赖。

没有关联的文章。

我所说的MB133的。

真的很完美的东西

没有关联的文章。

没有关联的文章。

孢子真的是一款极富想像力的游戏。

关键，游戏非常容易上手，适合我这样的游戏涉猎者！

没有关联的文章。